/* ============================================================
   FRAGKAKI — MAISON ÉTHER MERGED RETHEME
   Last updated: 2026-05-27
   Replaces all previous Customizer CSS in one paste.

   Preserves:
     · Quickview lightbox polish      (bug fix, 2026-05-07)
     · Desktop header repair          (bug fix, 2026-05-14)
     · Pre-order pointer-events fix
     · Product image filter fix
     · Single-product trust block
     · Cormorant Garamond + Jost typography (your choice — kept)
     · Brands dropdown structure (palette converted to paper)

   Adds:
     · Maison Éther warm-paper palette (paper, ink, gold, rouge)
     · Editorial product cards (hairline borders, brand label, gold CTA)
     · Outlined editorial buttons
     · Dark editorial footer
     · Utility classes (fk-aurora, fk-display, fk-btn, fk-marquee)

   Restore old version: paste backup-current-css.css instead.
   ============================================================ */


/* ──────────────────────────────────────────────────────────
   1. FONTS
   ────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Jost:wght@300;400;500;600&display=swap');


/* ──────────────────────────────────────────────────────────
   2. DESIGN TOKENS
   ────────────────────────────────────────────────────────── */
:root{
  --fk-ink:        #0E0B08;
  --fk-paper:      #F4EFE6;
  --fk-bone:       #E8DFD0;
  --fk-cream:      #EFE5D2;
  --fk-gold:       #A78A55;
  --fk-rouge:      #7B2D26;
  --fk-sage:       #3F4A3A;
  --fk-line:       rgba(14,11,8,.14);
  --fk-line-soft:  rgba(14,11,8,.08);
  --fk-mute:       rgba(14,11,8,.62);

  --fk-display:    'Cormorant Garamond', Georgia, serif;
  --fk-body:       'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fk-luxe:       0.32em;
  --fk-mid:        0.16em;

  --fk-radius:     2px;
  --fk-transition: 350ms cubic-bezier(.2,.6,.2,1);
}


/* ──────────────────────────────────────────────────────────
   3. BUG FIXES (preserved from previous CSS)
   ────────────────────────────────────────────────────────── */

