/* ============================================================
   Vulpe Child - vulpe.css
   Faas 1: design tokenid + WoodMarti muutujate ulekirjutus + globaalne vundament.
   Kujundus: design_handoff_vulpe_theme/README.md
   ============================================================ */

/* ---------- 1. DESIGN TOKENID ---------- */
:root {
  --vulpe-ink:            #1A1714;
  --vulpe-ink-light:      #2E2822;
  --vulpe-cream:          #F4EDE2;
  --vulpe-paper:          #FFFBF4;
  --vulpe-rust:           #C0522F;
  --vulpe-rust-dark:      #8E3A1F;
  --vulpe-text-muted:     #57503F;
  --vulpe-text-body:      #3F3A32;
  --vulpe-text-secondary: #6B6355;
  --vulpe-text-tertiary:  #8C7F6E;
  --vulpe-text-quaternary:#9C8F7C;
  --vulpe-placeholder:    #A2957F;
  --vulpe-disabled:       #C3B9A8;
  --vulpe-border-light:   #E7DDCD;
  --vulpe-border:         #DCD0BC;
  --vulpe-border-strong:  #DCD2C4;
  --vulpe-slider-track:   #E0D6C6;
  --vulpe-success:        #3B5C43;

  /* tootevarvid */
  --vulpe-prod-black:  #2B2B2B;
  --vulpe-prod-brown:  #6B2F35;
  --vulpe-prod-green:  #3B5C43;
  --vulpe-prod-blue:   #2F4C79;

  --vulpe-font-title: 'Bricolage Grotesque', 'Jost', sans-serif;
  --vulpe-font-body:  'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ---------- 2. WOODMARTI MUUTUJATE ULEKIRJUTUS ---------- */
  --wd-primary-color: var(--vulpe-rust);
  --wd-text-color:    var(--vulpe-text-body);
  --wd-title-color:   var(--vulpe-ink);
  --wd-link-color:        var(--vulpe-ink);
  --wd-link-color-hover:  var(--vulpe-rust);
  --wd-title-font:  var(--vulpe-font-title);
  --wd-text-font:   var(--vulpe-font-body);
  --wd-alternative-font: var(--vulpe-font-title);
  --wd-entities-title-font: var(--vulpe-font-title);
  --wd-widget-title-font:   var(--vulpe-font-title);
  --wd-header-el-font:      var(--vulpe-font-body);
  --wd-search-font:        var(--vulpe-font-body);

  --wd-action-color:            var(--vulpe-ink);
  --wd-action-color-hover:      var(--vulpe-rust);
  --wd-action-text-color:       var(--vulpe-ink);
  --wd-action-text-color-hover: var(--vulpe-rust);

  --btn-color:       var(--vulpe-paper);
  --btn-color-hover: var(--vulpe-paper);

  --hotspot-primary: var(--vulpe-rust);
}

/* ---------- 3. GLOBAALNE VUNDAMENT ---------- */
html body,
body .wd-page-content,
body.woocommerce-page {
  background-color: var(--vulpe-paper) !important;
  color: var(--vulpe-text-body);
  font-family: var(--vulpe-font-body);
}
/* WoodMart genereerib --wd-* muutujad inline hiljem -> !important võidab */
:root {
  --wd-primary-color: var(--vulpe-rust) !important;
  --wd-link-color-hover: var(--vulpe-rust) !important;
}

h1, h2, h3, h4, h5, h6,
.title, .entry-title, .product_title, .section-title,
.widget-title, .wd-el-title {
  font-family: var(--vulpe-font-title);
  color: var(--vulpe-ink);
  letter-spacing: -0.02em;
}
h1, h2, .title { text-wrap: balance; }
p, li { text-wrap: pretty; }

a { color: var(--vulpe-ink); transition: color 160ms ease; }
a:hover { color: var(--vulpe-rust); }

/* hinnad rust */
.price,
.woocommerce-Price-amount,
.wd-product .price,
.summary .price {
  color: var(--vulpe-rust) !important;
  font-family: var(--vulpe-font-title);
  font-weight: 600;
}
del .woocommerce-Price-amount { color: var(--vulpe-text-tertiary) !important; }

