/* ═══════════════════════════════════════════════════════════════════════════
   TopUp Direk — Site CSS v5.1.0
   Tèm « kontwa lannwit » la sou TOUT sit la: panye, checkout, kont mwen,
   paj pwodwi, boutik, paj WordPress yo.

   Fichye sa a chaje APRE tèm nan ak WooCommerce. Li travay an 2 nivo:
     1. Li ranplase varyab koulè tèm nan (BuddyX), WordPress ak WooCommerce
        yo — konsa tout sa ki sèvi ak varyab sa yo vin fonse otomatikman.
     2. Li bay eleman ki gen koulè ekri an dur (tablo, fòm, avi, peman...)
        bon koulè yo, tou anba body.td-site.

   Paj akèy la pa touche: li gen pwòp stil li nan front.css.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. Varyab yo ───────────────────────────────────────────────────────────
   :root:root:root — pi fò pase :root tèm nan ak [data-bx-mode] li a,
   kèlkeswa lòd fichye yo chaje. */
:root:root:root{
  color-scheme:dark;

  /* BuddyX 5.x */
  --bx-color-bg:var(--td-ink);
  --bx-color-bg-page:var(--td-ink);
  --bx-color-bg-elevated:var(--td-surface);
  --bx-color-bg-muted:var(--td-ink-2);
  --bx-color-bg-subtle:var(--td-ink-2);
  --bx-color-bg-overlay:rgba(4,8,17,.72);
  --bx-color-fg:var(--td-paper);
  --bx-color-fg-muted:var(--td-dim);
  --bx-color-fg-subtle:var(--td-dim-2);
  --bx-color-fg-inverse:var(--td-ink);
  --bx-color-header-bg:var(--td-ink);
  --bx-color-site-title:var(--td-paper);
  --bx-color-site-title-hover:var(--td-gold);
  --bx-color-site-tagline:var(--td-dim);
  --bx-color-menu-bg:var(--td-ink-2);
  --bx-color-menu-fg:var(--td-dim);
  --bx-color-menu-hover:var(--td-paper);
  --bx-color-menu-active:var(--td-gold);
  --bx-color-subheader-bg:var(--td-ink-2);
  --bx-color-subheader-fg:var(--td-paper);
  --bx-color-h1:var(--td-paper);
  --bx-color-h2:var(--td-paper);
  --bx-color-h3:var(--td-paper);
  --bx-color-h4:var(--td-paper);
  --bx-color-h5:var(--td-paper);
  --bx-color-h6:var(--td-paper);
  --bx-color-accent:var(--td-gold);
  --bx-color-accent-inverse:var(--td-ink);
  --bx-color-accent-secondary:var(--td-mint);
  --bx-color-accent-tertiary:var(--td-gold);
  --bx-color-link:var(--td-gold);
  --bx-color-link-hover:var(--td-paper);
  --bx-color-button-bg:var(--td-gold);
  --bx-color-button-bg-hover:#FFD65C;
  --bx-color-button-fg:var(--td-ink);
  --bx-color-button-fg-hover:var(--td-ink);
  --bx-color-button-border:var(--td-gold);
  --bx-color-button-border-hover:#FFD65C;
  --bx-color-loader-bg:var(--td-ink);
  --bx-color-border:var(--td-line-soft);
  --bx-color-border-strong:var(--td-line);
  --bx-color-divider:var(--td-line-soft);
  --bx-color-input-bg:var(--td-ink-2);
  --bx-color-input-fg:var(--td-paper);
  --bx-color-input-border:var(--td-line);
  --bx-color-input-focus-border:var(--td-gold);
  --bx-color-input-placeholder:var(--td-dim-2);
  --bx-color-footer-bg:var(--td-ink);
  --bx-color-footer-fg:var(--td-dim);
  --bx-color-footer-title:var(--td-paper);
  --bx-color-footer-link:var(--td-paper);
  --bx-color-footer-link-hover:var(--td-gold);
  --bx-color-copyright-bg:var(--td-ink);
  --bx-color-copyright-border:var(--td-line-soft);
  --bx-color-copyright-fg:var(--td-dim);
  --bx-color-copyright-link:var(--td-paper);
  --bx-color-copyright-link-hover:var(--td-gold);
  --bx-color-success:var(--td-mint);
  --bx-color-success-bg:rgba(57,217,138,.1);
  --bx-color-error:var(--td-rose);
  --bx-color-error-bg:rgba(255,107,129,.1);
  --bx-color-warning:var(--td-gold);
  --bx-color-warning-bg:rgba(247,201,72,.1);
  --bx-color-info:#7FB2FF;
  --bx-color-info-bg:rgba(127,178,255,.1);
  --bx-color-shadow:rgba(0,0,0,.4);
  --bx-color-shadow-strong:rgba(0,0,0,.6);

  /* BuddyX 4.x ak anvan (varyab ansyen yo) */
  --global-font-color:var(--td-paper);
  --global-font-family:var(--td-display);
  --highlight-font-family:var(--td-display);
  --global-border-color:var(--td-line-soft);
  --global-body-lightcolor:var(--td-ink-2);
  --color-theme-primary:var(--td-gold);
  --color-theme-loader:var(--td-gold);
  --color-theme-body:var(--td-ink);
  --color-theme-white-box:var(--td-surface);
  --color-layout-boxed:var(--td-ink);
  --color-header-bg:var(--td-ink);
  --color-site-title:var(--td-paper);
  --color-site-title-hover:var(--td-gold);
  --color-site-tagline:var(--td-dim);
  --color-menu:var(--td-dim);
  --color-menu-hover:var(--td-paper);
  --color-menu-active:var(--td-gold);
  --color-subheader-title:var(--td-paper);
  --color-link:var(--td-gold);
  --color-link-hover:var(--td-paper);
  --color-link-active:var(--td-gold);
  --color-h1:var(--td-paper);
  --color-h2:var(--td-paper);
  --color-h3:var(--td-paper);
  --color-h4:var(--td-paper);
  --color-h5:var(--td-paper);
  --color-h6:var(--td-paper);
  --color-block-bg-subtle:var(--td-surface);
  --color-quote-border:var(--td-gold);
  --color-quote-citation:var(--td-dim);
  --color-footer-title:var(--td-paper);
  --color-footer-content:var(--td-dim);
  --color-footer-link:var(--td-paper);
  --color-footer-link-hover:var(--td-gold);
  --color-copyright-bg:var(--td-ink);
  --color-copyright-content:var(--td-dim);
  --color-copyright-link:var(--td-paper);
  --color-copyright-link-hover:var(--td-gold);
  --button-text-color:var(--td-ink);
  --button-text-hover-color:var(--td-ink);
  --button-background-color:var(--td-gold);
  --button-background-hover-color:#FFD65C;
  --button-border-color:var(--td-gold);
  --button-border-hover-color:#FFD65C;
  --global-border-radius:var(--td-radius);
  --button-border-radius:12px;
  --form-border-radius:12px;
  --textarea-border-radius:12px;

  /* WordPress (theme.json) */
  --wp--preset--color--base:var(--td-ink);
  --wp--preset--color--base-2:var(--td-ink-2);
  --wp--preset--color--base-3:var(--td-surface);
  --wp--preset--color--contrast:var(--td-paper);
  --wp--preset--color--contrast-2:var(--td-dim);
  --wp--preset--color--contrast-3:var(--td-dim-2);
  --wp--preset--color--accent:var(--td-gold);
  --wp--preset--color--primary:var(--td-gold);

  /* Sa nou bezwen anba a */
  --td-gold-hi:#FFD65C;
  --td-field:var(--td-ink-2);
  --td-ok:var(--td-mint);
  --td-bad:var(--td-rose);
  --td-info:#7FB2FF;
}