/* Quickview lightbox polish (2026-05-07) */
.mfp-bg,.mfp-bg.mfp-ready,.pswp__bg{background:rgba(18,24,31,.74)!important;opacity:1!important}
.mfp-wrap.quick-view .mfp-content,.mfp-wrap .mfp-content{max-width:min(1040px,92vw)!important}
.product-lightbox{max-width:min(1040px,92vw)!important;width:min(1040px,92vw)!important;border-radius:var(--fk-radius)!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;overflow:hidden!important}
.product-lightbox .row{align-items:center!important}
.product-lightbox .product-gallery,.product-lightbox .product-images,.product-lightbox .woocommerce-product-gallery{max-width:460px!important;margin:0 auto!important}
.product-lightbox img.wp-post-image{width:auto!important;max-width:min(100%,430px)!important;height:auto!important;margin:0 auto!important}
.product-lightbox .summary,.product-lightbox .product-info{font-family:var(--fk-body)!important;font-size:15px!important;line-height:1.65!important}
.product-lightbox .product-title{font-size:clamp(24px,2.2vw,34px)!important;line-height:1.15!important;font-family:var(--fk-display)!important}
.mfp-close{color:#fff!important;opacity:.95!important;text-shadow:none!important}
@media(max-width:700px){
  .product-lightbox{width:min(94vw,520px)!important;max-height:86vh!important;overflow-y:auto!important}
  .product-lightbox img.wp-post-image{max-width:min(100%,320px)!important}
}

/* Desktop header repair (2026-05-14) — palette updated */
@media (min-width:850px){
  #masthead .header-main,.header-wrapper .header-main{min-height:118px!important;border-bottom:1px solid var(--fk-line-soft)!important;background:var(--fk-paper)!important}
  #masthead .header-inner,.header-wrapper .header-inner{display:grid!important;grid-template-columns:minmax(420px,1fr) auto minmax(420px,1fr)!important;align-items:center!important;max-width:1440px!important;min-height:118px!important;margin:0 auto!important;padding:14px 28px!important;column-gap:24px!important}
  #masthead .flex-left,.header-wrapper .flex-left{grid-column:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;max-width:none!important;min-width:0!important}
  #masthead .logo,.header-wrapper .logo{grid-column:2!important;justify-self:center!important;margin:0!important;width:auto!important}
  #masthead .flex-right,.header-wrapper .flex-right{grid-column:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;max-width:none!important;min-width:0!important}
  #masthead .nav,.header-wrapper .nav,#masthead .header-nav,.header-wrapper .header-nav{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 16px!important;width:auto!important;margin:0!important;padding:0!important}
  #masthead .nav>li,.header-wrapper .nav>li,#masthead .header-nav>li,.header-wrapper .header-nav>li{display:inline-flex!important;align-items:center!important;float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;position:relative!important}
  #masthead .nav>li>a,.header-wrapper .nav>li>a,#masthead .header-nav>li>a,.header-wrapper .header-nav>li>a{display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:0 4px!important;white-space:nowrap!important;font-size:14px!important;line-height:1.2!important;letter-spacing:0!important}
  #masthead .mobile-nav,.header-wrapper .mobile-nav,#masthead .nav-icon,.header-wrapper .nav-icon,#masthead .header-inner .nav-sidebar-toggle,.header-wrapper .header-inner .nav-sidebar-toggle{display:none!important}
  #masthead .searchform,.header-wrapper .searchform{display:flex!important;align-items:center!important;width:min(360px,28vw)!important;height:52px!important;margin:0 14px 0 0!important;border:1px solid var(--fk-line)!important;border-radius:999px!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important}
  #masthead .searchform input[type="search"],.header-wrapper .searchform input[type="search"]{height:52px!important;border:0!important;box-shadow:none!important;padding:0 18px!important;margin:0!important;font-size:15px!important;background:transparent!important;font-family:var(--fk-body)!important}
  #masthead .searchform button,.header-wrapper .searchform button,#masthead .searchform .ux-search-submit,.header-wrapper .searchform .ux-search-submit{flex:0 0 58px!important;width:58px!important;height:52px!important;margin:0!important;border:0!important;border-radius:0 999px 999px 0!important;background:var(--fk-ink)!important;color:var(--fk-paper)!important}
  #masthead .logo img,.header-wrapper .logo img{max-height:86px!important;width:auto!important;height:auto!important}
}

/* Pre-order link pointer-events fix */
body:not(.home) a.fill[href*="/perfume-pre-order-page/"],
body:not(.home) .banner-link[href*="/perfume-pre-order-page/"],
body:not(.home) .banner>a[href*="/perfume-pre-order-page/"],
body:not(.home) .banner-grid-wrapper a[href*="/perfume-pre-order-page/"]{pointer-events:none!important}
.header-wrapper a[href*="/perfume-pre-order-page/"],
#masthead a[href*="/perfume-pre-order-page/"],
.nav a[href*="/perfume-pre-order-page/"],
.menu-item a[href*="/perfume-pre-order-page/"]{pointer-events:auto!important}

/* Product image rendering — no filter */
.product-small .box-image img,
.woocommerce-product-gallery img,
.product-gallery img,
.product-lightbox img,
img.lazy-load,
img.lazyloaded,
img.litespeed-loaded{filter:none!important;opacity:1!important;image-rendering:auto!important;backface-visibility:hidden!important}
.product-small .box-image img{object-fit:contain!important}

/* Trust message under cart — palette updated */
.single-product form.cart:after{
  content:"Buy with confidence: 100% original fragrance, hand-filled decants, secure checkout and WhatsApp support.";
  display:block;margin-top:16px;padding:14px 16px;
  border:1px solid var(--fk-line);border-radius:var(--fk-radius);
  background:var(--fk-cream);color:var(--fk-ink);
  font-size:13px;line-height:1.55;font-family:var(--fk-body);
  letter-spacing:.02em;
}


/* ──────────────────────────────────────────────────────────
   4. BASE
   ────────────────────────────────────────────────────────── */
html, body{
  background: var(--fk-paper) !important;
  color: var(--fk-ink) !important;
}

body, p, li, td, input, textarea, select,
.nav-text, .cart-item-name {
  font-family: var(--fk-body);
  font-weight: 300;
  font-size: 15px;
  line-height: 1.75;
  letter-spacing: 0.01em;
  color: var(--fk-ink);
}

::selection{ background: var(--fk-ink); color: var(--fk-paper); }


/* ----------------------------------------------------------
   5. TYPOGRAPHY
   ---------------------------------------------------------- */
.nav a, .nav li a, #main-nav a, .header-nav a {
  font-family: var(--fk-body);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--fk-ink);
}