/* ---------- 4. NUPUD (pill + palett) ---------- */
.btn, .button, button.button, input[type="submit"],
.single_add_to_cart_button, .wd-buy-now-btn,
.added_to_cart, .checkout-button, .wc-block-components-button,
.wd-add-btn > a {
  font-family: var(--vulpe-font-body);
  font-weight: 600;
  letter-spacing: 0.01em;
  border-radius: 999px !important;
  text-transform: none;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

/* aktsentnupp = rust (Lisa korvi, Maksa) */
.single_add_to_cart_button,
.checkout-button,
.wc-proceed-to-checkout .checkout-button,
.wc-block-components-button.contained,
.button.alt {
  background-color: var(--vulpe-rust) !important;
  color: var(--vulpe-paper) !important;
  border-color: var(--vulpe-rust) !important;
}
.single_add_to_cart_button:hover,
.checkout-button:hover,
.button.alt:hover {
  background-color: var(--vulpe-rust-dark) !important;
  border-color: var(--vulpe-rust-dark) !important;
}

/* primaarnupp = ink (Osta kohe, Logi sisse jne) */
.wd-buy-now-btn,
.woocommerce-form-login .button,
.woocommerce-form-register .button {
  background-color: var(--vulpe-ink) !important;
  color: var(--vulpe-cream) !important;
  border-color: var(--vulpe-ink) !important;
}
.wd-buy-now-btn:hover {
  background-color: var(--vulpe-ink-light) !important;
  border-color: var(--vulpe-ink-light) !important;
}

/* ---------- 5. NAV: aktiivne rust ---------- */
.wd-nav-main > li.current-menu-item > a,
.wd-nav-main > li:hover > a,
.main-nav > li.current-menu-item > a {
  color: var(--vulpe-rust) !important;
}

/* ---------- 6. SINISE/KOLLASE HAVITUS ---------- */
/* demost jaanud kollane (#F8BD18 jm) ja sinine kaovad - rust asemele */
[style*="#F8BD18"], [style*="#f8bd18"],
[style*="#EDAD17"], [style*="#edad17"] {
  background-color: var(--vulpe-rust) !important;
  color: var(--vulpe-paper) !important;
}

/* teateriba / breadcrumb konteiner (WoodMarti kollane page-title) */
.wd-page-title.title-design-default,
.page-title.color-scheme-light {
  background-color: var(--vulpe-cream) !important;
}
.wd-page-title .entry-title,
.wd-breadcrumbs a,
.wd-breadcrumbs {
  color: var(--vulpe-ink);
}

/* ============================================================
   FAAS 2: nupud, päis/jalus, feature-read, bänner
   ============================================================ */

/* ---------- NUPUD (5 tüüpi, pill) ---------- */
.btn, a.btn, .wd-button-wrapper .btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 8px;
  min-height: 52px; padding: 0 30px;
  border-radius: 999px !important;
  font-family: var(--vulpe-font-body); font-weight: 600; font-size: 15px;
  letter-spacing: 0.01em; text-transform: none;
  border: 1.5px solid transparent;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}
/* vaikimisi (btn-style-default) = ink primaarne */
.btn.btn-style-default,
.btn.btn-color-default {
  background-color: var(--vulpe-ink) !important;
  color: var(--vulpe-cream) !important;
  border-color: var(--vulpe-ink) !important;
}
.btn.btn-style-default:hover { background-color: var(--vulpe-ink-light) !important; border-color: var(--vulpe-ink-light) !important; }
/* aktsent (rust) - lisa Elementoris klass .wd-rust või color=primary */
.btn.btn-color-primary, .btn.wd-rust {
  background-color: var(--vulpe-rust) !important; color: var(--vulpe-paper) !important; border-color: var(--vulpe-rust) !important;
}
.btn.btn-color-primary:hover { background-color: var(--vulpe-rust-dark) !important; border-color: var(--vulpe-rust-dark) !important; }
/* sekundaarne (outline) */
.btn.btn-style-bordered, .btn.btn-style-link {
  background-color: transparent !important; color: var(--vulpe-ink) !important; border-color: var(--vulpe-ink) !important;
}
.btn.btn-style-bordered:hover { background-color: var(--vulpe-cream) !important; }