/* ── 2. Baz paj la ──────────────────────────────────────────────────────── */
html:has(body.td-site){background:var(--td-ink)}

body.td-site{
  background:var(--td-ink) !important;
  background-image:
    radial-gradient(60rem 40rem at 78% -12%, rgba(247,201,72,.05), transparent 62%),
    radial-gradient(48rem 34rem at 8% 4%, rgba(57,217,138,.035), transparent 58%) !important;
  background-attachment:fixed !important;
  color:var(--td-paper);
  font-family:var(--td-display);
  -webkit-font-smoothing:antialiased;
}

/* Tout veso tèm nan transparan: fon body a parèt */
body.td-site #page,
body.td-site .site,
body.td-site .site-wrapper,
body.td-site #content,
body.td-site .site-content,
body.td-site .site-main,
body.td-site #primary,
body.td-site .content-area,
body.td-site .container,
body.td-site .entry-content,
body.td-site article.page,
body.td-site article.post,
body.td-site .hentry,
body.td-site .buddyx-content,
body.td-site .main-content-area,
body.td-site .wp-site-blocks{
  background-color:transparent !important;
  color:var(--td-paper);
  box-shadow:none;
}

/* Ba tit BuddyX la: plugin lan kache tit ak breadcrumb yo deja, kidonk
   sa ki rete a se yon bann vid anba header la. */
body.td-site .site-sub-header{display:none !important}

body.td-site ::selection{background:var(--td-gold);color:var(--td-ink)}
body.td-site :focus-visible{outline:2px solid var(--td-focus);outline-offset:3px}

/* ── 3. Tèks ────────────────────────────────────────────────────────────── */
body.td-site h1,body.td-site h2,body.td-site h3,
body.td-site h4,body.td-site h5,body.td-site h6{
  color:var(--td-paper);
  font-family:var(--td-display);
  letter-spacing:-.015em;
}
body.td-site h1,body.td-site h2{font-weight:800;font-stretch:108%}

body.td-site p,
body.td-site li,
body.td-site dd,
body.td-site dt,
body.td-site label,
body.td-site address,
body.td-site figcaption{color:inherit}

body.td-site small,
body.td-site .description,
body.td-site .wp-element-caption,
body.td-site figcaption{color:var(--td-dim)}

body.td-site a{color:var(--td-gold);text-decoration-color:rgba(247,201,72,.4);text-underline-offset:3px}
body.td-site a:hover{color:var(--td-gold-hi)}

/* Lyen header/footer/drawer plugin lan kenbe pwòp koulè yo */
body.td-site #bp-header a,
body.td-site #bp-drawer a,
body.td-site #bph-footer a{text-decoration:none}
body.td-site #bp-header .bp-nl,
body.td-site #bp-drawer .bp-dl{color:var(--td-dim)}
body.td-site #bp-header .bp-nl:hover,
body.td-site #bp-drawer .bp-dl:hover{color:var(--td-paper)}
body.td-site #bp-header .bp-nl.is-active,
body.td-site #bp-drawer .bp-dl.is-active{color:var(--td-gold)}
body.td-site #bp-header .bp-icon{color:var(--td-dim)}
body.td-site #bp-header .bp-icon:hover{color:var(--td-gold)}
body.td-site #bp-header .bph-logo-text,
body.td-site #bp-drawer .bph-logo-text{color:var(--td-paper)}
body.td-site #bp-drawer .bp-cta-btn{color:var(--td-ink)}
body.td-site #bph-footer .bph-ft-link,
body.td-site #bph-footer .bph-ft-legal{color:var(--td-paper)}
body.td-site #bph-footer .bph-ft-link:hover,
body.td-site #bph-footer .bph-ft-legal:hover{color:var(--td-gold)}
body.td-site #bph-footer p{color:var(--td-dim)}

/* Kat plugin lan ak snippet [tud_*] yo: tout kat la se yon lyen,
   tèks la pa dwe pran koulè lò lyen yo */
body.td-site a.bph-card,
body.td-site a.tud-card{color:var(--td-paper);text-decoration:none}

/* Header la: fon solid sou lòt paj yo (pa gen ewo dèyè l) */
body.td-site #bp-header{background:rgba(8,13,26,.92)}

body.td-site hr,
body.td-site .wp-block-separator{border-color:var(--td-line-soft);background-color:var(--td-line-soft);color:var(--td-line-soft)}