h1, .h1 {
  font-family: var(--fk-display);
  font-weight: 300;
  font-size: clamp(42px, 6vw, 72px);
  line-height: 1.05;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--fk-ink);
}

h2, .h2 {
  font-family: var(--fk-display);
  font-weight: 300;
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.1;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--fk-ink);
}

h3, .h3 {
  font-family: var(--fk-display);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(22px, 2.5vw, 32px);
  line-height: 1.3;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--fk-ink);
}

h4, .h4,
.product-title,
.woocommerce-loop-product__title,
.entry-summary h1.product_title {
  font-family: var(--fk-display);
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--fk-ink);
  line-height: 1.2;
}

.price, .woocommerce-Price-amount, span.amount {
  font-family: var(--fk-body);
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: var(--fk-ink);
}

.product .woocommerce-product-details__short-description,
.entry-summary .short-description {
  font-family: var(--fk-display);
  font-style: italic;
  font-weight: 300;
  font-size: 17px;
  line-height: 1.7;
  color: var(--fk-mute);
}


/* ----------------------------------------------------------
   6. ALL-CAPS EYEBROWS
   ---------------------------------------------------------- */
.product_meta .sku_wrapper,
.woocommerce-breadcrumb,
.woocommerce-result-count,
.woocommerce-ordering label,
.posted_in, .tagged_as,
.product-cat, .product-category{
  font-family: var(--fk-body);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: var(--fk-luxe);
  color: var(--fk-mute);
  font-weight: 400;
}


/* ----------------------------------------------------------
   7. BUTTONS
   ---------------------------------------------------------- */
.button,
button[type="submit"],
input[type="submit"],
.wp-block-button__link,
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  font-family: var(--fk-body) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: var(--fk-luxe) !important;
  text-transform: uppercase !important;
  padding: 0.95rem 1.6rem !important;
  border: 1px solid var(--fk-ink) !important;
  background: transparent !important;
  color: var(--fk-ink) !important;
  border-radius: var(--fk-radius) !important;
  box-shadow: none !important;
  transition: all var(--fk-transition) !important;
  text-shadow: none !important;
  height: auto !important;
  line-height: 1 !important;
}

.button:hover,
button[type="submit"]:hover,
.wp-block-button__link:hover,
.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover{
  background: var(--fk-ink) !important;
  color: var(--fk-paper) !important;
  border-color: var(--fk-ink) !important;
  transform: none !important;
}