/* ---------- PÄIS ---------- */
.whb-general-header, .whb-header { background-color: var(--vulpe-paper) !important; }
.wd-header-nav > li > a { font-family: var(--vulpe-font-body); font-weight: 500; font-size: 15px; }
.wd-header-nav > li.current-menu-item > a { color: var(--vulpe-rust) !important; }

/* ---------- FEATURE-read: EEMALDA IKOONID (disain: ikoone ei ole) ---------- */
.info-box-icon, .info-svg-wrapper, .info-box .wd-info-icon { display: none !important; }
.info-box-inner { padding: 34px 28px !important; text-align: left !important; }
.info-box-title, .info-box-title.title {
  font-family: var(--vulpe-font-title) !important; font-weight: 600 !important;
  color: var(--vulpe-ink) !important; font-size: 17px !important; margin-bottom: 8px !important;
}
.info-box-content .info-box-inner p, .info-box-content { color: var(--vulpe-text-secondary); font-size: 15px; }
/* feature-boksid: eraldusjooned, mitte hall kast */
.elementor-widget-wd_infobox_carousel .wd-infobox { background: transparent !important; }

/* ---------- JALUS: tume ink ---------- */
.wd-footer.footer-container, .site-footer, footer.wd-footer {
  background-color: var(--vulpe-ink) !important;
  color: var(--vulpe-cream);
}
.wd-footer .widget-title, .wd-footer h1, .wd-footer h2, .wd-footer h3, .wd-footer h4 {
  color: var(--vulpe-cream) !important; font-family: var(--vulpe-font-title);
}
.wd-footer, .wd-footer p, .wd-footer li, .wd-footer .textwidget { color: #B6A994 !important; }
.wd-footer a { color: var(--vulpe-cream) !important; }
.wd-footer a:hover { color: var(--vulpe-rust) !important; }
.wd-footer .wd-widget-divider, .wd-footer .footer-bottom { border-color: var(--vulpe-ink-light) !important; }

/* ---------- INK BÄNNER: tekst kreemiks ---------- */
/* kollektsiooni bänner (ink taust) - pealkiri + tekst kreem */
[style*="1A1714"] .woodmart-title-container .title,
[style*="1A1714"] .wd-title-color,
.elementor-element[style*="1A1714"] h1,
.elementor-element[style*="1A1714"] h2,
.elementor-element[style*="1A1714"] .title {
  color: var(--vulpe-cream) !important;
}
[style*="1A1714"] p, .elementor-element[style*="1A1714"] .wd-text { color: #B6A994 !important; }

/* ---------- TOOTEKAART: cream pildi-taust ---------- */
.wd-product .product-image-link, .wd-product .hover-img,
.product-grid-item .product-element-top {
  background-color: var(--vulpe-cream) !important; border-radius: 6px;
}
.wd-product .wd-entities-title, .product-grid-item h3 {
  font-family: var(--vulpe-font-body) !important; font-weight: 500 !important;
  font-size: 16px !important; color: var(--vulpe-ink) !important;
}

/* ---------- Südamed ink-bänner: tekst kreemiks (Elementor seab bg klassiga, mitte inline) ---------- */
.elementor-element-0012940 .title, .elementor-element-0012940 h1, .elementor-element-0012940 h2,
.elementor-element-080e69a .title, .elementor-element-92c3e66 .title, .elementor-element-0cc49ce .title,
.elementor-element-0012940 .woodmart-title-container {
  color: var(--vulpe-cream) !important;
}
.elementor-element-0012940 p, .elementor-element-0012940 .wd-text,
.elementor-element-080e69a p { color: #B6A994 !important; }
/* after_title lõik ink-bänneril on .title-after_title (mitte p) */
.elementor-element-0012940 .title-after_title,
.elementor-element-080e69a .title-after_title,
.elementor-element-0012940 .base-subtitle,
.elementor-element-0012940 .title-subtitle { color: #B6A994 !important; }

/* JALUS: veeru-pealkirjad (wd-el-toggle-title) heledaks (olid rgb(36,36,36)) */
.wd-footer .wd-el-toggle-title, .wd-footer .wd-el-toggle-title.title,
footer .wd-el-toggle-title, .footer-container .wd-el-toggle-title,
.wd-footer .wd-el-title, .wd-footer .elementor-heading-title {
  color: var(--vulpe-cream) !important;
}
.elementor-element-0012940 .btn.btn-style-default {
  background-color: var(--vulpe-cream) !important; color: var(--vulpe-ink) !important; border-color: var(--vulpe-cream) !important;
}

/* ---------- uudiskirja kollane ikoon peita (disain: ikoonita) ---------- */
img[src*="gms-mail"], .elementor-widget-wd_image_or_svg img[src*="mail.svg"] { display: none !important; }

/* ============================================================
   FAAS 3: POOD / KATEGOORIA (T7) + TOOTEKAART (T6)
   ============================================================ */

/* ---------- Kollane bänner -> cream päisesektsioon ---------- */
.wd-page-title, .page-title {
  background-color: var(--vulpe-cream) !important;
  text-align: left !important;
  padding: 40px 0 !important;
  border-bottom: 1px solid var(--vulpe-border-light);
}
.wd-page-title .entry-title, .page-title .entry-title, .wd-page-title h1 {
  font-family: var(--vulpe-font-title) !important;
  font-weight: 800 !important;
  color: var(--vulpe-ink) !important;
  font-size: 44px !important;
  letter-spacing: -0.035em;
  text-align: left !important;
}
.wd-page-title .woocommerce-breadcrumbs, .wd-page-title .wd-breadcrumbs {
  color: var(--vulpe-text-tertiary) !important; font-size: 13px; margin-bottom: 6px;
}
.wd-page-title .woocommerce-breadcrumbs a { color: var(--vulpe-text-tertiary) !important; }

/* ---------- Filtriveerg ---------- */
.widget-title, .widget_title, .wc-block-component-title {
  font-family: var(--vulpe-font-title) !important; font-weight: 600 !important;
  color: var(--vulpe-ink) !important; font-size: 13px !important;
  text-transform: uppercase; letter-spacing: 0.08em;
}
/* hinnaliugur: ink rada (mitte punane) */
.price_slider .ui-slider-range, .wd-price-slider .ui-slider-range,
.price_slider_wrapper .ui-slider-range { background-color: var(--vulpe-ink) !important; }
.price_slider, .price_slider_wrapper .ui-slider { background-color: var(--vulpe-slider-track) !important; height: 3px !important; }
.price_slider .ui-slider-handle, .ui-slider .ui-slider-handle {
  background: var(--vulpe-paper) !important; border: 2px solid var(--vulpe-ink) !important;
  width: 14px !important; height: 14px !important; border-radius: 999px !important;
}
.price_slider_amount .button, .widget_price_filter .button {
  background: transparent !important; color: var(--vulpe-ink) !important;
  border: none !important; border-bottom: 1.5px solid var(--vulpe-ink) !important;
  border-radius: 0 !important; padding: 2px 0 !important; min-height: auto !important;
}

/* ---------- Tulemuste tööriistariba: grid/list-ikoonid PEIDA ---------- */
.wd-shop-tools .wd-grid-view, .wd-grid-view-buttons, .products-view-buttons,
[class*="view-mode"], .wd-nav-view { display: none !important; }
.woocommerce-ordering select, .orderby {
  border: 1px solid var(--vulpe-border) !important; border-radius: 999px !important;
  padding: 8px 34px 8px 16px !important; font-family: var(--vulpe-font-body); background-color: var(--vulpe-paper);
}
.woocommerce-result-count, .wd-woocommerce-result-count { color: var(--vulpe-text-secondary); font-size: 14px; }

/* ---------- TOOTEKAART: raam maha, cream pilt ---------- */
.wd-product, .product-grid-item {
  border: none !important; box-shadow: none !important; background: transparent !important;
}
.wd-product .product-element-top, .wd-product .product-image-link {
  background-color: var(--vulpe-cream) !important; border-radius: 6px !important; overflow: hidden;
}
.wd-product .wd-entities-title a { color: var(--vulpe-ink) !important; }
.wd-product .wd-product-cats, .wd-product .category-label {
  font-size: 11px !important; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--vulpe-text-quaternary) !important; font-family: var(--vulpe-font-body);
}
/* tootepildi hover zoom */
.wd-product .product-image-link img, .wd-product .hover-img img { transition: transform 400ms ease; }
.wd-product:hover .product-image-link img { transform: scale(1.03); }

/* ---------- Leheküljenav: ümar, aktiivne ink ---------- */
.wd-pagination .page-numbers, .woocommerce-pagination .page-numbers {
  border-radius: 999px !important; min-width: 38px; height: 38px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--vulpe-border) !important; color: var(--vulpe-ink);
}
.wd-pagination .page-numbers.current, .woocommerce-pagination .page-numbers.current,
span.page-numbers.current {
  background-color: var(--vulpe-ink) !important; color: var(--vulpe-cream) !important; border-color: var(--vulpe-ink) !important;
}

/* ---------- grid/list-ikoonid PEIDA (disain: ainult per-page + järjestus) ---------- */
.wd-products-shop-view, .products-view-grid, .wd-products-shop-view.products-view-grid { display: none !important; }

/* ---------- poe-päis VASAKULE (title-design-centered ülekirjutus) ---------- */
.wd-page-title.title-design-centered,
.wd-page-title .wrapp-page-title,
.wd-page-title .title,
.wd-page-title .entry-title { text-align: left !important; align-items: flex-start !important; }
.wd-page-title .wrapp-page-title { display: block !important; }
.wd-page-title .woocommerce-breadcrumbs { justify-content: flex-start !important; }

/* per-page switcher: eyebrow-stiil */
.wd-products-per-page .per-page-title { color: var(--vulpe-text-tertiary); }
.wd-products-per-page .per-page-variation.current-variation { color: var(--vulpe-rust) !important; }

/* ============================================================
   FAAS 4: TOOTELEHT (T8)
   ============================================================ */

/* Osta kohe -> ink (kõrgem spetsiifilisus kui .button.alt rust) */
.wd-buy-now-btn.btn-accent, .wd-buy-now-btn.button.alt, .single-product .wd-buy-now-btn {
  background-color: var(--vulpe-ink) !important; color: var(--vulpe-cream) !important; border-color: var(--vulpe-ink) !important;
}
.wd-buy-now-btn.btn-accent:hover { background-color: var(--vulpe-ink-light) !important; border-color: var(--vulpe-ink-light) !important; }
/* Saada (arvustus) -> ink */
#respond .submit, .comment-form .submit, .form-submit .submit, .comment-form input[type="submit"] {
  background-color: var(--vulpe-ink) !important; color: var(--vulpe-cream) !important;
  border-color: var(--vulpe-ink) !important; border-radius: 999px !important; padding: 0 30px !important; min-height: 48px;
}

/* ---------- SWATCH'ID ---------- */
/* värvipunktid (color swatch) */
.wd-swatch.wd-swatch-color, .wd-swatches-color .wd-swatch, .wd-swatch[data-value] .wd-swatch-wrapp {
  border-radius: 999px !important;
}
.wd-swatches-attr[data-attribute-type="color"] .wd-swatch {
  width: 34px !important; height: 34px !important; border-radius: 999px !important;
  border: 1px solid var(--vulpe-border) !important; padding: 0 !important;
}
.wd-swatches-attr[data-attribute-type="color"] .wd-swatch.wd-active,
.wd-swatch.wd-active {
  outline: 2px solid var(--vulpe-ink) !important; outline-offset: 2px !important; border-color: transparent !important;
}
/* suuruse-ruudud (label swatch) */
.wd-swatches-attr[data-attribute-type="label"] .wd-swatch {
  min-width: 46px !important; height: 46px !important; padding: 0 10px !important;
  border-radius: 5px !important; border: 1px solid var(--vulpe-border) !important;
  font-family: var(--vulpe-font-body); font-weight: 500; color: var(--vulpe-ink);
  background: var(--vulpe-paper) !important;
  display: inline-flex; align-items: center; justify-content: center;
}
.wd-swatches-attr[data-attribute-type="label"] .wd-swatch.wd-active {
  background: var(--vulpe-ink) !important; color: var(--vulpe-cream) !important; border-color: var(--vulpe-ink) !important; outline: none !important;
}
.wd-swatches-attr[data-attribute-type="label"] .wd-swatch.wd-disabled {
  text-decoration: line-through; color: var(--vulpe-disabled) !important; pointer-events: none;
}
/* atribuudi label (Värv/Suurus) */
.wd-attr-selected-name, .variations th.label label { font-weight: 500; color: var(--vulpe-ink); }

/* tooteinfo tabel */
.woocommerce-product-attributes th, .shop_attributes th { color: var(--vulpe-text-tertiary) !important; font-weight: 500; }

/* ---------- OMA SWATCH'ID (.vulpe-swatch) ---------- */
.vulpe-swatches { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 8px; }
.vulpe-swatch { cursor: pointer; transition: all 140ms ease; user-select: none; }
/* värvipunktid */
.vulpe-swatch-color {
  width: 34px; height: 34px; border-radius: 999px;
  background-color: var(--sw); border: 1px solid var(--vulpe-border);
}
.vulpe-swatch-color.is-active { outline: 2px solid var(--vulpe-ink); outline-offset: 2px; border-color: transparent; }
/* suuruse-ruudud */
.vulpe-swatch-label {
  min-width: 46px; height: 46px; padding: 0 12px; border-radius: 5px;
  border: 1px solid var(--vulpe-border); background: var(--vulpe-paper);
  font-family: var(--vulpe-font-body); font-weight: 500; font-size: 14px; color: var(--vulpe-ink);
  display: inline-flex; align-items: center; justify-content: center;
}
.vulpe-swatch-label:hover { border-color: var(--vulpe-ink); }
.vulpe-swatch-label.is-active { background: var(--vulpe-ink); color: var(--vulpe-cream); border-color: var(--vulpe-ink); }
.vulpe-swatch.is-disabled { opacity: 0.4; text-decoration: line-through; pointer-events: none; cursor: default; }

/* ============================================================
   FAAS 5: OSTUKORV (T9) + KASSA (T10)
   ============================================================ */

/* ---------- Sammuindikaator (Ostukorv -> Kassa -> Valmis) ---------- */
.wd-checkout-steps { background-color: var(--vulpe-cream) !important; padding: 18px 0 !important; }
.wd-checkout-steps .step { color: var(--vulpe-text-tertiary) !important; font-family: var(--vulpe-font-body); }
.wd-checkout-steps .step a { color: var(--vulpe-text-tertiary) !important; }
.wd-checkout-steps .step-active, .wd-checkout-steps .step-active a { color: var(--vulpe-ink) !important; font-weight: 600; }
.wd-checkout-steps .step-active { border-bottom: 2px solid var(--vulpe-ink); }

/* ---------- Ostukorvi tabel ---------- */
.woocommerce-cart-form table.cart thead th, .cart_totals th {
  font-family: var(--vulpe-font-body) !important; font-size: 11px !important;
  text-transform: uppercase; letter-spacing: 0.08em; color: var(--vulpe-text-tertiary) !important; font-weight: 600;
}
.woocommerce-cart-form .product-thumbnail img { background: var(--vulpe-cream); border-radius: 5px; }
.woocommerce-cart-form .product-name a { color: var(--vulpe-ink) !important; font-weight: 500; }
.woocommerce-cart-form .product-remove a, .remove { color: var(--vulpe-placeholder) !important; }
.cart-subtotal .woocommerce-Price-amount, .order-total .woocommerce-Price-amount { font-family: var(--vulpe-font-title); }

/* koguse-stepper: pill, ink piir */
.quantity, .wd-quantity { border-radius: 999px !important; }
.quantity input.qty { font-family: var(--vulpe-font-body); background: transparent; }

/* ---------- kõrvalpaneel (summad) ---------- */
.cart_totals, .wc-block-cart__sidebar {
  background-color: var(--vulpe-cream) !important; border-radius: 6px; padding: 28px !important; border: none !important;
}
.cart_totals h2, .cart-collaterals h2 { font-family: var(--vulpe-font-title) !important; color: var(--vulpe-ink) !important; }
.order-total td, .order-total .woocommerce-Price-amount { color: var(--vulpe-rust) !important; font-family: var(--vulpe-font-title); font-size: 24px; font-weight: 600; }

/* ostukorvi "Mine Maksma" -> INK (kassa "Maksa" jääb rust) */
.wc-proceed-to-checkout .checkout-button, .wc-proceed-to-checkout a.button {
  background-color: var(--vulpe-ink) !important; color: var(--vulpe-cream) !important; border-color: var(--vulpe-ink) !important;
  border-radius: 999px !important; min-height: 54px;
}
.wc-proceed-to-checkout .checkout-button:hover { background-color: var(--vulpe-ink-light) !important; }

/* kupong "Rakenda" -> sekundaarne (outline) */
.coupon .button, button[name="apply_coupon"], .woocommerce-cart-form .actions .button {
  background-color: transparent !important; color: var(--vulpe-ink) !important;
  border: 1.5px solid var(--vulpe-ink) !important; border-radius: 999px !important;
}
.coupon .button:hover { background-color: var(--vulpe-cream) !important; }

/* ---------- KASSA "Maksa" (place order) -> RUST ---------- */
#place_order, .wc-block-components-checkout-place-order-button, button#place_order {
  background-color: var(--vulpe-rust) !important; color: var(--vulpe-paper) !important;
  border-color: var(--vulpe-rust) !important; border-radius: 999px !important; min-height: 56px;
}
#place_order:hover { background-color: var(--vulpe-rust-dark) !important; }
/* kassa väljad */
.woocommerce-checkout input.input-text, .woocommerce-checkout select, .woocommerce form .form-row input {
  border: 1px solid var(--vulpe-border) !important; border-radius: 5px !important; min-height: 48px;
}