body.td-site blockquote,
body.td-site .wp-block-quote{
  border-left:3px solid var(--td-gold);
  background:var(--td-surface);
  border-radius:0 var(--td-radius) var(--td-radius) 0;
  padding:16px 20px;
  color:var(--td-paper);
}
body.td-site blockquote cite{color:var(--td-dim)}

body.td-site code,
body.td-site kbd,
body.td-site pre{
  font-family:var(--td-mono);
  background:var(--td-ink-2);
  color:var(--td-paper);
  border:1px solid var(--td-line-soft);
  border-radius:8px;
}
body.td-site code{padding:.1em .4em}
body.td-site pre{padding:16px}

/* Blòk Gutenberg ki gen fon klè pa default */
body.td-site .has-white-background-color,
body.td-site .has-base-background-color,
body.td-site .has-base-2-background-color,
body.td-site .has-base-3-background-color{background-color:var(--td-surface) !important;color:var(--td-paper)}
body.td-site .has-black-color,
body.td-site .has-contrast-color{color:var(--td-paper) !important}

/* ── 4. Tablo ───────────────────────────────────────────────────────────── */
body.td-site table{border-color:var(--td-line-soft);color:var(--td-paper)}
body.td-site table th,
body.td-site table td{border-color:var(--td-line-soft) !important;background:transparent}
body.td-site table thead th{
  font-family:var(--td-mono);font-size:.6875rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--td-dim-2);
}
body.td-site .wp-block-table table{background:var(--td-surface);border-radius:var(--td-radius);overflow:hidden}
body.td-site .wp-block-table thead{border-bottom:1px solid var(--td-line)}
body.td-site .wp-block-table td,
body.td-site .wp-block-table th{border:0 !important;border-bottom:1px solid var(--td-line-soft) !important;padding:12px 16px}
body.td-site .wp-block-table.is-style-stripes tbody tr:nth-child(odd){background:var(--td-ink-2)}

/* ── 5. Bouton ──────────────────────────────────────────────────────────── */
body.td-site .button,
body.td-site button.button,
body.td-site a.button,
body.td-site input[type="submit"],
body.td-site input[type="button"],
body.td-site button[type="submit"],
body.td-site .wp-element-button,
body.td-site .wp-block-button__link,
body.td-site .woocommerce a.button,
body.td-site .woocommerce button.button,
body.td-site .woocommerce input.button,
body.td-site .woocommerce #respond input#submit,
body.td-site .woocommerce a.button.alt,
body.td-site .woocommerce button.button.alt,
body.td-site .woocommerce input.button.alt,
body.td-site .wc-block-components-button:not(.is-link),
body.td-site .wc-block-cart__submit-button,
body.td-site .wc-block-components-checkout-place-order-button{
  background:linear-gradient(145deg,var(--td-gold),var(--td-gold-2)) !important;
  color:var(--td-ink) !important;
  border:0 !important;
  border-radius:12px !important;
  font-family:var(--td-display) !important;
  font-weight:800 !important;
  letter-spacing:.005em;
  text-decoration:none !important;
  box-shadow:0 8px 22px rgba(247,201,72,.14);
  transition:filter .16s,transform .16s,box-shadow .16s;
}
body.td-site .button:hover,
body.td-site input[type="submit"]:hover,
body.td-site button[type="submit"]:hover,
body.td-site .wp-element-button:hover,
body.td-site .wp-block-button__link:hover,
body.td-site .woocommerce a.button:hover,
body.td-site .woocommerce button.button:hover,
body.td-site .wc-block-components-button:not(.is-link):hover{
  filter:brightness(1.07);
  box-shadow:0 10px 28px rgba(247,201,72,.22);
  color:var(--td-ink) !important;
}
body.td-site .button:active,
body.td-site .wc-block-components-button:not(.is-link):active{transform:translateY(1px)}

body.td-site .button:disabled,
body.td-site .button.disabled,
body.td-site button:disabled,
body.td-site .woocommerce button.button:disabled[disabled]{
  opacity:.45 !important;
  filter:grayscale(.4);
  box-shadow:none;
}

/* Bouton segondè: ti bouton anndan tablo, "Update cart", "Apply coupon", "View" */
body.td-site .woocommerce-cart-form button[name="update_cart"],
body.td-site .coupon .button,
body.td-site .woocommerce-orders-table .button,
body.td-site .woocommerce-MyAccount-content .woocommerce-Button--previous,
body.td-site .woocommerce-MyAccount-content .woocommerce-Button--next,
body.td-site .wc-block-components-totals-coupon__button,
body.td-site .wp-block-button.is-style-outline .wp-block-button__link{
  background:var(--td-surface) !important;
  color:var(--td-paper) !important;
  border:1px solid var(--td-line) !important;
  box-shadow:none !important;
}
body.td-site .woocommerce-cart-form button[name="update_cart"]:hover,
body.td-site .coupon .button:hover,
body.td-site .woocommerce-orders-table .button:hover,
body.td-site .wc-block-components-totals-coupon__button:hover{
  border-color:var(--td-gold) !important;
  color:var(--td-gold) !important;
  filter:none;
}

/* Lyen ki sanble bouton (Woo blocks "is-link") */
body.td-site .wc-block-components-button.is-link,
body.td-site .wc-block-cart-item__remove-link,
body.td-site .wc-block-components-product-details__name{color:var(--td-dim) !important}
body.td-site .wc-block-cart-item__remove-link:hover{color:var(--td-rose) !important}

