/* =============================================================
   WC Product Bundle Boss — "Skooped Mama" design preset
   Matches skoopedmama.com: cream paper, cocoa ink, terracotta and
   saffron accents, Cormorant names, Jost text, square edges, spaced
   uppercase buttons. Sets tokens first; the few rules below only
   restyle type and buttons.
   ============================================================= */

:root {
    --bb-ink: #2C2222;
    --bb-ink-soft: #3A2A1E;
    --bb-text: #3A2A1E;
    --bb-muted: #7A6A5F;
    --bb-muted-light: #A69589;
    --bb-surface: #FFFDF9;
    --bb-surface-faint: #FAF4E9;
    --bb-surface-alt: #F3EADB;
    --bb-summary-bg: #FAEFEC;
    --bb-border: #E9DDCB;
    --bb-border-strong: #D6C4AB;
    --bb-accent: #E86E46;
    --bb-accent-bg: #FAEFEC;
    --bb-accent-deep: #A9461F;
    --bb-link: #A9461F;
    --bb-success: #4F7A45;
    --bb-success-bg: #EFF4E9;
    --bb-success-border: #CADBBC;
    --bb-success-bright: #5C8F4F;
    --bb-warn: #9A6B06;
    --bb-warn-bg: #FDF5E1;
    --bb-warn-bg-strong: #FBEAC0;
    --bb-warn-border: #F2BA2C;
    --bb-warn-accent: #F2BA2C;
    --bb-warn-deep: #6E4C04;
    --bb-badge-bg: #2C2222;
    --bb-badge-fg: #FAF4E9;
    --bb-skm-serif: "Cormorant", "Cormorant Garamond", Georgia, serif;
    --bb-skm-sans: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ── Type ─────────────────────────────────────────────────────── */

.bundle-boss-form,
.bb-tray-peek,
.bb-related {
    font-family: var(--bb-skm-sans);
    color: var(--bb-text);
}

.bundle-boss-form .bb-item-name,
.bb-related-title,
.bb-related-name {
    font-family: var(--bb-skm-serif);
    font-weight: 500;
    letter-spacing: 0;
}
.bundle-boss-form .bb-item-name { font-size: 1.35em; line-height: 1.15; }
.bb-related-title { font-size: 1.9em; }

.bundle-boss-form .bb-item-meta,
.bundle-boss-form .bundle-total-label,
.bundle-boss-form .bb-qty-label,
.bundle-boss-form .bb-box-lbl,
.bb-steps-label {
    font-family: var(--bb-skm-sans);
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 0.72em;
    font-weight: 500;
    color: var(--bb-muted);
}
.bundle-boss-form .bb-box-lbl { color: var(--bb-ink); }

.bundle-boss-form .bundle-total-amount {
    font-family: var(--bb-skm-sans);
    font-weight: 300;
    font-size: 1.7em;
    letter-spacing: 0;
}

/* ── Cards and panels: square, flat, paper-on-paper ───────────── */

.bundle-boss-form .bundle-item,
.bundle-boss-form .bundle-item > :first-child,
.bundle-boss-form .bundle-item > :last-child,
.bundle-boss-form .bundle-item--collapsed > .bb-card-header,
.bundle-boss-form .bb-order-tray,
.bundle-boss-form .bb-box-meter,
.bundle-boss-form .bb-box-card,
.bundle-boss-form .bb-candidate,
.bundle-boss-form .bb-sub-option,
.bundle-boss-form .bb-gift-msg,
.bundle-boss-form .bb-bogo-banner,
.bundle-boss-form .bundle-attr-select,
.bundle-boss-form .bb-box-stepper,
.bundle-boss-form .bb-stepper,
.bundle-boss-form img.bb-box-card-img,
.bundle-boss-form .bb-candidate-img,
.bb-related-card {
    border-radius: 0 !important;
}

.bundle-boss-form .bundle-item {
    box-shadow: none;
    border-color: var(--bb-border);
    background: var(--bb-surface);
}
.bundle-boss-form .bb-card-header { background: var(--bb-surface); }
.bundle-boss-form .bb-order-tray {
    background: var(--bb-surface-faint);
    border-color: var(--bb-border-strong);
    box-shadow: none;
}

.bundle-boss-form .bb-step {
    background: transparent;
    color: var(--bb-ink);
    border: 1px solid var(--bb-ink);
    font-family: var(--bb-skm-sans);
    font-weight: 500;
}
.bundle-boss-form .bundle-item--done .bb-step {
    background: var(--bb-ink);
    color: var(--bb-surface-faint);
    border-color: var(--bb-ink);
}

/* ── Choice chips: thin outline, cocoa when chosen ─────────────── */

.bundle-boss-form .bb-chip {
    border-radius: 0;
    border-color: var(--bb-border-strong);
    background: var(--bb-surface);
    font-family: var(--bb-skm-sans);
    font-weight: 400;
    letter-spacing: 0.04em;
}
.bundle-boss-form .bb-chip.is-selected,
.bundle-boss-form .bb-chip.is-selected:hover {
    background: var(--bb-ink);
    border-color: var(--bb-ink);
    color: var(--bb-surface-faint);
    font-weight: 500;
}

.bundle-boss-form .bb-tier-pill,
.bundle-boss-form .bb-tray-saving,
.bundle-boss-form .bb-sub-save {
    border-radius: 0;
    background: var(--bb-accent-bg);
    border-color: var(--bb-accent);
    color: var(--bb-accent-deep);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.7em;
    font-weight: 500;
}

/* ── Buttons: the site's square, spaced uppercase ──────────────── */

.bundle-boss-form .bundle-add-to-cart,
.bundle-boss-form .bb-add-another,
.bb-tray-peek .bb-peek-cta,
.bundle-boss-form .bb-step-next {
    background: var(--bb-ink) !important;
    border: 1px solid var(--bb-ink) !important;
    color: #fff !important;
    border-radius: 0 !important;
    font-family: var(--bb-skm-sans) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    padding: 18px 40px !important;
}
.bundle-boss-form .bundle-add-to-cart:not(:disabled):hover,
.bundle-boss-form .bb-add-another:hover,
.bb-tray-peek .bb-peek-cta:hover,
.bundle-boss-form .bb-step-next:hover {
    background: var(--bb-accent) !important;
    border-color: var(--bb-accent) !important;
    transform: none;
    box-shadow: none !important;
}
.bundle-boss-form .bundle-add-to-cart:disabled,
.bundle-boss-form .bundle-add-to-cart.bb-add-waiting,
.bundle-boss-form .bundle-add-to-cart.bb-add-waiting:hover {
    background: var(--bb-surface-alt) !important;
    border-color: var(--bb-border-strong) !important;
    color: var(--bb-muted) !important;
}

.bundle-boss-form .button:not(.alt):not(.bundle-add-to-cart),
.bundle-boss-form .bb-chooser-change,
.bundle-boss-form .bb-build-new,
.bundle-boss-form .bb-share-btn,
.bundle-boss-form .bb-step-back {
    background: transparent !important;
    border: 1px solid var(--bb-ink) !important;
    color: var(--bb-ink) !important;
    border-radius: 0 !important;
    font-family: var(--bb-skm-sans) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    padding: 10px 18px !important;
    box-shadow: none !important;
}
.bundle-boss-form .button:not(.alt):not(.bundle-add-to-cart):hover,
.bundle-boss-form .bb-chooser-change:hover,
.bundle-boss-form .bb-build-new:hover,
.bundle-boss-form .bb-share-btn:hover,
.bundle-boss-form .bb-step-back:hover:not(:disabled) {
    background: var(--bb-ink) !important;
    color: #fff !important;
}

.bundle-boss-form .bb-box-toggle {
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-size: 0.68em;
    font-weight: 500;
    padding: 9px 16px;
}

/* ── Box and chooser cards ─────────────────────────────────────── */

.bundle-boss-form .bb-box-card,
.bundle-boss-form .bb-candidate {
    background: var(--bb-surface);
    border: 1px solid var(--bb-border);
}
.bundle-boss-form .bb-box-card.bb-box-card-chosen,
.bundle-boss-form .bb-candidate.bb-candidate-added,
.bundle-boss-form .bb-candidate:hover:not(:disabled) {
    border-color: var(--bb-ink);
    box-shadow: inset 0 0 0 1px var(--bb-ink);
    transform: none;
}
.bundle-boss-form .bb-box-card-name,
.bundle-boss-form .bb-candidate-name {
    font-family: var(--bb-skm-serif);
    font-size: 1.12em;
    font-weight: 500;
    line-height: 1.15;
}
.bundle-boss-form .bb-box-card-price,
.bundle-boss-form .bb-candidate-price {
    font-weight: 300;
    letter-spacing: 0.02em;
}
.bundle-boss-form .bb-candidate-sale {
    border-radius: 0;
    background: var(--bb-accent);
    letter-spacing: 0.14em;
}
.bundle-boss-form .bb-candidate-featured {
    border-radius: 0;
    background: #F2BA2C;
    border-color: #F2BA2C;
    color: var(--bb-ink);
}

.bundle-boss-form .bb-box-meter { background: var(--bb-surface-faint); }
.bundle-boss-form .bb-box-meter-bar { border-radius: 0; background: var(--bb-surface-alt); }
.bundle-boss-form .bb-box-meter-bar i { background: var(--bb-accent); }
.bundle-boss-form .bb-box.is-complete .bb-box-meter-bar i { background: var(--bb-success); }

.bundle-boss-form .bb-tier-bar,
.bundle-boss-form .bb-tier-bar-fill { border-radius: 0; }

.bundle-boss-form .bb-bogo-banner {
    background: #FDF5E1;
    border-color: #F2BA2C;
    color: var(--bb-ink);
    font-weight: 500;
    letter-spacing: 0.04em;
}
.bundle-boss-form .bb-bogo-badge { background: #F2BA2C; color: var(--bb-ink); border-radius: 0; }

.bundle-boss-form .bb-steps-btn,
.bundle-boss-form .bb-steps-num { border-radius: 0; }
.bundle-boss-form .bb-chooser-cat { border-radius: 0; text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.68em; }

/* Countdown: the saffron bar the site uses for its top strip. */
.bb-sale-ending {
    border-radius: 0 !important;
    background: #E86E46 !important;
    color: #fff !important;
    font-family: var(--bb-skm-sans);
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

/* The "Bundle" chip on shop cards. */
.bundle-boss-type-badge {
    border-radius: 0 !important;
    font-family: var(--bb-skm-sans);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-size: 10px !important;
}

/* Inputs */
.bundle-boss-form .bb-box-search-input,
.bundle-boss-form .bb-chooser-search-input,
.bundle-boss-form .bb-gift-msg {
    border-radius: 0;
    background: var(--bb-surface);
    border-color: var(--bb-border-strong);
    font-family: var(--bb-skm-sans);
}