/* ---------- WoodMarti page-title tausta-kiht (kollane fill) -> cream ---------- */
.wd-page-title-bg, .wd-page-title-bg.wd-fill, .wd-page-title .wd-page-title-bg {
  background-color: var(--vulpe-cream) !important; background-image: none !important;
}

/* ============ TEATERIBA (announcement bar) ============ */
.vulpe-topbar {
  background-color: var(--vulpe-ink);
  color: var(--vulpe-cream);
  width: 100%;
}
.vulpe-topbar-inner {
  max-width: 1440px; margin: 0 auto; padding: 11px 24px;
  display: flex; align-items: center; justify-content: center;
  flex-wrap: wrap; gap: 0 14px;
  font-family: var(--vulpe-font-body, 'Jost', sans-serif);
  font-size: 13px; font-weight: 500; letter-spacing: 0.06em; line-height: 1.2;
  text-align: center;
}
.vulpe-topbar-sep { opacity: 0.5; }
.vulpe-topbar-msg { white-space: nowrap; }
@media (max-width: 768px) {
  .vulpe-topbar-inner { font-size: 11.5px; padding: 9px 16px; }
  .vulpe-topbar-inner .vulpe-topbar-sep,
  .vulpe-topbar-inner .vulpe-topbar-msg:not(:first-child) { display: none; }
}