/* ── 6. Fòm ─────────────────────────────────────────────────────────────── */
body.td-site input[type="text"],
body.td-site input[type="email"],
body.td-site input[type="tel"],
body.td-site input[type="password"],
body.td-site input[type="number"],
body.td-site input[type="search"],
body.td-site input[type="url"],
body.td-site input[type="date"],
body.td-site input.input-text,
body.td-site select,
body.td-site textarea,
body.td-site .select2-container .select2-selection,
body.td-site .select2-dropdown,
body.td-site .wc-block-components-text-input input,
body.td-site .wc-block-components-text-input input[type],
body.td-site .wc-block-components-textarea,
body.td-site .wc-block-components-select select,
body.td-site .wc-block-components-select .wc-block-components-select__select,
body.td-site .wc-blocks-components-select__select,
body.td-site .wc-block-components-combobox .components-combobox-control__input,
body.td-site .wc-block-components-form .wc-block-components-text-input input,
body.td-site .components-form-token-field__input-container{
  background-color:var(--td-field) !important;
  color:var(--td-paper) !important;
  border:1px solid var(--td-line) !important;
  border-radius:12px !important;
  box-shadow:none !important;
  font-family:var(--td-display);
}
body.td-site input:focus,
body.td-site select:focus,
body.td-site textarea:focus,
body.td-site .wc-block-components-text-input input:focus,
body.td-site .wc-blocks-components-select__select:focus,
body.td-site .select2-container--focus .select2-selection,
body.td-site .select2-container--open .select2-selection{
  border-color:var(--td-gold) !important;
  box-shadow:0 0 0 3px rgba(247,201,72,.16) !important;
  outline:0 !important;
}
body.td-site input::placeholder,
body.td-site textarea::placeholder{color:var(--td-dim-2) !important;opacity:1}

/* Autofill Chrome: pa kite l pentire chan an jòn/blan */
body.td-site input:-webkit-autofill,
body.td-site input:-webkit-autofill:hover,
body.td-site input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--td-paper);
  -webkit-box-shadow:0 0 0 1000px var(--td-field) inset !important;
  caret-color:var(--td-paper);
}

body.td-site select option{background:var(--td-ink-2);color:var(--td-paper)}

/* Etikèt flotan Woo blocks */
body.td-site .wc-block-components-text-input label,
body.td-site .wc-block-components-combobox .components-base-control__label,
body.td-site .wc-block-components-select .wc-block-components-select__label,
body.td-site .wc-blocks-components-select__label,
body.td-site .wc-block-components-textarea + label{color:var(--td-dim) !important}
body.td-site .wc-block-components-select .wc-block-components-select__expand,
body.td-site .wc-blocks-components-select__expand{fill:var(--td-dim) !important}

/* Fòm klasik Woo */
body.td-site .woocommerce form .form-row label,
body.td-site .woocommerce-page form .form-row label{color:var(--td-dim);font-weight:600;font-size:.875rem}
body.td-site .woocommerce form .form-row .required{color:var(--td-rose);text-decoration:none}
body.td-site .woocommerce form .form-row.woocommerce-invalid input.input-text,
body.td-site .woocommerce form .form-row.woocommerce-invalid select{border-color:var(--td-rose) !important}
body.td-site .woocommerce form .form-row.woocommerce-validated input.input-text{border-color:rgba(57,217,138,.5) !important}
body.td-site .woocommerce form.login,
body.td-site .woocommerce form.register,
body.td-site .woocommerce form.checkout_coupon,
body.td-site .woocommerce form.lost_reset_password{
  background:var(--td-surface);
  border:1px solid var(--td-line-soft) !important;
  border-radius:var(--td-radius-lg) !important;
  padding:24px !important;
}

/* Select2 (peyi / depatman) */
body.td-site .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--td-paper) !important;line-height:44px}
body.td-site .select2-container .select2-selection--single{height:46px !important}
body.td-site .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px}
body.td-site .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--td-dim) transparent transparent transparent}
body.td-site .select2-container--default .select2-results__option[aria-selected="true"],
body.td-site .select2-container--default .select2-results__option[data-selected="true"]{background:var(--td-surface-2);color:var(--td-paper)}
body.td-site .select2-container--default .select2-results__option--highlighted[aria-selected],
body.td-site .select2-container--default .select2-results__option--highlighted[data-selected]{background:var(--td-gold) !important;color:var(--td-ink) !important}
body.td-site .select2-results__option{color:var(--td-paper)}
body.td-site .select2-search--dropdown .select2-search__field{background:var(--td-ink) !important;color:var(--td-paper) !important;border:1px solid var(--td-line) !important}

/* Radio ak checkbox */
body.td-site input[type="checkbox"],
body.td-site input[type="radio"]{accent-color:var(--td-gold)}
body.td-site .wc-block-components-radio-control__input,
body.td-site .wc-block-components-checkbox__input[type="checkbox"]{
  background:var(--td-field) !important;
  border:1.5px solid var(--td-line) !important;
}
body.td-site .wc-block-components-radio-control__input:checked{border-color:var(--td-gold) !important}
body.td-site .wc-block-components-radio-control__input:checked::before{background:var(--td-gold) !important}
body.td-site .wc-block-components-checkbox__input[type="checkbox"]:checked{background:var(--td-gold) !important;border-color:var(--td-gold) !important}
body.td-site .wc-block-components-checkbox__mark{fill:var(--td-ink) !important}
body.td-site .wc-block-components-checkbox__label,
body.td-site .wc-block-components-radio-control__label{color:var(--td-paper)}
body.td-site .wc-block-components-radio-control__description,
body.td-site .wc-block-components-radio-control__secondary-description{color:var(--td-dim)}

/* Kantite (- 1 +) */
body.td-site .quantity .qty,
body.td-site .wc-block-components-quantity-selector{
  background:var(--td-field) !important;
  border:1px solid var(--td-line) !important;
  border-radius:10px !important;
  color:var(--td-paper) !important;
}
body.td-site .wc-block-components-quantity-selector::after{border-color:var(--td-line) !important;display:none}
body.td-site .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{
  background:transparent !important;border:0 !important;color:var(--td-paper) !important;box-shadow:none !important;
}
body.td-site .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{
  background:transparent !important;color:var(--td-dim) !important;box-shadow:none !important;border:0 !important;
}
body.td-site .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover{color:var(--td-gold) !important}