/* Primary "alt" buttons — gold */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.single_add_to_cart_button{
  border-color: var(--fk-gold) !important;
  color: var(--fk-gold) !important;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.single_add_to_cart_button:hover{
  background: var(--fk-gold) !important;
  color: var(--fk-paper) !important;
  border-color: var(--fk-gold) !important;
}


/* ----------------------------------------------------------
   8. PRODUCT CARDS (shop grid)
   ---------------------------------------------------------- */
.products .product .product-small .box-image,
.products .product .image,
.products .product .product-image{
  background: var(--fk-bone) !important;
  border-radius: var(--fk-radius) !important;
  overflow: hidden;
  border: 1px solid var(--fk-line-soft);
}

.products .product img{
  border-radius: var(--fk-radius) !important;
  background: var(--fk-bone);
  transition: transform 700ms ease;
  mix-blend-mode: multiply;
}
.products .product:hover img{ transform: scale(1.03); }

/* Brand label above title */
.products .product .product-cat,
.products .product .category,
.products .product .from_the_blog_categories{
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: var(--fk-luxe);
  color: var(--fk-mute) !important;
  font-weight: 400 !important;
  margin-bottom: 6px;
  display: block;
}

.products .product .price{ margin-top: 4px !important; }
.price del{ opacity: .45; }
.price ins{ background: transparent !important; text-decoration: none; color: var(--fk-rouge); }

/* Sale / new / featured badges — restrained */
.onsale, .product-label, .badge .badge-inner,
.woocommerce span.onsale{
  background: transparent !important;
  color: var(--fk-rouge) !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: var(--fk-body) !important;
  font-size: 10px !important;
  letter-spacing: var(--fk-luxe) !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  padding: 0 !important;
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
}

/* Add to cart on grid — minimal underline link */
.products .product .button.product_type_simple,
.products .product .add_to_cart_button{
  margin-top: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--fk-ink) !important;
  font-size: 11px !important;
  letter-spacing: var(--fk-luxe) !important;
  border-bottom: 1px solid var(--fk-ink) !important;
  border-radius: 0 !important;
  display: inline-block !important;
  width: auto !important;
}
.products .product .button:hover{
  background: transparent !important;
  color: var(--fk-rouge) !important;
  border-bottom-color: var(--fk-rouge) !important;
}


/* ----------------------------------------------------------
   9. SHOP & SIDEBAR
   ---------------------------------------------------------- */
.woocommerce-products-header__title,
.page-title,
.shop-page-title{
  font-size: clamp(2.8rem, 6vw, 5rem) !important;
  margin: 60px 0 12px !important;
  text-align: left !important;
  font-family: var(--fk-display) !important;
  font-weight: 300 !important;
}

.widget-title, .widgettitle{
  font-family: var(--fk-body) !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: var(--fk-luxe);
  font-weight: 400 !important;
  border-bottom: 1px solid var(--fk-line);
  padding-bottom: 14px;
  margin-bottom: 18px;
}

.widget ul li{
  border-bottom: 1px solid var(--fk-line-soft);
  padding: 12px 0;
  font-size: 14px;
}

/* Pagination */
.page-numbers li a, .page-numbers li span{
  background: transparent !important;
  border: 1px solid var(--fk-line) !important;
  border-radius: 0 !important;
  color: var(--fk-ink) !important;
  font-size: 12px !important;
  letter-spacing: var(--fk-mid);
  padding: 12px 16px !important;
}
.page-numbers li .current{
  background: var(--fk-ink) !important;
  color: var(--fk-paper) !important;
}

/* ----------------------------------------------------------
   10. SINGLE PRODUCT
   ---------------------------------------------------------- */
.single-product div.product{ padding-top: 40px; }

.single-product .product_title{
  font-size: clamp(2.4rem, 4.5vw, 3.6rem) !important;
  margin-bottom: 8px !important;
  font-family: var(--fk-display) !important;
  font-weight: 300 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}

.single-product .price{
  font-family: var(--fk-display) !important;
  font-size: 26px !important;
  letter-spacing: 0 !important;
  margin: 16px 0 !important;
  font-weight: 400 !important;
}

.woocommerce-product-gallery__image{
  background: var(--fk-bone) !important;
  border-radius: var(--fk-radius);
  overflow: hidden;
  border: 1px solid var(--fk-line-soft);
}

.flex-control-thumbs li img{
  border-radius: var(--fk-radius);
  border: 1px solid var(--fk-line-soft);
  opacity: .6;
  transition: opacity var(--fk-transition);
}
.flex-control-thumbs li img.flex-active,
.flex-control-thumbs li img:hover{ opacity: 1; }

