/**
 * Brand Override (v1.6.9)
 *
 * SINGLE SOURCE OF TRUTH for typeface, text colour, accent colour and button
 * colour across EVERY module — product page, shop, filters, cart, checkout,
 * account, wishlist, editorial — and every module built from here on.
 *
 * Loaded LAST in the global chain so nothing downstream can undo it.
 *
 * ---------------------------------------------------------------------------
 * v1.6.9 CHANGES
 *
 *   1. Burgundy (#A94540 / #7C2D2A / #5E1E1B) → GOLD (#B99244) + shades
 *   2. Black button backgrounds (#222222 / #1A1A1A / #000) → GOLD
 *
 * Burgundy was only PARTLY tokenised — `--jw-burgundy` in tanishq.css, but
 * hardcoded hex in the later hotfix sheets. So this file does both: it remaps
 * the tokens (which covers every current and future `var(--jw-burgundy)` use)
 * AND explicitly overrides the hardcoded selectors.
 *
 * ---------------------------------------------------------------------------
 * ACCESSIBILITY NOTE — WHY GOLD BUTTONS USE CHARCOAL TEXT, NOT WHITE
 *
 *   White  #FFFFFF on #B99244 → contrast 2.9:1  ✗ fails WCAG AA (needs 4.5:1)
 *   Charcoal #222222 on #B99244 → contrast 5.6:1  ✓ passes AA
 *
 * So button labels on gold are charcoal. This is also the richer-looking
 * combination — gold plate with dark type is the convention in luxury retail
 * (Cartier, Bulgari) precisely because white on gold reads washed out.
 * ------------------------------------------------------------------------- */

:root {
    /* ---- Typography: inherit the theme's font everywhere ---- */
    --jw-font-serif: inherit;
    --jw-font-sans:  inherit;
    --jw-font-mono:  inherit;

    /* ---- Text colour ---- */
    --jw-charcoal:     #222222;
    --jw-charcoal-70:  rgba(34,34,34,0.72);
    --jw-charcoal-50:  rgba(34,34,34,0.52);
    --jw-charcoal-30:  rgba(34,34,34,0.28);
    --jw-charcoal-20:  rgba(34,34,34,0.16);
    --jw-charcoal-10:  rgba(34,34,34,0.08);

    /* ---- GOLD: the single accent + button colour ---- */
    --jw-gold-tint:   #F5EDDD;   /* faint wash — hover backgrounds */
    --jw-gold-100:    #E3D0A9;
    --jw-gold-l:      #D2B071;   /* light  — gradient top    */
    --jw-gold:        #B99244;   /* BASE                     */
    --jw-gold-d:      #9C7935;   /* dark   — gradient bottom */
    --jw-gold-dd:     #7E6129;   /* deep   — pressed / hover */

    --jw-gold-a10:    rgba(185,146,68,0.10);
    --jw-gold-a20:    rgba(185,146,68,0.20);
    --jw-gold-a30:    rgba(185,146,68,0.30);

    /* Text that sits ON gold (see accessibility note above) */
    --jw-on-gold:     #222222;

    /* ---- Burgundy tokens remapped to gold ----
       Covers every existing and future `var(--jw-burgundy*)` reference. */
    --jw-burgundy:    var(--jw-gold);
    --jw-burgundy-l:  var(--jw-gold-l);
    --jw-burgundy-d:  var(--jw-gold-d);

    /* ---- Champagne aligned to the gold family (they were near-identical;
            two competing golds read muddy) ---- */
    --jw-champagne:   #B99244;
    --jw-champagne-l: #D2B071;
    --jw-champagne-d: #9C7935;

    /* Shadows retuned to the #222 base */
    --jw-shadow-xs: 0 1px 2px  rgba(34,34,34,0.04);
    --jw-shadow-sm: 0 1px 3px  rgba(34,34,34,0.06);
    --jw-shadow-md: 0 4px 20px rgba(34,34,34,0.07);
    --jw-shadow-lg: 0 20px 50px rgba(34,34,34,0.10);
}