/* ── 7. Avi (siksè / erè / enfòmasyon) ──────────────────────────────────── */
body.td-site .woocommerce-message,
body.td-site .woocommerce-info,
body.td-site .woocommerce-error,
body.td-site .woocommerce-notice,
body.td-site .wc-block-components-notice-banner,
body.td-site .wc-block-store-notice{
  background:var(--td-surface) !important;
  color:var(--td-paper) !important;
  border:1px solid var(--td-line) !important;
  border-left:3px solid var(--td-info) !important;
  border-radius:var(--td-radius) !important;
  box-shadow:none !important;
}
body.td-site .woocommerce-message,
body.td-site .wc-block-components-notice-banner.is-success,
body.td-site .woocommerce-notice--success{border-left-color:var(--td-ok) !important}
body.td-site .woocommerce-error,
body.td-site .wc-block-components-notice-banner.is-error{border-left-color:var(--td-bad) !important}
body.td-site .wc-block-components-notice-banner.is-warning{border-left-color:var(--td-gold) !important}
body.td-site .woocommerce-message::before{color:var(--td-ok)}
body.td-site .woocommerce-info::before{color:var(--td-info)}
body.td-site .woocommerce-error::before{color:var(--td-bad)}
body.td-site .wc-block-components-notice-banner > svg{background:transparent !important;fill:currentColor !important}
body.td-site .wc-block-components-notice-banner.is-success > svg{color:var(--td-ok)}
body.td-site .wc-block-components-notice-banner.is-error > svg{color:var(--td-bad)}
body.td-site .wc-block-components-notice-banner.is-info > svg{color:var(--td-info)}
body.td-site .woocommerce-message a:not(.button),
body.td-site .woocommerce-info a:not(.button),
body.td-site .woocommerce-error a:not(.button){color:var(--td-gold)}
body.td-site .woocommerce-message .button,
body.td-site .woocommerce-info .button{
  background:var(--td-surface-2) !important;color:var(--td-paper) !important;
  border:1px solid var(--td-line) !important;box-shadow:none !important;
}
body.td-site .woocommerce-store-notice,
body.td-site p.demo_store{background:var(--td-gold);color:var(--td-ink)}

/* ── 8. Pri ak badj ─────────────────────────────────────────────────────── */
body.td-site .price,
body.td-site .woocommerce-Price-amount,
body.td-site .wc-block-components-product-price,
body.td-site .wc-block-formatted-money-amount{color:var(--td-paper)}
body.td-site .price ins,
body.td-site ins .woocommerce-Price-amount,
body.td-site .wc-block-components-product-price__value.is-discounted{background:transparent !important;color:var(--td-gold) !important;text-decoration:none}
body.td-site .price del,
body.td-site del .woocommerce-Price-amount,
body.td-site .wc-block-components-product-price__regular{color:var(--td-dim-2) !important;opacity:1}

body.td-site span.onsale,
body.td-site .wc-block-components-product-sale-badge,
body.td-site .wc-block-components-sale-badge{
  background:var(--td-gold) !important;
  color:var(--td-ink) !important;
  border:0 !important;
  border-radius:8px !important;
  font-family:var(--td-mono);font-weight:700;
}
body.td-site .wc-block-components-product-badge{
  background:transparent !important;color:var(--td-gold) !important;
  border:1px solid rgba(247,201,72,.4) !important;border-radius:6px !important;
  font-family:var(--td-mono);
}

/* Stòk */
body.td-site .stock.in-stock{color:var(--td-ok)}
body.td-site .stock.out-of-stock{color:var(--td-bad)}

/* Imaj placeholder WooCommerce (gri klè) → vin fonse */
body.td-site img[src*="woocommerce-placeholder"],
body.td-site img[src*="placeholder.png"]{opacity:.14;background:transparent !important}

/* ── 9. Panye ak checkout klasik ────────────────────────────────────────── */
body.td-site .woocommerce table.shop_table,
body.td-site table.shop_table{
  background:var(--td-surface);
  border:1px solid var(--td-line-soft) !important;
  border-radius:var(--td-radius-lg) !important;
  border-collapse:separate !important;
  overflow:hidden;
}
body.td-site table.shop_table th,
body.td-site table.shop_table td{border-top:1px solid var(--td-line-soft) !important;padding:14px 16px}
body.td-site table.shop_table thead th{border-top:0 !important;background:var(--td-ink-2)}
body.td-site table.shop_table tfoot th,
body.td-site table.shop_table tfoot td{background:var(--td-ink-2)}
body.td-site table.shop_table .order-total th,
body.td-site table.shop_table .order-total td,
body.td-site table.shop_table .order-total .woocommerce-Price-amount{color:var(--td-paper);font-size:1.05rem}
body.td-site table.shop_table .order-total .woocommerce-Price-amount{color:var(--td-gold);font-family:var(--td-mono)}
body.td-site table.shop_table td.product-name a{color:var(--td-paper);font-weight:600;text-decoration:none}
body.td-site table.shop_table td.product-name a:hover{color:var(--td-gold)}
body.td-site table.cart img{border-radius:10px;background:var(--td-surface-2)}

body.td-site .woocommerce a.remove,
body.td-site a.remove{
  color:var(--td-dim) !important;
  background:var(--td-surface-2);
  border:1px solid var(--td-line);
}
body.td-site .woocommerce a.remove:hover,
body.td-site a.remove:hover{background:var(--td-rose) !important;color:var(--td-ink) !important;border-color:var(--td-rose)}

body.td-site .cart-collaterals .cart_totals,
body.td-site .woocommerce-checkout-review-order,
body.td-site .cart_totals{color:var(--td-paper)}
body.td-site .cart_totals h2,
body.td-site #order_review_heading,
body.td-site .woocommerce-billing-fields h3,
body.td-site .woocommerce-shipping-fields h3,
body.td-site .woocommerce-additional-fields h3{
  font-family:var(--td-display);font-size:1.15rem;font-weight:800;
  text-transform:uppercase;letter-spacing:-.01em;color:var(--td-paper);
}