.quantity .qty{
  background: transparent !important;
  border: 1px solid var(--fk-line) !important;
  border-radius: var(--fk-radius) !important;
  height: 50px !important;
  text-align: center;
  font-family: var(--fk-body) !important;
}

.variations select{
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--fk-line) !important;
  border-radius: 0 !important;
  height: 50px;
}
.variations label{
  font-size: 11px !important;
  letter-spacing: var(--fk-luxe);
  text-transform: uppercase;
  color: var(--fk-mute);
}

/* Tabs */
.woocommerce-tabs ul.tabs{
  border-bottom: 1px solid var(--fk-line) !important;
  padding: 0 !important;
}
.woocommerce-tabs ul.tabs li{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.woocommerce-tabs ul.tabs li a{
  font-family: var(--fk-body) !important;
  font-size: 11px !important;
  letter-spacing: var(--fk-luxe) !important;
  text-transform: uppercase !important;
  padding: 18px 28px 18px 0 !important;
  color: var(--fk-mute) !important;
  border-bottom: 1px solid transparent !important;
  margin-bottom: -1px !important;
}
.woocommerce-tabs ul.tabs li.active a{
  color: var(--fk-ink) !important;
  border-bottom-color: var(--fk-ink) !important;
}


/* ----------------------------------------------------------
   11. CART & CHECKOUT
   ---------------------------------------------------------- */
.woocommerce table.shop_table{
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.woocommerce table.shop_table th{
  font-family: var(--fk-body) !important;
  font-size: 11px !important;
  letter-spacing: var(--fk-luxe);
  text-transform: uppercase;
  color: var(--fk-mute);
  border-bottom: 1px solid var(--fk-line) !important;
  padding: 18px 12px !important;
}
.woocommerce table.shop_table td{
  border-bottom: 1px solid var(--fk-line-soft) !important;
  padding: 24px 12px !important;
  vertical-align: middle;
}

.cart_item img{
  width: 80px;
  border-radius: var(--fk-radius);
  background: var(--fk-bone);
}

/* Form fields — editorial single-line */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
input[type="text"], input[type="email"], input[type="tel"],
input[type="password"], textarea{
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--fk-line) !important;
  border-radius: 0 !important;
  padding: 14px 0 !important;
  font-family: var(--fk-body) !important;
  font-size: 15px !important;
  color: var(--fk-ink) !important;
  box-shadow: none !important;
  transition: border-color var(--fk-transition);
}
.woocommerce form .form-row input.input-text:focus,
input:focus, textarea:focus{
  outline: none !important;
  border-bottom-color: var(--fk-ink) !important;
}
.woocommerce form .form-row label{
  font-size: 11px !important;
  letter-spacing: var(--fk-luxe);
  text-transform: uppercase;
  color: var(--fk-mute);
  margin-bottom: 4px !important;
}

.woocommerce-info, .woocommerce-message, .woocommerce-error{
  background: var(--fk-cream) !important;
  border-top: 0 !important;
  border-left: 2px solid var(--fk-gold) !important;
  border-radius: 0 !important;
  color: var(--fk-ink) !important;
  font-size: 14px;
}
.woocommerce-error{ border-left-color: var(--fk-rouge) !important; }


/* ----------------------------------------------------------
   12. FOOTER
   ---------------------------------------------------------- */
.footer, .footer-wrapper, #footer{
  background: var(--fk-ink) !important;
  color: var(--fk-paper) !important;
  padding: 80px 0 40px !important;
}
.footer h1, .footer h2, .footer h3, .footer h4,
.footer .widget-title{
  color: var(--fk-paper) !important;
}
.footer-secondary, .absolute-footer, .copyright{
  background: var(--fk-ink) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  font-size: 11px !important;
  letter-spacing: var(--fk-luxe);
  text-transform: uppercase;
  color: rgba(244,239,230,.5) !important;
}
.footer a{ color: rgba(244,239,230,.85) !important; }
.footer a:hover{ color: var(--fk-gold) !important; }
.footer .widget-title{
  font-family: var(--fk-body) !important;
  font-size: 11px !important;
  letter-spacing: var(--fk-luxe);
  text-transform: uppercase;
  color: rgba(244,239,230,.5) !important;
  border-color: rgba(255,255,255,.15) !important;
}
.footer .widget ul li{ border-color: rgba(255,255,255,.08) !important; }