/* Base text colour for every JW component */
[class^="jw-"],
[class*=" jw-"] {
    color: var(--jw-charcoal);
}

/* ===========================================================================
 * BUTTONS — gold fill, charcoal label
 * ======================================================================== */

body .jw-btn--primary,
body.jw-single-product .jw-btn--primary,
body.jw-shop-page .jw-btn--primary {
    background: linear-gradient(135deg, var(--jw-gold-l) 0%, var(--jw-gold) 100%) !important;
    border-color: var(--jw-gold) !important;
    color: var(--jw-on-gold) !important;
    box-shadow: 0 2px 8px var(--jw-gold-a20), inset 0 1px 0 rgba(255,255,255,0.18);
}
body .jw-btn--primary:hover:not(:disabled),
body.jw-single-product .jw-btn--primary:hover:not(:disabled) {
    background: linear-gradient(135deg, var(--jw-gold) 0%, var(--jw-gold-d) 100%) !important;
    border-color: var(--jw-gold-d) !important;
    color: var(--jw-on-gold) !important;
    box-shadow: 0 8px 24px var(--jw-gold-a30), inset 0 1px 0 rgba(255,255,255,0.18);
}
body .jw-btn--primary:active:not(:disabled) {
    background: linear-gradient(135deg, var(--jw-gold-d) 0%, var(--jw-gold-dd) 100%) !important;
}

body .jw-btn--secondary {
    border-color: var(--jw-gold) !important;
    color: var(--jw-gold-d) !important;
    background: #fff !important;
}
body .jw-btn--secondary:hover:not(:disabled) {
    background: linear-gradient(135deg, var(--jw-gold-l) 0%, var(--jw-gold) 100%) !important;
    border-color: var(--jw-gold) !important;
    color: var(--jw-on-gold) !important;
}

/* Add to Bag / Buy Now / Complete Order / Proceed to Checkout */
body.jw-single-product .jw-purchase__cart,
body.jw-checkout-page .jw-checkout-submit,
body.jw-cart-page .jw-cart-totals__checkout,
body.jw-single-product .jw-sticky-bar__cta {
    background: linear-gradient(135deg, var(--jw-gold-l) 0%, var(--jw-gold) 100%) !important;
    border-color: var(--jw-gold) !important;
    color: var(--jw-on-gold) !important;
}
body.jw-single-product .jw-purchase__cart:hover,
body.jw-checkout-page .jw-checkout-submit:hover,
body.jw-cart-page .jw-cart-totals__checkout:hover {
    background: linear-gradient(135deg, var(--jw-gold) 0%, var(--jw-gold-d) 100%) !important;
    color: var(--jw-on-gold) !important;
}

/* WooCommerce / theme buttons rendered inside our components */
.jw-shop__empty .button,
.jw-dashboard__empty .button,
.jw-cart-empty .button,
body.jw-account-page .woocommerce-form-login .button,
body.jw-account-page .woocommerce-form-register .button,
.jw-contact__main input[type="submit"],
.jw-contact__main button[type="submit"] {
    background: linear-gradient(135deg, var(--jw-gold-l) 0%, var(--jw-gold) 100%) !important;
    border-color: var(--jw-gold) !important;
    color: var(--jw-on-gold) !important;
}
.jw-contact__main input[type="submit"]:hover,
.jw-contact__main button[type="submit"]:hover,
body.jw-account-page .woocommerce-form-login .button:hover {
    background: linear-gradient(135deg, var(--jw-gold) 0%, var(--jw-gold-d) 100%) !important;
    color: var(--jw-on-gold) !important;
}

/* Shop: price Apply + mobile filter FAB */
body.jw-shop-page .jw-price-range__apply {
    background: linear-gradient(135deg, var(--jw-gold-l) 0%, var(--jw-gold) 100%) !important;
    color: var(--jw-on-gold) !important;
}
body.jw-shop-page .jw-price-range__apply:hover {
    background: linear-gradient(135deg, var(--jw-gold) 0%, var(--jw-gold-d) 100%) !important;
}
body.jw-shop-page .jw-shop__filter-fab {
    background: linear-gradient(135deg, var(--jw-gold-l) 0%, var(--jw-gold) 100%) !important;
    color: var(--jw-on-gold) !important;
    box-shadow: 0 12px 32px var(--jw-gold-a30) !important;
}