/* Bwat peman klasik */
body.td-site .woocommerce-checkout #payment,
body.td-site #add_payment_method #payment,
body.td-site .woocommerce-cart #payment{
  background:var(--td-surface) !important;
  border:1px solid var(--td-line-soft);
  border-radius:var(--td-radius-lg) !important;
  color:var(--td-paper);
}
body.td-site #payment ul.payment_methods{border-bottom:1px solid var(--td-line-soft) !important}
body.td-site #payment ul.payment_methods li{color:var(--td-paper)}
body.td-site #payment ul.payment_methods li label{color:var(--td-paper);font-weight:700}
body.td-site #payment div.payment_box{
  background:var(--td-ink-2) !important;
  color:var(--td-dim) !important;
  border:1px solid var(--td-line-soft);
  border-radius:12px !important;
}
body.td-site #payment div.payment_box::before{border-bottom-color:var(--td-ink-2) !important}
body.td-site #payment div.form-row{background:transparent}
body.td-site .woocommerce-terms-and-conditions-wrapper,
body.td-site .woocommerce-privacy-policy-text{color:var(--td-dim)}
body.td-site .woocommerce-terms-and-conditions{background:var(--td-ink-2) !important;border:1px solid var(--td-line-soft) !important}

/* ── 10. Panye ak checkout an BLÒK (WooCommerce 8+) ─────────────────────── */
body.td-site .wp-block-woocommerce-cart,
body.td-site .wp-block-woocommerce-checkout,
body.td-site .wc-block-cart,
body.td-site .wc-block-checkout{color:var(--td-paper)}

/* Kolòn total la / rezime kòmand lan vin yon kat */
body.td-site .wc-block-cart .wc-block-cart__sidebar,
body.td-site .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__content,
body.td-site .wp-block-woocommerce-checkout-order-summary-block{
  background:var(--td-surface) !important;
  border:1px solid var(--td-line-soft) !important;
  border-radius:var(--td-radius-lg) !important;
}
body.td-site .wc-block-cart .wc-block-cart__sidebar{padding:6px 18px 18px !important;align-self:flex-start;height:auto !important}
body.td-site .wc-blocks-components-select__container,
body.td-site .wc-block-components-select__container,
body.td-site .wc-block-components-text-input,
body.td-site .wc-block-components-combobox{background:transparent !important}
body.td-site .wc-block-components-radio-control-accordion-content{background:transparent !important}
body.td-site .wc-block-cart__totals-title,
body.td-site .wc-block-components-checkout-order-summary__title,
body.td-site .wc-block-cart-items__header,
body.td-site .wc-block-cart-items thead th{
  font-family:var(--td-mono) !important;font-size:.6875rem !important;font-weight:700 !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--td-dim-2) !important;
}
body.td-site .wc-block-components-checkout-order-summary__title-text{color:var(--td-paper) !important}

body.td-site .wc-block-cart-items,
body.td-site .wc-block-cart-items th,
body.td-site .wc-block-cart-items td,
body.td-site .wc-block-cart-items__row,
body.td-site .wc-block-components-totals-wrapper,
body.td-site .wc-block-components-totals-item,
body.td-site .wc-block-components-panel,
body.td-site .wc-block-components-totals-coupon,
body.td-site .wc-block-components-order-summary-item,
body.td-site .wc-block-checkout__actions,
body.td-site .wc-block-components-checkout-step,
body.td-site .wc-block-components-checkout-order-summary__title{border-color:var(--td-line-soft) !important}
body.td-site .wc-block-components-totals-wrapper::after,
body.td-site .wc-block-components-totals-wrapper::before,
body.td-site .wc-block-components-panel::after,
body.td-site .wc-block-components-panel::before{border-color:var(--td-line-soft) !important}

body.td-site .wc-block-cart-item__image img,
body.td-site .wc-block-components-order-summary-item__image img{border-radius:10px;background:var(--td-surface-2)}
body.td-site .wc-block-components-product-name{color:var(--td-paper) !important;font-weight:700;text-decoration:none}
body.td-site a.wc-block-components-product-name:hover{color:var(--td-gold) !important}
body.td-site .wc-block-components-product-metadata,
body.td-site .wc-block-components-product-metadata__description{color:var(--td-dim)}

body.td-site .wc-block-components-order-summary-item__quantity{
  background:var(--td-gold) !important;color:var(--td-ink) !important;
  border:2px solid var(--td-surface) !important;box-shadow:none !important;
  font-family:var(--td-mono);font-weight:700;
}

body.td-site .wc-block-components-totals-item__label,
body.td-site .wc-block-components-totals-item__value{color:var(--td-paper)}
body.td-site .wc-block-components-totals-item__description{color:var(--td-dim)}
body.td-site .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{font-weight:800}
body.td-site .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  color:var(--td-gold) !important;font-family:var(--td-mono);font-weight:700;
}

body.td-site .wc-block-components-panel__button,
body.td-site .wc-block-components-panel__button:hover,
body.td-site .wc-block-components-panel__button:focus{color:var(--td-paper) !important;background:transparent !important}
body.td-site .wc-block-components-panel__button-icon{fill:var(--td-dim) !important}

/* Etap checkout yo */
body.td-site .wc-block-components-checkout-step__title,
body.td-site .wc-block-components-title{color:var(--td-paper) !important;font-weight:800 !important}
body.td-site .wc-block-components-checkout-step__description,
body.td-site .wc-block-checkout__guest-checkout-notice,
body.td-site .wc-block-checkout__terms,
body.td-site .wc-block-checkout__login-prompt,
body.td-site .wc-block-components-address-form__address_2-toggle,
body.td-site .wc-block-components-checkout-step__container p{color:var(--td-dim)}
body.td-site .wc-block-components-address-form__address_2-toggle,
body.td-site .wc-block-checkout__login-prompt,
body.td-site .wc-block-checkout__terms a{color:var(--td-gold) !important}

/* Chwa peman an blòk */
body.td-site .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option,
body.td-site .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option,
body.td-site .wc-block-components-radio-control-accordion-option{
  background:var(--td-surface);
  border-color:var(--td-line) !important;
}
body.td-site .wc-block-components-radio-control--highlight-checked::after,
body.td-site .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option::after{border-color:var(--td-line) !important}
body.td-site .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
body.td-site .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted{
  box-shadow:inset 0 0 0 2px var(--td-gold) !important;
  border-radius:var(--td-radius) !important;
  background:rgba(247,201,72,.05);
}
body.td-site .wc-block-components-radio-control-accordion-content{color:var(--td-dim)}