/* ============ HERO (avaleht) ============ */
.vulpe-hero-eyebrow .title, .vulpe-hero-eyebrow .liner-continue, .vulpe-hero-eyebrow {
  font-family: var(--vulpe-font-body) !important;
  font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: 0.16em !important; text-transform: uppercase !important;
  color: #9C8F7C !important; margin: 0 !important; line-height: 1 !important;
}
.vulpe-hero-title .title { color: var(--vulpe-ink) !important; }
.vulpe-hero-cta a, .vulpe-hero-cta .btn {
  border-radius: 999px !important; padding: 14px 30px !important;
  font-family: var(--vulpe-font-body) !important; font-weight: 600 !important;
  font-size: 15px !important; letter-spacing: 0.01em !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  transition: background-color .18s ease, color .18s ease;
}
.vulpe-hero-cta--primary a, .vulpe-hero-cta--primary .btn {
  background-color: var(--vulpe-rust) !important; color: var(--vulpe-paper) !important; border: 1.5px solid var(--vulpe-rust) !important;
}
.vulpe-hero-cta--primary a:hover, .vulpe-hero-cta--primary .btn:hover { background-color: var(--vulpe-rust-dark, #A03F1F) !important; border-color: var(--vulpe-rust-dark, #A03F1F) !important; }
.vulpe-hero-cta--secondary a, .vulpe-hero-cta--secondary .btn {
  background-color: transparent !important; color: var(--vulpe-ink) !important; border: 1.5px solid var(--vulpe-ink) !important;
}
.vulpe-hero-cta--secondary a:hover, .vulpe-hero-cta--secondary .btn:hover { background-color: var(--vulpe-cream) !important; }

/* hero parem pildipind + "Uus: Cropid" silt (sihi Elementori ID otse) */
.elementor-element-dfe40f2 {
  min-height: 480px !important; border-radius: 8px; position: relative; overflow: hidden;
  border-left: 1px solid var(--vulpe-border, #E7DDCD);
}
.elementor-element-dfe40f2::after {
  content: "Uus: Cropid"; position: absolute; top: 18px; right: 18px; z-index: 5;
  background: var(--vulpe-paper); color: var(--vulpe-ink);
  padding: 8px 15px; border-radius: 999px;
  font-family: var(--vulpe-font-body); font-weight: 500; font-size: 12px; letter-spacing: 0.02em;
  box-shadow: 0 2px 10px rgba(26,23,20,.10);
}
/* hero mobiilis: üks veerg, pilt all */
@media (max-width: 767px) {
  .elementor-element-06b3a5f { flex-direction: column !important; }
  .elementor-element-4ce1742, .elementor-element-dfe40f2 { width: 100% !important; }
  .elementor-element-dfe40f2 {
    min-height: 300px !important; border-left: none !important;
    background-size: cover !important; margin-top: 22px;
  }
}

/* ---------- TOOTEKAARDI ostukorvi-nupp (kollane -> ink) ---------- */
.wd-add-btn a, .wd-add-btn > a,
ul.products li.product .button.add_to_cart_button,
ul.products li.product a.add_to_cart_button,
.product-grid-item .wd-add-btn a {
  background-color: var(--vulpe-ink) !important; color: var(--vulpe-cream) !important;
  border-color: var(--vulpe-ink) !important;
}
.wd-add-btn a:hover, ul.products li.product .button.add_to_cart_button:hover,
.product-grid-item .wd-add-btn a:hover {
  background-color: var(--vulpe-rust) !important; border-color: var(--vulpe-rust) !important; color: var(--vulpe-paper) !important;
}

/* ============ VIIMISTLUS: page-title vasakule ============ */
/* .container on flex + tsentreerib .wd-title-wrapp'i -> align vasakule */
.wd-page-title .container {
  text-align: left !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}
.wd-page-title .wd-title-wrapp {
  align-self: flex-start !important;
  align-items: flex-start !important;
  text-align: left !important;
  margin-left: 0 !important; margin-right: auto !important;
}
.wd-page-title .entry-title,
.wd-page-title .title,
.wd-page-title .woodmart-breadcrumbs,
.wd-page-title .wd-breadcrumbs {
  text-align: left !important; justify-content: flex-start !important;
}

/* ============ KASSA minimaalne päis (vähenda väljumist) ============ */
body.woocommerce-checkout .whb-general-header .wd-header-nav,
body.woocommerce-checkout .whb-general-header .wd-nav-main,
body.woocommerce-checkout .whb-general-header .wd-header-search,
body.woocommerce-checkout .whb-general-header .wd-header-wishlist {
  display: none !important;
}

/* ---------- JALUS: kontakt-listi tärn-ikoonid ära ---------- */
.wd-footer .wd-list.wd-type-icon .wd-icon,
.wd-footer .wd-list .e-fas-star,
.wd-footer .wd-list .wd-icon { display: none !important; }
.wd-footer .wd-list.wd-type-icon .wd-list-item,
.wd-footer .wd-list.wd-type-icon li { padding-left: 0 !important; }

/* ---------- UUDISKIRJA CTA vorm ---------- */
.vulpe-newsletter {
  display: flex; gap: 10px; max-width: 480px; margin: 22px auto 0; flex-wrap: wrap;
  justify-content: center;
}
.vulpe-newsletter .vulpe-nl-input {
  flex: 1 1 260px; min-height: 52px; padding: 0 20px;
  border: 1.5px solid var(--vulpe-border, #DCD0BC) !important; border-radius: 999px !important;
  font-family: var(--vulpe-font-body); font-size: 15px; background: var(--vulpe-paper);
}
.vulpe-newsletter .vulpe-nl-btn {
  min-height: 52px; padding: 0 32px; border: none; cursor: pointer;
  background: var(--vulpe-rust) !important; color: var(--vulpe-paper) !important;
  border-radius: 999px !important; font-family: var(--vulpe-font-body); font-weight: 600; font-size: 15px;
  transition: background-color .18s ease;
}
.vulpe-newsletter .vulpe-nl-btn:hover { background: var(--vulpe-rust-dark, #8E3A1F) !important; }