/* Delivery "Check" button */
body.jw-single-product .jw-delivery__check,
body.jw-single-product .jw-delivery-card__check {
    color: var(--jw-gold-d) !important;
}
body.jw-single-product .jw-delivery__check:hover {
    background: var(--jw-gold) !important;
    color: var(--jw-on-gold) !important;
}

/* Qty stepper hover */
body.jw-single-product .jw-qty__btn:hover {
    background: var(--jw-gold) !important;
    color: var(--jw-on-gold) !important;
}

/* ===========================================================================
 * SELECTION STATES — gold fill, charcoal mark
 * ======================================================================== */

/* Ring size pills */
body.jw-single-product .jw-size-pill__input:checked + .jw-size-pill__value {
    background: linear-gradient(135deg, var(--jw-gold-l) 0%, var(--jw-gold) 100%) !important;
    border-color: var(--jw-gold) !important;
    color: var(--jw-on-gold) !important;
    box-shadow: 0 6px 16px var(--jw-gold-a30) !important;
}

/* Filter checkboxes */
body.jw-shop-page .jw-check input:checked + .jw-check__box {
    background: var(--jw-gold) !important;
    border-color: var(--jw-gold) !important;
}
body.jw-shop-page .jw-check input:checked + .jw-check__box::after {
    border-color: var(--jw-on-gold) !important;   /* the tick */
}

/* Purity pills */
body.jw-shop-page .jw-pill input:checked + .jw-pill__face {
    background: var(--jw-gold) !important;
    border-color: var(--jw-gold) !important;
    color: var(--jw-on-gold) !important;
}
body.jw-shop-page .jw-pill input:checked + .jw-pill__face em {
    color: rgba(34,34,34,0.60) !important;
}

/* Active filter chips */
body.jw-shop-page .jw-chip:hover {
    background: var(--jw-gold) !important;
    border-color: var(--jw-gold) !important;
    color: var(--jw-on-gold) !important;
}