/* Ti loader / ti pwen lè Woo ap kalkile */
body.td-site .wc-block-components-loading-mask,
body.td-site .blockUI.blockOverlay{background:rgba(8,13,26,.6) !important}
body.td-site .wc-block-components-spinner::after{border-color:var(--td-gold) var(--td-gold) transparent !important}
body.td-site .wc-block-components-skeleton__element{background:var(--td-surface-2) !important}

/* Panye vid */
body.td-site .wc-block-cart__empty-cart__title,
body.td-site .cart-empty{color:var(--td-paper) !important}
body.td-site .wc-block-cart__empty-cart__title.with-empty-cart-icon::before{background:var(--td-dim-2) !important}
body.td-site .return-to-shop .button{margin-top:6px}

/* Blòk pwodwi yo anba panye vid la */
body.td-site .wc-block-grid__products{border:0 !important;gap:16px;margin:0 !important}
body.td-site .wc-block-grid__product{
  background:var(--td-surface) !important;
  border:1px solid var(--td-line-soft) !important;
  border-radius:var(--td-radius-lg) !important;
  padding:10px 10px 16px !important;
  margin:0 !important;
  overflow:hidden;
}
body.td-site .wc-block-grid .wc-block-grid__products{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr))}
body.td-site .wc-block-grid.has-3-columns .wc-block-grid__products{grid-template-columns:repeat(3,minmax(0,1fr))}
body.td-site .wc-block-grid .wc-block-grid__product{max-width:none !important;width:auto !important;flex:none !important}
@media (max-width:700px){
  body.td-site .wc-block-grid .wc-block-grid__products{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
body.td-site .wc-block-grid__product-image img{border-radius:12px}
body.td-site .wc-block-grid__product-price{color:var(--td-paper) !important;font-family:var(--td-mono)}
body.td-site .wc-block-components-product-image{border-color:var(--td-line-soft) !important}
body.td-site .wc-block-grid__product-title,
body.td-site .wc-block-components-product-title a{color:var(--td-paper) !important}

/* ── 11. Boutik ak paj pwodwi ───────────────────────────────────────────── */
body.td-site .woocommerce ul.products li.product,
body.td-site ul.products li.product{
  background:var(--td-surface);
  border:1px solid var(--td-line-soft) !important;
  border-radius:var(--td-radius-lg);
  padding:12px 12px 16px !important;
  transition:transform .22s cubic-bezier(.32,.72,0,1),border-color .22s;
}
body.td-site ul.products li.product:hover{transform:translateY(-3px);border-color:var(--td-line) !important}
body.td-site ul.products li.product .woocommerce-loop-product__title,
body.td-site ul.products li.product h2,
body.td-site ul.products li.product h3{color:var(--td-paper) !important;font-size:.95rem !important;font-weight:700}
body.td-site ul.products li.product a img{border-radius:12px;background:var(--td-surface-2)}
body.td-site ul.products li.product .price{color:var(--td-paper) !important;font-family:var(--td-mono)}
body.td-site ul.products li.product .button{width:100%;text-align:center}

body.td-site .woocommerce-result-count{color:var(--td-dim)}
body.td-site .woocommerce-ordering select{min-width:200px}

body.td-site .woocommerce nav.woocommerce-pagination ul,
body.td-site .woocommerce nav.woocommerce-pagination ul li{border-color:var(--td-line-soft) !important}
body.td-site .woocommerce nav.woocommerce-pagination ul li a,
body.td-site .woocommerce nav.woocommerce-pagination ul li span{background:var(--td-surface);color:var(--td-paper)}
body.td-site .woocommerce nav.woocommerce-pagination ul li span.current,
body.td-site .woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--td-gold);color:var(--td-ink)}

/* Paj yon pwodwi */
body.td-site .product_title{color:var(--td-paper);font-weight:800}
body.td-site div.product p.price,
body.td-site div.product span.price{color:var(--td-gold) !important;font-family:var(--td-mono);font-weight:700}
body.td-site div.product .woocommerce-product-details__short-description{color:var(--td-dim)}
body.td-site div.product .woocommerce-product-gallery__image img,
body.td-site div.product .woocommerce-product-gallery img{border-radius:var(--td-radius-lg);background:var(--td-surface-2)}
body.td-site .woocommerce-product-gallery__image--placeholder{border-color:var(--td-line-soft) !important;border-radius:var(--td-radius-lg);overflow:hidden}
body.td-site .product_meta,
body.td-site .product_meta a{color:var(--td-dim)}

body.td-site .woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--td-line-soft) !important}
body.td-site .woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:var(--td-surface) !important;
  border-color:var(--td-line-soft) !important;
  border-radius:10px 10px 0 0 !important;
}
body.td-site .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
body.td-site .woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none !important}
body.td-site .woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--td-dim) !important}
body.td-site .woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--td-ink-2) !important;border-bottom-color:var(--td-ink-2) !important}
body.td-site .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--td-gold) !important}
body.td-site .woocommerce div.product .woocommerce-tabs .panel{color:var(--td-paper)}

body.td-site #reviews #comments ol.commentlist li .comment-text{border-color:var(--td-line-soft) !important;background:var(--td-surface);border-radius:12px}
body.td-site .star-rating,
body.td-site .star-rating::before,
body.td-site p.stars a{color:var(--td-gold) !important}

body.td-site .related.products > h2,
body.td-site .upsells.products > h2{font-size:1.2rem;text-transform:uppercase}

/* Widget / sidebar tèm nan */
body.td-site .widget,
body.td-site #secondary .widget{
  background:var(--td-surface) !important;
  border:1px solid var(--td-line-soft) !important;
  border-radius:var(--td-radius-lg) !important;
  color:var(--td-paper);
}
body.td-site .widget-title,
body.td-site .widget .widget-title,
body.td-site .widget h2{color:var(--td-paper) !important}
body.td-site .widget a{color:var(--td-dim)}
body.td-site .widget a:hover{color:var(--td-gold)}