/* ----------------------------------------------------------
   13. BRANDS DROPDOWN — converted to paper palette
        (preserves your structure with menu-item-2945)
   ---------------------------------------------------------- */
li.menu-item-2945 > a {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-family: var(--fk-body);
  font-weight: 400;
  font-size: 12px;
}

li.menu-item-2945 .sub-menu.nav-dropdown {
  background: var(--fk-paper) !important;
  border: none !important;
  border-top: 1px solid var(--fk-gold) !important;
  border-radius: 0 !important;
  min-width: 240px !important;
  padding: 12px 0 16px !important;
  box-shadow: 0 20px 60px rgba(14,11,8,0.18) !important;
}

li.menu-item-2945 .sub-menu li a {
  font-family: var(--fk-display) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 18px !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: var(--fk-ink) !important;
  padding: 9px 28px !important;
  display: block !important;
  transition: color 0.25s ease, padding-left 0.25s ease, border-color 0.25s ease !important;
  border-left: 2px solid transparent !important;
  line-height: 1.4 !important;
  background: transparent !important;
}

li.menu-item-2945 .sub-menu li a:hover {
  color: var(--fk-rouge) !important;
  padding-left: 34px !important;
  border-left-color: var(--fk-gold) !important;
  background: transparent !important;
}

li.menu-item-2945 .sub-menu li + li {
  border-top: 1px solid var(--fk-line-soft) !important;
}

/* ----------------------------------------------------------
   14. UTILITY CLASSES (apply to Elementor sections / widgets)
   ---------------------------------------------------------- */
.fk-bg-paper{ background: var(--fk-paper) !important; }
.fk-bg-bone  { background: var(--fk-bone)  !important; }
.fk-bg-cream { background: var(--fk-cream) !important; }
.fk-bg-ink   { background: var(--fk-ink)   !important; color: var(--fk-paper) !important; }
.fk-bg-ink * { color: var(--fk-paper) !important; }

/* Aurora wash for hero sections */
.fk-aurora{ position: relative; overflow: hidden; isolation: isolate; }
.fk-aurora::before{
  content:""; position: absolute; inset: 0;
  pointer-events: none; z-index: -1;
  background:
    radial-gradient(60% 50% at 20% 20%, rgba(167,138,85,.22), transparent 60%),
    radial-gradient(50% 50% at 80% 30%, rgba(123,45,38,.18), transparent 65%),
    radial-gradient(70% 60% at 60% 90%, rgba(63,74,58,.18), transparent 65%);
  filter: blur(20px);
  animation: fkDrift 18s ease-in-out infinite alternate;
}
@keyframes fkDrift{
  0%   { transform: translate3d(0,0,0) scale(1); }
  100% { transform: translate3d(-2%,1%,0) scale(1.05); }
}
@media (prefers-reduced-motion: reduce){ .fk-aurora::before{ animation: none; } }

/* Hairline rule */
.fk-rule{
  height: 1px;
  background: linear-gradient(to right, transparent, var(--fk-line), transparent);
  border: 0; margin: 24px 0;
}

/* Editorial chapter eyebrow */
.fk-chapter{
  font-family: var(--fk-body);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: var(--fk-luxe);
  color: var(--fk-mute);
  margin-bottom: 24px;
  display: block;
}