/* Details toggle (Product Details / Price Breakup) */
body.jw-single-product .jw-details-tabs__btn.is-active {
    background: linear-gradient(135deg, var(--jw-gold-l) 0%, var(--jw-gold) 100%) !important;
    color: var(--jw-on-gold) !important;
    box-shadow: 0 4px 12px var(--jw-gold-a30), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
body.jw-single-product .jw-details-tabs:hover {
    box-shadow: inset 0 1px 2px rgba(34,34,34,0.04), 0 4px 16px var(--jw-gold-a10) !important;
}

/* Accordion open state */
body.jw-single-product .jw-accordion__item[open] .jw-accordion__icon {
    background: linear-gradient(135deg, var(--jw-gold-l) 0%, var(--jw-gold) 100%) !important;
    border-color: var(--jw-gold) !important;
    color: var(--jw-on-gold) !important;
    box-shadow: 0 4px 12px var(--jw-gold-a30) !important;
}
body.jw-single-product .jw-accordion__item[open] .jw-accordion__chevron {
    color: var(--jw-gold-d) !important;
}
body.jw-single-product .jw-accordion__item[open] {
    border-color: var(--jw-gold-l) !important;
}

/* Weight pill dot (was burgundy) */
body.jw-single-product .jw-spec-pill__icon--weight {
    background: var(--jw-gold) !important;
    box-shadow: inset 0 0 0 2px var(--jw-gold-l), 0 0 0 1px var(--jw-gold-a30) !important;
}

/* Checkout section number badges */
body.jw-checkout-page .jw-checkout-section__number {
    background: linear-gradient(135deg, var(--jw-gold-l) 0%, var(--jw-gold) 100%) !important;
    color: var(--jw-on-gold) !important;
}

/* My Account active nav item */
body.jw-account-page .woocommerce-MyAccount-navigation-link.is-active > a,
.jw-account-nav__item.is-active a {
    background: linear-gradient(135deg, var(--jw-gold-l) 0%, var(--jw-gold) 100%) !important;
    color: var(--jw-on-gold) !important;
}

/* ===========================================================================
 * WISHLIST — burgundy hearts → gold
 * ======================================================================== */

/* Product page icon button */
body.jw-single-product .jw-wishlist-btn.is-active {
    background: linear-gradient(135deg, var(--jw-gold-l) 0%, var(--jw-gold) 100%) !important;
    border-color: var(--jw-gold) !important;
    color: var(--jw-on-gold) !important;
    box-shadow: 0 4px 14px var(--jw-gold-a30) !important;
}
body.jw-single-product .jw-wishlist-btn.is-active:hover {
    background: linear-gradient(135deg, var(--jw-gold) 0%, var(--jw-gold-d) 100%) !important;
    border-color: var(--jw-gold-d) !important;
}

/* Card wishlist — WCBoost + native */
li.jw-card a.jw-card__wishlist--wcboost:hover,
button.jw-card__wishlist--native:hover {
    color: var(--jw-gold-d) !important;
    border-color: var(--jw-gold-a30) !important;
}
li.jw-card a.jw-card__wishlist--wcboost.wcboost-wishlist-button--added,
li.jw-card a.jw-card__wishlist--wcboost.added,
button.jw-card__wishlist--native.is-active {
    background: linear-gradient(135deg, var(--jw-gold-l) 0%, var(--jw-gold) 100%) !important;
    border-color: var(--jw-gold) !important;
    color: var(--jw-on-gold) !important;
    box-shadow: 0 4px 14px var(--jw-gold-a30) !important;
}

/* ===========================================================================
 * DARK SURFACES — these are NOT buttons, so they stay dark.
 * Only their gold accents are retuned.
 * ======================================================================== */

/* Price Breakup "Grand Total" row: charcoal bar, gold figure.
   Kept dark deliberately — a gold bar with a gold figure would be unreadable,
   and this row is a summary surface, not a control. */
body.jw-single-product .jw-breakup-table__row-total td {
    background: linear-gradient(135deg, #222222 0%, #2E2E2E 100%) !important;
    color: #fff !important;
}
body.jw-single-product .jw-breakup-table__value--final {
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    color: var(--jw-gold-l) !important;   /* light gold reads clearly on charcoal */
}

/* Editorial assurance strip — dark band, gold numerals */
.jw-assurance-strip { background: #222222; }
.jw-assurance-strip__num { color: var(--jw-gold-l) !important; }

/* ===========================================================================
 * TYPOGRAPHY — theme face, #222 text
 * ======================================================================== */

.jw-summary__title,
.jw-shelf__title,
.jw-section-title,
.jw-shop-hero__title,
.jw-editorial__title,
.jw-contact__title,
.jw-details-section__title,
.jw-filters__title,
.jw-cart__title,
.jw-checkout__title,
.jw-dashboard__title,
.jw-card__title,
li.jw-card .jw-card__title,
li.jw-card .jw-card__title a {
    font-family: inherit !important;
    color: var(--jw-charcoal) !important;
}

.jw-card__price,
li.jw-card .jw-card__price,
.jw-price-block__final,
.jw-breakup-table td,
.jw-cart-item__price,
.jw-cart-totals__total > span:last-child,
.jw-checkout__sidebar-total > span:last-child,
.jw-order-card__total,
.jw-spec-pill__value,
.jw-check__count,
.jw-toolbar__count {
    font-family: inherit !important;
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum' 1;
}

body.jw-single-product .jw-price-block__final {
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    color: #222222 !important;
}

.jw-editorial__prose p:first-of-type::first-letter {
    font-family: inherit;
    color: var(--jw-gold-d);
}

/* ===========================================================================
 * FOCUS RINGS — gold
 * ======================================================================== */

body.jw-single-product *:focus-visible,
body.jw-shop-page *:focus-visible {
    outline-color: var(--jw-gold) !important;
}