/* ── 12. Kont mwen ──────────────────────────────────────────────────────── */
body.td-site .woocommerce-MyAccount-navigation{
  background:var(--td-surface) !important;
  border:1px solid var(--td-line-soft) !important;
  border-radius:var(--td-radius-lg) !important;
  padding:10px !important;
}
body.td-site .woocommerce-MyAccount-navigation ul{margin:0 !important;padding:0 !important;list-style:none;border:0 !important}
body.td-site .woocommerce-MyAccount-navigation ul li{border:0 !important;margin:0 0 2px !important;padding:0 !important;background:transparent !important}
body.td-site .woocommerce-MyAccount-navigation ul li a{
  display:block;
  padding:11px 14px !important;
  border-radius:11px;
  color:var(--td-dim) !important;
  font-weight:600;
  text-decoration:none;
  background:transparent !important;
  transition:background .16s,color .16s;
}
body.td-site .woocommerce-MyAccount-navigation ul li a:hover{background:var(--td-surface-2) !important;color:var(--td-paper) !important}
body.td-site .woocommerce-MyAccount-navigation ul li.is-active a{background:rgba(247,201,72,.1) !important;color:var(--td-gold) !important}
/* BuddyX mete yon ti tirè devan chak lyen — pastiy aktif la ranplase l */
body.td-site .woocommerce-MyAccount-navigation ul li a::after{display:none !important}
body.td-site .woocommerce-MyAccount-navigation-link--customer-logout a:hover{color:var(--td-rose) !important;background:rgba(255,107,129,.08) !important}

body.td-site .woocommerce-MyAccount-content{color:var(--td-paper)}
body.td-site .woocommerce-MyAccount-content p{color:var(--td-dim)}
body.td-site .woocommerce-MyAccount-content p strong{color:var(--td-paper)}
body.td-site .woocommerce-MyAccount-content a:not(.button){color:var(--td-gold)}

body.td-site .woocommerce-orders-table,
body.td-site .woocommerce-table--order-details,
body.td-site .woocommerce-table--customer-details,
body.td-site .woocommerce-MyAccount-downloads{background:var(--td-surface)}
body.td-site .woocommerce-orders-table__cell-order-number a{font-family:var(--td-mono);font-weight:700}
body.td-site mark.order-number,
body.td-site mark.order-date,
body.td-site mark.order-status{background:transparent;color:var(--td-gold);font-weight:700}

body.td-site .woocommerce-Addresses .woocommerce-Address,
body.td-site .woocommerce-customer-details address,
body.td-site .woocommerce-column--billing-address address{
  background:var(--td-surface);
  border:1px solid var(--td-line-soft) !important;
  border-radius:var(--td-radius-lg);
  padding:18px;
  color:var(--td-paper);
}
body.td-site .woocommerce-Address-title h2,
body.td-site .woocommerce-Address-title h3{font-size:1.05rem}

/* Fòm edit-account (paj Kont mwen) */
body.td-site .woocommerce-EditAccountForm,
body.td-site .woocommerce-address-fields{background:transparent;border:0;padding:0}
body.td-site .woocommerce-EditAccountForm fieldset{border:1px solid var(--td-line) !important;border-radius:14px !important;background:var(--td-ink-2)}
body.td-site .woocommerce-EditAccountForm legend{color:var(--td-paper);background:var(--td-surface);border-radius:6px}
body.td-site .woocommerce-EditAccountForm em,
body.td-site .woocommerce-EditAccountForm span em{color:var(--td-dim-2)}

/* Fòs modpas */
body.td-site .woocommerce-password-strength{border-radius:8px;color:var(--td-ink) !important}
body.td-site .woocommerce-password-strength.strong{background:var(--td-mint)}
body.td-site .woocommerce-password-strength.good{background:#BDE57A}
body.td-site .woocommerce-password-strength.bad{background:#FFB27A}
body.td-site .woocommerce-password-strength.short{background:var(--td-rose)}
body.td-site .woocommerce-password-hint{color:var(--td-dim)}
body.td-site .show-password-input,
body.td-site .show-password-input::after{color:var(--td-dim) !important;background-color:transparent !important}
body.td-site .show-password-input.display-password::after{color:var(--td-gold) !important}

/* Paj "Kòmand resevwa" */
body.td-site ul.woocommerce-order-overview,
body.td-site ul.order_details{
  background:var(--td-surface);
  border:1px solid var(--td-line-soft);
  border-radius:var(--td-radius-lg);
  padding:18px !important;
}
body.td-site ul.woocommerce-order-overview li,
body.td-site ul.order_details li{
  border-color:var(--td-line-soft) !important;
  color:var(--td-dim);
  font-family:var(--td-mono);
  font-size:.6875rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.td-site ul.woocommerce-order-overview li strong,
body.td-site ul.order_details li strong{
  color:var(--td-paper);
  font-family:var(--td-display);
  font-size:1rem;
  letter-spacing:0;
  text-transform:none;
}
body.td-site .woocommerce-thankyou-order-received{
  color:var(--td-ok);font-weight:800;font-size:1.15rem;
}
body.td-site .wc-block-order-confirmation-status,
body.td-site .wc-block-order-confirmation-summary{color:var(--td-paper)}
body.td-site .wc-block-order-confirmation-summary-list{background:var(--td-surface);border-color:var(--td-line-soft) !important}

/* ── 13. Mobil ──────────────────────────────────────────────────────────── */
@media (max-width:768px){
  body.td-site table.shop_table_responsive tr,
  body.td-site .woocommerce table.shop_table_responsive tr{background:var(--td-surface) !important}
  body.td-site table.shop_table_responsive tr td{border-top:0 !important}
  body.td-site table.shop_table_responsive tbody tr:not(:first-child){border-top:1px solid var(--td-line) !important}
  body.td-site table.shop_table_responsive tr td::before{color:var(--td-dim-2);font-family:var(--td-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}
  body.td-site .woocommerce-MyAccount-navigation{margin-bottom:18px}
}

/* ── 14. Aksesibilite ───────────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  body.td-site *,
  body.td-site *::before,
  body.td-site *::after{transition:none !important;animation:none !important}
}
@media (forced-colors:active){
  body.td-site .button,
  body.td-site .wc-block-components-button{border:1px solid ButtonText !important}
}
