/* Foundation only. Detailed WooCommerce source adaptation begins in phase 5. */
.nf-woo-shell { padding: 150px 40px 120px; background: #fff; }
.nf-woo-shell__inner { max-width: 1400px; margin: 0 auto; }
.woocommerce .woocommerce-breadcrumb { margin-bottom: 40px; font-size: 10px; text-transform: uppercase; color: var(--nf-muted); }
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering { font-size: 11px; }

/* Woo actions inherit the Noble Factory global primary button colour system. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    border:1px solid var(--nf-btn-primary-border);
    border-radius:8px;
    background:var(--nf-btn-primary-bg);
    color:var(--nf-btn-primary-text);
    font-size:11px;
    font-weight:500;
    transition:background-color .28s var(--nf-ease-source),border-color .28s var(--nf-ease-source),color .28s var(--nf-ease-source),transform .18s var(--nf-ease-source),box-shadow .18s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background:var(--nf-btn-primary-hover-bg);
    border-color:var(--nf-btn-primary-hover-border);
    color:var(--nf-btn-primary-hover-text);
}
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce #respond input#submit:active {
    background:var(--nf-btn-primary-active-bg);
    border-color:var(--nf-btn-primary-active-border);
    color:var(--nf-btn-primary-active-text);
    transform:translateY(1px);
}
.woocommerce a.button:focus-visible,
.woocommerce button.button:focus-visible,
.woocommerce input.button:focus-visible,
.woocommerce #respond input#submit:focus-visible {
    outline:0;
    box-shadow:0 0 0 2px var(--nf-btn-focus-inner),0 0 0 4px var(--nf-btn-focus-outer);
}
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce input.button:disabled {
    background:var(--nf-btn-disabled-bg)!important;
    border-color:var(--nf-btn-disabled-border)!important;
    color:var(--nf-btn-disabled-text)!important;
    cursor:not-allowed!important;
    transform:none!important;
}
.woocommerce input:focus,.woocommerce select:focus,.woocommerce textarea:focus{border-color:var(--nf-gold);outline-color:var(--nf-gold)}