/* Display heading helper */
.fk-display{
  font-family: var(--fk-display) !important;
  font-weight: 300 !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.fk-display em{ font-style: italic; color: var(--fk-rouge); }

/* Outlined editorial button */
.fk-btn{
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.95rem 1.6rem;
  border: 1px solid var(--fk-ink);
  color: var(--fk-ink);
  background: transparent;
  text-transform: uppercase;
  letter-spacing: var(--fk-luxe);
  font-size: 11px;
  text-decoration: none;
  transition: all var(--fk-transition);
  font-family: var(--fk-body);
}
.fk-btn:hover{ background: var(--fk-ink); color: var(--fk-paper); }
.fk-btn-gold{ border-color: var(--fk-gold); color: var(--fk-gold); }
.fk-btn-gold:hover{ background: var(--fk-gold); color: var(--fk-paper); border-color: var(--fk-gold); }

/* Underline-on-hover link */
.fk-link{
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: var(--fk-luxe);
  color: var(--fk-ink);
  text-decoration: none;
}
.fk-link::after{
  content:""; position: absolute; left: 0; right: 0; bottom: -2px; height: 1px;
  background: currentColor;
  transform: scaleX(0); transform-origin: right;
  transition: transform .5s ease;
}
.fk-link:hover::after{ transform: scaleX(1); transform-origin: left; }

/* Hairline borders */
.fk-hairline      { border: 1px solid var(--fk-line); }
.fk-hairline-soft { border: 1px solid var(--fk-line-soft); }

/* Marquee */
.fk-marquee{
  overflow: hidden;
  border-top: 1px solid var(--fk-line);
  border-bottom: 1px solid var(--fk-line);
  padding: 22px 0;
  white-space: nowrap;
}
.fk-marquee-track{
  display: inline-flex;
  gap: 64px;
  animation: fkMarquee 40s linear infinite;
  font-size: 11px;
  letter-spacing: var(--fk-luxe);
  text-transform: uppercase;
  color: var(--fk-mute);
}
@keyframes fkMarquee{ from{ transform: translateX(0);} to{ transform: translateX(-50%);} }
@media (prefers-reduced-motion: reduce){ .fk-marquee-track{ animation: none; } }


/* ----------------------------------------------------------
   15. WHATSAPP STICKY (optional pill)
   ---------------------------------------------------------- */
.fk-whatsapp{
  position: fixed;
  bottom: 24px; right: 24px;
  z-index: 100;
  background: var(--fk-ink);
  color: var(--fk-paper);
  padding: 14px 20px;
  font-size: 11px;
  letter-spacing: var(--fk-luxe);
  text-transform: uppercase;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 12px 30px -10px rgba(0,0,0,.3);
  transition: transform var(--fk-transition);
  font-family: var(--fk-body);
}
.fk-whatsapp:hover{
  transform: translateY(-2px);
  background: var(--fk-gold);
  color: var(--fk-paper);
}


/* ----------------------------------------------------------
   16. RESPONSIVE
   ---------------------------------------------------------- */
@media (max-width: 768px){
  body p, body li{ font-size: 16px; }
  h1, .h1{ font-size: clamp(2rem, 9vw, 3rem) !important; }
  .fk-whatsapp{ bottom: 16px; right: 16px; padding: 12px 16px; }
}


/* ----------------------------------------------------------
   17. THEME-SPECIFIC NUDGES (Flatsome/Woodmart/Elementor)
   ---------------------------------------------------------- */
.flatsome-style .stack-row > .col{ padding: 0 12px; }
.flatsome-style .box-text{ padding: 18px 0 !important; }

.woodmart-style .product-grid-item .hover-mask{
  background: rgba(244,239,230,.85) !important;
}

.elementor-widget-heading .elementor-heading-title{
  font-family: var(--fk-display) !important;
  font-weight: 300 !important;
}
.elementor-widget-text-editor{ font-family: var(--fk-body); }


/* End of Maison Éther merged retheme */

/* Product badge overlap fix */
.onsale, .product-label, .product-label .label,
.badge .badge-inner, .woocommerce span.onsale,
.product-small .badge, .product-small .product-label{
  background: rgba(244,239,230,.96) !important;
  color: #7B2D26 !important;
  border: 1px solid rgba(167,138,85,.30) !important;
  border-radius: 2px !important;
  padding: 5px 10px !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 500 !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 70% !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(14,11,8,.10) !important;
  z-index: 5 !important;
  pointer-events: none;
}
.products .product .product-small,
.products .product .box,
.product-small .box-image{ position: relative !important; overflow: hidden; }
.product-small .product-label + .product-label,
.product-small .badge + .badge{ top: 50px !important; }
@media (max-width: 540px){
  .onsale, .product-label, .badge .badge-inner{
    font-size: 9px !important;
    padding: 4px 8px !important;
    letter-spacing: .22em !important;
    top: 8px !important; left: 8px !important;
  }
}
/* Product image stacking fix */
.products .product img,
.product-small .box-image img,
.product-small img.show-on-hover{
  mix-blend-mode: normal !important;
  background: transparent !important;
}
.product-small .box-image{ position: relative !important; overflow: hidden; }
.product-small .box-image img:not(.show-on-hover):not(.back-image){
  position: relative; z-index: 1;
  opacity: 1 !important;
  transition: opacity 400ms ease;
}
.product-small .box-image img.show-on-hover,
.product-small .box-image img.back-image,
.product-small .box-image > a > img:nth-child(2){
  position: absolute !important;
  top: 0; left: 0; width: 100%; height: 100%;
  object-fit: contain; z-index: 2;
  opacity: 0 !important;
  transition: opacity 400ms ease !important;
}
.product-small:hover .box-image img.show-on-hover,
.product-small:hover .box-image img.back-image,
.product-small:hover .box-image > a > img:nth-child(2){
  opacity: 1 !important;
}
.products .product:hover img:not(.show-on-hover):not(.back-image){
  transform: scale(1.02);
}
.products .product img{
  transition: transform 600ms ease, opacity 400ms ease !important;
}
/* Disable hover image swap on shop grid — show primary only */
.product-small .box-image img.show-on-hover,
.product-small .box-image img.back-image,
.product-small .box-image .image-cover img:nth-child(2),
.product-small .box-image > a > img:nth-child(2),
.products .product img.secondary-image,
.products .product .product-small .box-image img + img{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Reset main image to fill normally without hover swap */
.product-small .box-image img:first-child,
.product-small .box-image img:not(.show-on-hover):not(.back-image){
  position: relative !important;
  opacity: 1 !important;
  display: block !important;
  width: 100%;
  height: auto;
}

/* Subtle zoom on hover (still nice, no swap) */
.products .product:hover img:first-child{
  transform: scale(1.03);
  transition: transform 600ms ease;
}
/* Pre-order page text visibility fix */
body.page[class*="pre-order"] .entry-content,
body.page[class*="pre-order"] .entry-content p,
body.page[class*="pre-order"] .entry-content li,
body.page[class*="pre-order"] .entry-content span,
body.page[class*="pre-order"] .entry-content h1,
body.page[class*="pre-order"] .entry-content h2,
body.page[class*="pre-order"] .entry-content h3,
body.page[class*="pre-order"] .entry-content h4,
body.page[class*="pre-order"] .entry-content strong,
body.page[class*="pre-order"] .page-content,
body.page[class*="pre-order"] .page-content *{
  color: #0E0B08 !important;
}

body.page[class*="pre-order"] h1,
body.page[class*="pre-order"] h2,
body.page[class*="pre-order"] h3,
body.page[class*="pre-order"] h4{
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
}

body.page[class*="pre-order"] .entry-content strong,
body.page[class*="pre-order"] .entry-content b{
  color: #7B2D26 !important;
  font-weight: 500 !important;
}

body.page[class*="pre-order"] .entry-content a{
  color: #A78A55 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
body.page[class*="pre-order"] .entry-content a:hover{
  color: #7B2D26 !important;
}

/* Fragkaki — kill beige on product card wrappers */
.products .col,
.products .col-inner,
.product-small,
.product-small-container,
.shop-container .col,
.shop-container .col-inner,
.row-product .col,
.row-product .col-inner {
    background-color: #ffffff !important;
}

/* Also kill any col-inner row backgrounds in shop pages */
.shop-page-title,
.shop-container,
.products {
    background-color: transparent !important;
}