/*
Theme Name: Vifique Child
Template: vifique
Description: Child theme — blush / sky-blue / ash-mauve / butter-yellow palette
Version: 2.0.0
Text Domain: vifique-child
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PHASE 1 — FULL CSS VARIABLE REMAP
   Overrides every token from the v4 hot-pink retheme.
   All variable-driven rules auto-update from here.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
  /* ── Core Brand: dusty rose ─────────────────── */
  --brand:        #E8A0B4;
  --brand-dk:     #C4728A;
  --brand-lt:     #F5D0DC;

  /* ── Baby Blue ──────────────────────────────── */
  --blue:         #A8CBE8;
  --blue-dk:      #6FA8D0;
  --blue-lt:      #DCF0FB;
  --blue-mist:    #EEF6FC;

  /* ── Soft Yellow (hints) ────────────────────── */
  --yellow:       #F5E0A0;
  --yellow-dk:    #D4B86A;
  --yellow-lt:    #FDF6DC;

  /* ── Cool Ash Mauve ─────────────────────────── */
  --mauve:        #C4A8B8;
  --mauve-dk:     #8A6878;
  --mauve-lt:     #EDE0E8;

  /* ── Backgrounds ────────────────────────────── */
  --bg:           #FAF7FB;
  --bg-alt:       #F5F0F8;
  --cream:        #FFFCFE;

  /* ── Text ───────────────────────────────────── */
  --ink:          #2A1820;
  --ink-mid:      #7A5868;
  --ink-lt:       #B090A0;

  /* ── Borders ────────────────────────────────── */
  --border:       #E8D8E4;
  --border-dk:    #D0B8C8;

  /* ── Legacy variable remaps (used all over) ─── */
  /* hot pink → dusty rose */
  --hot-pink:     #E8A0B4;
  /* pink → soft blush */
  --pink:         #F2B8CC;
  --pink-lt:      #F5D0DC;
  /* peach → butter yellow */
  --peach:        #F5E0A0;
  --peach-lt:     #FDF6DC;
  /* yellow-soft → butter yellow */
  --yellow-soft:  #F5E0A0;
  /* powder blue → sky blue */
  --powder-blue:  #A8CBE8;
  --blue-lt:      #DCF0FB;
  --blue-mist:    #EEF6FC;
  /* accent → blue */
  --accent:       #A8CBE8;
  --accent-dk:    #6FA8D0;
  --accent-lt:    #DCF0FB;
  /* gold → yellow */
  --gold:         #F5E0A0;
  --gold-lt:      #FDF6DC;
  --gold-dk:      #D4B86A;
  /* rose → brand */
  --rose:         #E8A0B4;
  /* petal / blush → new */
  --petal:        #F5D0DC;
  --blush:        #F0D8E4;

  /* ── Aura radial — hero / popup gradient ────── */
  --aura-radial: radial-gradient(
    ellipse at center,
    #A8CBE8 0%, #E8A0B4 25%,
    #F5D0DC 55%, #F5E0A0 80%,
    #EEF6FC 100%
  );
  --aura-soft: radial-gradient(
    ellipse at 40% 50%,
    rgba(168,203,232,0.18) 0%,
    rgba(232,160,180,0.12) 40%,
    rgba(196,168,184,0.08) 70%,
    transparent 100%
  );

  /* white kept */
  --white: #FFFFFF;
  --r-pill: 100px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PHASE 2 — HARDCODED HEX OVERRIDES
   For rules that bypass variables with literal hex.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ── Body background glow ───────────────────────── */
body {
  background-color: var(--bg) !important;
  background-image: radial-gradient(
    ellipse at 50% 0%,
    rgba(168,203,232,0.07) 0%,
    rgba(232,160,180,0.04) 60%,
    transparent 100%
  ) !important;
  color: var(--ink) !important;
}

/* ── Announcement / marquee bar ─────────────────── */
.announcement-bar,
.ann-bar,
.site-announcement,
[class*="announce"] {
  background: linear-gradient(90deg, #E8A0B4, #A8CBE8) !important;
  color: white !important;
}

/* ── Logo iridescent shimmer — cool tones ───────── */
.logo-iridescent,
.site-logo a,
.header-logo,
.footer-logo {
  background: linear-gradient(
    135deg,
    #A8CBE8 0%, #E8A0B4 20%, #F5E0A0 40%,
    #C4A8B8 60%, #DCF0FB 80%, #A8CBE8 100%
  ) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: viShimmer 4s linear infinite !important;
}

/* ── Hero section ───────────────────────────────── */
.hero {
  background: linear-gradient(
    135deg,
    #EEF6FC 0%,
    #F5D0DC 40%,
    #FDF6DC 75%,
    #EDE0E8 100%
  ) !important;
  position: relative;
}
/* Radial glow overlay */
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse at 30% 50%,
    rgba(168,203,232,0.35) 0%,
    rgba(232,160,180,0.25) 50%,
    transparent 75%
  );
  pointer-events: none;
  z-index: 0;
}
/* Keep text above pseudo-element */
.hero > * { position: relative; z-index: 1; }
/* Bottom fade using new bg */
.hero::after {
  background: linear-gradient(to bottom, transparent, var(--bg)) !important;
}
/* Hero text colors on light background */
.hero-eyebrow { color: var(--mauve-dk) !important; }
.hero-title   { color: var(--ink) !important; text-shadow: none !important; }
.hero-title em { color: var(--brand) !important; -webkit-text-fill-color: var(--brand) !important; }
.hero-sub     { color: var(--ink-mid) !important; }
.hero-badge   {
  background: rgba(255,255,255,0.85) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255,255,255,0.6) !important;
  color: var(--ink) !important;
}
.hero-badge .hb-val { color: var(--yellow-dk) !important; }
.hero-tag {
  background: rgba(255,255,255,0.75) !important;
  color: var(--mauve-dk) !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
}

/* ── Hero visual placeholder (no product image) ─── */
.hero-visual {
  background: linear-gradient(160deg, #DCF0FB 0%, #F5D0DC 100%) !important;
}

/* ── Promo cards ────────────────────────────────── */
.fp-visual {
  background: linear-gradient(160deg, #F5D0DC, #E8A0B4) !important;
}

/* ── Gift progress bar ──────────────────────────── */
.gp-fill,
#gpFill {
  background: linear-gradient(90deg, #F5E0A0, #E8A0B4, #A8CBE8) !important;
}

/* Cart drawer progress bar */
.cdp-fill {
  background: linear-gradient(90deg, #F5E0A0, #E8A0B4, #A8CBE8) !important;
}

/* ── Product card: no-image placeholder ─────────── */
.pc-cover:not(:has(img)),
.pc-cover:has(.pc-emoji-placeholder) {
  background: radial-gradient(ellipse at center, #FDF6DC, #F5D0DC, #DCF0FB) !important;
}
/* Card hover shadow */
.product-card:hover {
  box-shadow: 0 12px 40px rgba(168,203,232,0.20) !important;
}

/* ── Product card hover gradient (no-video) ─────── */
.pc-video-gradient {
  background: linear-gradient(135deg, #2A1820 0%, #3A2838 50%, #4A3050 100%) !important;
  animation: pcGradShiftNew 2.5s ease infinite alternate !important;
}
@keyframes pcGradShiftNew {
  from { background: linear-gradient(135deg, #2A1820, #3A2838); }
  to   { background: linear-gradient(135deg, #3A2838, #4A3050); }
}
/* Override old keyframe */
@keyframes pcGradShift {
  from { background: linear-gradient(135deg, #2A1820, #3A2838); }
  to   { background: linear-gradient(135deg, #3A2838, #4A3050); }
}

/* ── Reel card gradient placeholder ─────────────── */
.rc-gradient-bg {
  background: linear-gradient(160deg, #F5D0DC, #A8CBE8, #F5E0A0) !important;
}

/* ── Loyalty banner ─────────────────────────────── */
.loyalty-banner {
  background: linear-gradient(135deg, #2A1820 0%, #3A2838 100%) !important;
}
.loyalty-banner h2 em {
  color: var(--yellow) !important;
  -webkit-text-fill-color: var(--yellow) !important;
}

/* ── Featured product dark panel ────────────────── */
.featured-product,
.fp-info {
  background: linear-gradient(135deg, #2A1820 0%, #3A2838 100%) !important;
}
.fp-eyebrow { color: var(--yellow) !important; }
.fp-price   { color: var(--yellow) !important; }

/* ── Footer ─────────────────────────────────────── */
footer, .site-footer {
  background: linear-gradient(135deg, #2A1820 0%, #342030 100%) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PHASE 3 — BUTTONS, CTAs, BADGES
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Primary CTA — dusty rose */
.btn-primary,
button.btn-primary,
.pc-atc-btn,
.auth-submit,
.sp-atc-btn,
.btn-add-cart,
.rv-write-btn,
.rv-verify-btn,
.rv-gate-verify,
.rv-submit-btn,
.rv-form-submit,
.rv-modal-submit,
.rv-verify-btn {
  background: #E8A0B4 !important;
  color: white !important;
  border-color: #E8A0B4 !important;
}
.btn-primary:hover,
button.btn-primary:hover,
.pc-atc-btn:hover,
.auth-submit:hover,
.sp-atc-btn:hover,
.btn-add-cart:hover,
.rv-write-btn:hover,
.rv-verify-btn:hover,
.rv-gate-verify:hover,
.rv-submit-btn:hover,
.rv-form-submit:hover,
.rv-modal-submit:hover {
  background: #C4728A !important;
  border-color: #C4728A !important;
}

/* Outline buttons */
.btn-outline {
  border: 1.5px solid #E8A0B4 !important;
  color: #C4728A !important;
  background: transparent !important;
}
.btn-outline:hover {
  background: #F5D0DC !important;
  color: #C4728A !important;
}

/* Checkout / secondary buttons — baby blue */
.btn-checkout,
.woocommerce #place_order,
.woocommerce button[type=submit] {
  background: #A8CBE8 !important;
  border-color: #A8CBE8 !important;
  color: white !important;
}
.btn-checkout:hover,
.woocommerce #place_order:hover,
.woocommerce button[type=submit]:hover {
  background: #6FA8D0 !important;
  border-color: #6FA8D0 !important;
}

/* WooCommerce anchor buttons */
.woocommerce a.button {
  background: #A8CBE8 !important;
  color: white !important;
}
.woocommerce a.button:hover {
  background: #6FA8D0 !important;
}

/* Loyalty banner CTA */
.lb-cta {
  background: #E8A0B4 !important;
  color: white !important;
}
.lb-cta:hover { background: #C4728A !important; }

/* Pill badges */
.badge-new  { background: #F5D0DC !important; color: #C4728A !important; }
.badge-hot  { background: #EEF6FC !important; color: #6FA8D0 !important; }
.badge-sale { background: #F5E0A0 !important; color: #8A6420 !important; }
.pc-save    { color: #C4728A !important; background: #F5D0DC !important; }
.product-save { background: #F5D0DC !important; color: #C4728A !important; }
.cp-save    { background: #F5D0DC !important; color: #C4728A !important; }
.sp-save    { color: #C4728A !important; }

/* Gift popup badge */
.gift-popup-badge {
  background: #E8A0B4 !important;
  color: white !important;
}
.gift-popup-cta {
  background: #E8A0B4 !important;
  color: white !important;
}
.gift-popup-cta:hover { background: #C4728A !important; }
.gift-popup-timer { color: #C4728A !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PHASE 5 — NAVIGATION & HEADER
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Nav bar glass — barely warm white */
header, .site-header, .main-header {
  background: rgba(255,252,254,0.92) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid var(--border) !important;
}

/* Logo text — keep iridescent shimmer (handled above) */
.site-logo, .logo-text, .brand-name,
header .site-title, .header-logo-text {
  color: var(--brand) !important;
}

/* Nav hover — sky blue */
.nav-link:hover, .main-nav a:hover,
.header-nav a:hover { color: #A8CBE8 !important; }

/* Active nav underline — dusty rose */
.tab-btn.active { border-bottom-color: #E8A0B4 !important; color: var(--ink) !important; }

/* Cart icon badge */
.bag-ct, .fn-badge { background: #E8A0B4 !important; color: white !important; }

/* Floating nav hover */
.fn-btn:hover {
  background: #E8A0B4 !important;
  color: white !important;
  border-color: #E8A0B4 !important;
}

/* Header icons */
.hdr-icon:hover { background: #E8A0B4 !important; color: white !important; }

/* Header bag button hover */
.hdr-bag:hover { background: #D4B86A !important; }

/* Search focus */
.search-inner input:focus { border-color: #A8CBE8 !important; }
.search-inner button:hover { background: #6FA8D0 !important; }

/* Dropdown hover */
.nav-dropdown li a:hover { color: #6FA8D0 !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SECTION EYEBROWS — solid blue-rose instead of hot pink
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.section-eyebrow,
.hero-eyebrow,
.page-hero-eyebrow,
.fp-eyebrow,
.cp-eyebrow,
.clothes-hero-eyebrow,
.cp-section-eyebrow {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #C4728A !important;
  color: #C4728A !important;
  animation: none !important;
}
/* stars */
.pc-stars, .rm-stars, .rv-bar-fill,
.cp-stars, .sp-stars,
.rv-avg-stars, .rv-item-stars,
.rv-stars-row, .product-stars {
  color: #D4B86A !important;
}

/* ── Wishlist / heart buttons ────────────────────── */
.pc-wish:hover, .pc-wish.wished,
.sp-wish-btn.wished, .sp-wish-btn:hover,
.cp-wish-btn.wished, .cp-wish-btn:hover,
.btn-wishlist:hover, .btn-wishlist.wished,
.cl-card-wish:hover, .cl-card-wish.wished {
  background: #E8A0B4 !important;
  border-color: #E8A0B4 !important;
  color: white !important;
}

/* ── Size buttons ───────────────────────────────── */
.sp-size-btn:hover:not(.unavailable) {
  border-color: #A8CBE8 !important;
  color: #6FA8D0 !important;
}
.sp-size-btn.active {
  background: #2A1820 !important;
  color: white !important;
  border-color: #2A1820 !important;
}
.sp-size-label span { color: #A8CBE8 !important; }

/* Size chart tabs */
.sc-tab.active,
.sz-unit-btn.active,
.sc-unit.active {
  background: #A8CBE8 !important;
  border-color: #A8CBE8 !important;
  color: white !important;
}
.sc-suggestion { color: #6FA8D0 !important; background: #EEF6FC !important; }

/* Accordion hover */
.acc-btn.open, .acc-btn:hover,
.cp-acc-head:hover,
.sp-sizechart-toggle:hover { color: #A8CBE8 !important; }
.acc-icon, .cp-acc-icon { color: #A8CBE8 !important; }

/* Auth modal */
.auth-tab.active {
  color: #A8CBE8 !important;
  border-bottom-color: #A8CBE8 !important;
}
.auth-input:focus { border-color: #A8CBE8 !important; }
.auth-pts-tease {
  background: #EEF6FC !important;
  border-color: #DCF0FB !important;
  color: var(--ink-mid) !important;
}
.auth-logo { color: #C4728A !important; }

/* ── Single product page ─────────────────────────── */
.sp-price { color: var(--ink) !important; }
.sp-pts-earn, .product-loyalty,
.cp-loyalty-note { color: #D4B86A !important; }
.sp-rating-ct:hover { color: #A8CBE8 !important; }

/* ── Checkout loyalty panel ──────────────────────── */
.vif-checkout-points,
.cd-points-top {
  background: linear-gradient(90deg, #FDF6DC, #EEF6FC) !important;
  border-color: #F5E0A0 !important;
}
.vcp-head { color: #D4B86A !important; }
.vcp-btn { background: #F5E0A0 !important; color: #8A6420 !important; }
.vcp-btn:hover { background: #D4B86A !important; color: white !important; }
.vcp-applied { color: #D4B86A !important; }
.cd-pts-earn { color: #D4B86A !important; }
.cd-pts-login-link { color: #A8CBE8 !important; }

/* Cart item remove hover */
.ci-remove:hover { color: #E8A0B4 !important; }
.ci-qty-btn:hover {
  background: #E8A0B4 !important;
  color: white !important;
  border-color: #E8A0B4 !important;
}
.cd-close:hover { background: #E8A0B4 !important; color: white !important; }

/* Cart progress bar */
.cd-progress .cdp-fill { background: linear-gradient(90deg, #F5E0A0, #E8A0B4, #A8CBE8) !important; }

/* ── Trust strip icon ────────────────────────────── */
.trust-icon { color: #A8CBE8 !important; background: #EEF6FC !important; }

/* ── Page hero ───────────────────────────────────── */
.page-hero {
  background: linear-gradient(160deg, #EEF6FC 0%, #FAF7FB 100%) !important;
}

/* ── Gallery active thumb ────────────────────────── */
.gallery-thumb.active { border-color: #A8CBE8 !important; }
.tab-btn.active { border-bottom-color: #A8CBE8 !important; }

/* ── Clothes page: card badge + hover ────────────── */
.cl-card-badge { background: #E8A0B4 !important; }
.cl-card-atc:hover { background: #D4B86A !important; }

/* ── Arrows hover ────────────────────────────────── */
.reels-arrow:hover,
.cp-arrow:hover,
.sp-gallery-prev:hover, .sp-gallery-next:hover {
  background: #E8A0B4 !important;
  border-color: #E8A0B4 !important;
  color: white !important;
}

/* ── Product breadcrumb ──────────────────────────── */
.product-breadcrumb a:hover,
.sp-breadcrumb a:hover,
.sp-rating-ct:hover { color: #A8CBE8 !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   VFQ POPUP — variation quick-select (hardcoded hex)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.vfq-popup-price { color: #C4728A !important; }
.vfq-popup-label { color: #8A6878 !important; }
.vfq-popup-handle { background: #E8D8E4 !important; }
.vfq-color-btn.active {
  border-color: #E8A0B4 !important;
  background: #E8A0B4 !important;
  color: white !important;
}
.vfq-size-btn:hover { border-color: #A8CBE8 !important; }
.vfq-size-btn.active {
  border-color: #2A1820 !important;
  background: #2A1820 !important;
  color: white !important;
}
.vfq-popup-atc {
  background: linear-gradient(135deg, #E8A0B4, #A8CBE8, #F5E0A0) !important;
  box-shadow: 0 4px 18px rgba(168,203,232,0.35) !important;
}
.vfq-popup-img { background: #F5D0DC !important; }
.vfq-popup-product { border-bottom-color: #E8D8E4 !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   NEWSLETTER POPUP
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.nl-visual,
.popup-visual,
.newsletter-top {
  background: linear-gradient(
    135deg,
    #EEF6FC 0%,
    #F5D0DC 50%,
    #FDF6DC 100%
  ) !important;
}
.nl-title em { color: #E8A0B4 !important; -webkit-text-fill-color: #E8A0B4 !important; }
.nl-eyebrow  { color: #C4728A !important; }
.nl-input:focus { border-color: #A8CBE8 !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   ACCOUNT / LOYALTY
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.loyalty-card {
  background: linear-gradient(135deg, #2A1820, #3A2838) !important;
}
.lc-earn   { color: #D4B86A !important; }
.lc-spend  { color: #E8A0B4 !important; }
.account-nav a:hover, .account-nav a.active {
  background: #F5D0DC !important;
  color: #C4728A !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   WOOCOMMERCE FORM FOCUS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
  border-color: #A8CBE8 !important;
}
.woocommerce .select2-container--default .select2-selection--single:focus {
  border-color: #A8CBE8 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SHOP FILTER TABS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.filter-tab:hover, .filter-tab.active,
.cf-tab:hover, .cf-tab.active,
.shop-tabs .tab.active,
.sc-tab.active { background: var(--ink) !important; border-color: var(--ink) !important; color: white !important; }

/* ── Vifique color swatch active ring ──────────────── */
.vifique-swatch.active {
  border-color: #E8A0B4 !important;
  box-shadow: 0 0 0 3px #E8A0B4 !important;
}

/* ── Reels arrow hover final override ─────────────── */
.reels-arrow:hover {
  background: #E8A0B4 !important;
  border-color: #E8A0B4 !important;
  color: white !important;
}
.rc-cred { color: #D4B86A !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PHASE 4 — K-BEAUTY MINIMALIST VISUAL SYSTEM
   Rounder • airier • editorial. Colors already set above.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ── Typography: sharper editorial, more air ─────── */
h1, h2, h3, h4, h5, h6,
.section-title, .section-heading, .section-head {
  letter-spacing: -0.025em !important;
  line-height: 1.12 !important;
}
h1, .hero-title, .page-title {
  font-weight: 200 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.06 !important;
}
h2 { font-weight: 300 !important; letter-spacing: -0.03em !important; }
h3, h4 { font-weight: 300 !important; }
.hero-sub, .page-hero-sub, .section-sub {
  font-weight: 300 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.72 !important;
  color: var(--ink-mid) !important;
}
p { line-height: 1.75 !important; font-weight: 300 !important; }
/* Eyebrows: tight caps, blue tint */
.section-eyebrow, .hero-eyebrow, .page-hero-eyebrow,
.fp-eyebrow, .cp-eyebrow, .clothes-hero-eyebrow,
.cp-section-eyebrow {
  font-size: 0.67rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}
/* Nav: slim + spaced */
.nav-link, .main-nav a, .header-nav a {
  font-weight: 300 !important;
  letter-spacing: 0.06em !important;
  font-size: 0.82rem !important;
}
/* Product names */
.pc-name, .cp-name, .cl-card-name, .product-title, .sp-title {
  font-weight: 300 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.22 !important;
}
/* Prices: Cormorant feels right here */
.pc-price, .cp-price, .sp-price,
.woocommerce .price, del, ins {
  font-weight: 300 !important;
  letter-spacing: 0.03em !important;
}
/* Announcement bar: slim caps */
.announcement-bar, .ann-bar, .site-announcement,
[class*="announce"] {
  font-size: 0.7rem !important;
  letter-spacing: 0.14em !important;
  font-weight: 400 !important;
}

/* ── Border-radius: round everything ─────────────── */
/* Cards */
.product-card, .pc-card, .cp-card,
.reel-card, .rc-card, .clothes-card, .cl-card,
.trust-card, .trust-item, .rv-item, .review-item,
.promo-card, .fp-card {
  border-radius: 20px !important;
  overflow: hidden !important;
}
.loyalty-card, .lc-card { border-radius: 20px !important; }
/* Card image area */
.pc-cover, .cp-cover { border-radius: 16px 16px 0 0 !important; }
.pc-thumb img, .pc-cover img, .cp-thumb img,
.sp-gallery img, .gallery-thumb img, .ci-thumb img,
.woocommerce-product-gallery img { border-radius: 12px !important; }
/* Buttons */
.btn-primary, button.btn-primary, .btn-outline, .btn-checkout,
.pc-atc-btn, .sp-atc-btn, .btn-add-cart, .lb-cta,
.auth-submit, .rv-write-btn, .rv-verify-btn, .rv-submit-btn,
.rv-form-submit, .rv-gate-verify, .rv-modal-submit,
.nl-btn, .gift-popup-cta, .vcp-btn,
.woocommerce #place_order, .woocommerce a.button,
.woocommerce button[type=submit] {
  border-radius: 100px !important;
}
/* Inputs */
input[type=text], input[type=email], input[type=password],
input[type=search], input[type=tel], input[type=number],
textarea, .auth-input, .nl-input, .form-control,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.search-inner input {
  border-radius: 12px !important;
}
/* Badges */
.badge-new, .badge-hot, .badge-sale,
.pc-save, .cp-save, .sp-save, .product-save,
.cl-card-badge, .hero-badge, .hero-tag, .trust-icon {
  border-radius: 100px !important;
}
/* Modals / overlays */
.vfq-popup, .nl-popup, .newsletter-popup, .gift-popup,
.auth-modal .auth-inner, .auth-panel,
.size-chart-modal { border-radius: 24px !important; }
.cart-drawer, .cd-wrap, .cd-inner {
  border-radius: 24px 24px 0 0 !important;
}
/* Swatches + size buttons */
.vifique-swatch { border-radius: 100px !important; }
.sp-size-btn { border-radius: 8px !important; }
/* Filter tabs */
.filter-tab, .cf-tab, .shop-tabs .tab, .tab-btn {
  border-radius: 100px !important;
}

/* ── Card hover: lift + dual-glow shadow ─────────── */
.product-card, .pc-card, .cp-card,
.clothes-card, .cl-card, .reel-card, .rc-card {
  transition: transform 0.28s cubic-bezier(0.34,1.56,0.64,1),
              box-shadow 0.28s ease !important;
  will-change: transform !important;
}
.product-card:hover, .pc-card:hover, .cp-card:hover,
.clothes-card:hover, .cl-card:hover {
  transform: translateY(-5px) scale(1.012) !important;
  box-shadow: 0 20px 56px rgba(168,203,232,0.24),
              0 4px 16px rgba(232,160,180,0.14) !important;
}

/* ── Buttons: transitions + lift on hover ────────── */
.btn-primary, button.btn-primary, .btn-outline, .btn-checkout,
.pc-atc-btn, .sp-atc-btn, .lb-cta, .auth-submit,
.woocommerce #place_order, .woocommerce a.button,
.nl-btn, .gift-popup-cta {
  transition: background 0.2s ease, transform 0.15s ease,
              box-shadow 0.2s ease !important;
}
.btn-primary:hover, button.btn-primary:hover,
.pc-atc-btn:hover, .sp-atc-btn:hover,
.lb-cta:hover, .auth-submit:hover {
  box-shadow: 0 6px 22px rgba(232,160,180,0.38) !important;
  transform: translateY(-2px) !important;
}
.btn-primary:active, button.btn-primary:active,
.pc-atc-btn:active, .sp-atc-btn:active {
  transform: scale(0.97) translateY(0) !important;
  box-shadow: none !important;
}
.btn-checkout:hover, .woocommerce #place_order:hover {
  box-shadow: 0 6px 22px rgba(168,203,232,0.38) !important;
  transform: translateY(-2px) !important;
}

/* ── ATC buttons: rose gradient ──────────────────── */
.sp-atc-btn {
  background: linear-gradient(135deg, #E8A0B4 0%, #C4728A 100%) !important;
  box-shadow: 0 4px 20px rgba(232,160,180,0.28) !important;
}
.sp-atc-btn:hover {
  background: linear-gradient(135deg, #C4728A 0%, #A85870 100%) !important;
  box-shadow: 0 6px 26px rgba(232,160,180,0.38) !important;
  transform: translateY(-2px) !important;
}
.pc-atc-btn {
  background: linear-gradient(135deg, #E8A0B4 0%, #C4728A 100%) !important;
}
.pc-atc-btn:hover {
  background: linear-gradient(135deg, #C4728A 0%, #A85870 100%) !important;
}

/* ── Swatch: springy scale ───────────────────────── */
.vifique-swatch {
  transition: transform 0.2s cubic-bezier(0.34,1.56,0.64,1),
              border-color 0.18s ease, box-shadow 0.18s ease !important;
}
.vifique-swatch:hover { transform: scale(1.16) !important; }

/* ── Gallery thumbs: dim inactive ───────────────── */
.gallery-thumb {
  transition: opacity 0.18s ease, border-color 0.18s ease !important;
}
.gallery-thumb:not(.active) { opacity: 0.65 !important; }
.gallery-thumb.active { opacity: 1 !important; }

/* ── Input focus ring ─────────────────────────────── */
input[type=text]:focus, input[type=email]:focus,
input[type=password]:focus, .auth-input:focus, .nl-input:focus,
textarea:focus,
.woocommerce form .form-row input.input-text:focus {
  box-shadow: 0 0 0 3px rgba(168,203,232,0.26) !important;
  border-color: #A8CBE8 !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease !important;
  outline: none !important;
}

/* ── Glassmorphism: cart, popups, modals ──────────── */
.cart-drawer, .cd-wrap {
  background: rgba(255,252,254,0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}
.vfq-popup {
  background: rgba(255,252,254,0.96) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}
.auth-modal .auth-inner, .auth-panel, .auth-modal {
  background: rgba(255,252,254,0.97) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
.nl-popup, .newsletter-popup {
  background: rgba(255,252,254,0.97) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

/* ── Trust + review cards: soft glass ────────────── */
.trust-card, .trust-item {
  background: rgba(255,255,255,0.75) !important;
  border: 1px solid var(--border) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
.rv-item, .review-item {
  background: rgba(255,255,255,0.82) !important;
  border: 1px solid var(--border) !important;
}

/* ── Dividers: gradient fade ──────────────────────── */
hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--border), transparent) !important;
  margin: 0 auto !important;
  max-width: 80% !important;
}

/* ── Hero fade-in on load ─────────────────────────── */
@keyframes viFadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hero, .page-hero {
  animation: viFadeUp 0.7s cubic-bezier(0.22,1,0.36,1) both !important;
}

/* ── Scrollbar ────────────────────────────────────── */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: var(--border-dk);
  border-radius: 100px;
}
::-webkit-scrollbar-thumb:hover { background: var(--mauve); }

/* ── Selection ────────────────────────────────────── */
::selection {
  background: rgba(232,160,180,0.22) !important;
  color: var(--ink) !important;
}

/* ── Focus ring (keyboard nav) ────────────────────── */
:focus-visible {
  outline: 2px solid rgba(168,203,232,0.65) !important;
  outline-offset: 3px !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PHASE 6 — BLUE AS PRIMARY COLOR
   Shifts all primary button / header / footer
   accents from rose to the palette blue.
   Rose stays only as a soft secondary hint.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ── Primary buttons: blue ───────────────────────── */
.btn-primary,
button.btn-primary,
.pc-atc-btn,
.sp-atc-btn,
.btn-add-cart,
.auth-submit,
.lb-cta,
.gift-popup-cta,
.rv-write-btn,
.rv-verify-btn,
.rv-gate-verify,
.rv-submit-btn,
.rv-form-submit,
.rv-modal-submit {
  background: #A8CBE8 !important;
  border-color: #A8CBE8 !important;
  color: #1A2835 !important;
  box-shadow: 0 4px 18px rgba(168,203,232,0.30) !important;
}
.btn-primary:hover,
button.btn-primary:hover,
.pc-atc-btn:hover,
.sp-atc-btn:hover,
.btn-add-cart:hover,
.auth-submit:hover,
.lb-cta:hover,
.gift-popup-cta:hover,
.rv-write-btn:hover,
.rv-verify-btn:hover,
.rv-gate-verify:hover,
.rv-submit-btn:hover,
.rv-form-submit:hover,
.rv-modal-submit:hover {
  background: #6FA8D0 !important;
  border-color: #6FA8D0 !important;
  color: white !important;
  box-shadow: 0 6px 24px rgba(111,168,208,0.40) !important;
  transform: translateY(-2px) !important;
}
.btn-primary:active,
button.btn-primary:active,
.pc-atc-btn:active,
.sp-atc-btn:active {
  background: #5A96BE !important;
  box-shadow: none !important;
  transform: scale(0.97) !important;
}

/* ── ATC: blue gradient ──────────────────────────── */
.sp-atc-btn {
  background: linear-gradient(135deg, #A8CBE8 0%, #6FA8D0 100%) !important;
  color: white !important;
}
.sp-atc-btn:hover {
  background: linear-gradient(135deg, #6FA8D0 0%, #5A96BE 100%) !important;
}
.pc-atc-btn {
  background: linear-gradient(135deg, #A8CBE8 0%, #6FA8D0 100%) !important;
  color: white !important;
}
.pc-atc-btn:hover {
  background: linear-gradient(135deg, #6FA8D0 0%, #5A96BE 100%) !important;
}

/* ── Outline button: blue ────────────────────────── */
.btn-outline {
  border: 1.5px solid #A8CBE8 !important;
  color: #6FA8D0 !important;
  background: transparent !important;
}
.btn-outline:hover {
  background: #EEF6FC !important;
  color: #5A96BE !important;
}

/* ── Announcement bar: blue tones ────────────────── */
.announcement-bar,
.ann-bar,
.site-announcement,
[class*="announce"] {
  background: linear-gradient(90deg, #A8CBE8, #6FA8D0) !important;
  color: white !important;
}

/* ── Header: cart badge + icon hovers → blue ─────── */
.bag-ct, .fn-badge {
  background: #6FA8D0 !important;
  color: white !important;
}
.fn-btn:hover {
  background: #A8CBE8 !important;
  color: white !important;
  border-color: #A8CBE8 !important;
}
.hdr-icon:hover {
  background: #A8CBE8 !important;
  color: white !important;
}
.hdr-bag:hover { background: #6FA8D0 !important; }
.tab-btn.active {
  border-bottom-color: #6FA8D0 !important;
  color: var(--ink) !important;
}

/* ── Footer: dark navy instead of dark plum ──────── */
footer, .site-footer {
  background: linear-gradient(135deg, #1A2835 0%, #243040 100%) !important;
}

/* ── Loyalty banner + featured panel: dark navy ──── */
.loyalty-banner,
.featured-product,
.fp-info,
.loyalty-card,
.lc-card {
  background: linear-gradient(135deg, #1E2838 0%, #2A3848 100%) !important;
}

/* ── VFQ popup ATC: blue gradient ────────────────── */
.vfq-popup-atc {
  background: linear-gradient(135deg, #A8CBE8, #6FA8D0, #DCF0FB) !important;
  color: #1A2835 !important;
  box-shadow: 0 4px 18px rgba(168,203,232,0.40) !important;
}

/* ── Gift / cart progress bar: blue ─────────────── */
.gp-fill, #gpFill,
.cdp-fill,
.cd-progress .cdp-fill {
  background: linear-gradient(90deg, #DCF0FB, #A8CBE8, #6FA8D0) !important;
}

/* ── Wishlist: blue when active ──────────────────── */
.pc-wish:hover, .pc-wish.wished,
.sp-wish-btn.wished, .sp-wish-btn:hover,
.cp-wish-btn.wished, .cp-wish-btn:hover,
.btn-wishlist:hover, .btn-wishlist.wished,
.cl-card-wish:hover, .cl-card-wish.wished {
  background: #A8CBE8 !important;
  border-color: #A8CBE8 !important;
  color: white !important;
}

/* ── Arrows: blue ────────────────────────────────── */
.reels-arrow:hover,
.cp-arrow:hover,
.sp-gallery-prev:hover,
.sp-gallery-next:hover {
  background: #A8CBE8 !important;
  border-color: #A8CBE8 !important;
  color: white !important;
}

/* ── Clothes card badge + ATC hover ─────────────── */
.cl-card-badge { background: #A8CBE8 !important; color: #1A2835 !important; }
.cl-card-atc:hover { background: #6FA8D0 !important; }

/* ── Swatch active ring: blue ────────────────────── */
.vifique-swatch.active {
  border-color: #6FA8D0 !important;
  box-shadow: 0 0 0 3px rgba(111,168,208,0.50) !important;
}

/* ── VFQ color btn active: blue ──────────────────── */
.vfq-color-btn.active {
  border-color: #A8CBE8 !important;
  background: #A8CBE8 !important;
  color: white !important;
}

/* ── Cart item actions ────────────────────────────── */
.ci-remove:hover { color: #6FA8D0 !important; }
.ci-qty-btn:hover {
  background: #A8CBE8 !important;
  color: white !important;
  border-color: #A8CBE8 !important;
}
.cd-close:hover { background: #A8CBE8 !important; color: white !important; }

/* ── Gift popup badge ────────────────────────────── */
.gift-popup-badge {
  background: #A8CBE8 !important;
  color: #1A2835 !important;
}
.gift-popup-timer { color: #6FA8D0 !important; }

/* ── Save badges: soft blue instead of blush ─────── */
.pc-save, .product-save, .cp-save {
  background: #DCF0FB !important;
  color: #4A88B8 !important;
}

/* ── Button hover glow: blue shadow ─────────────── */
.btn-primary:hover, button.btn-primary:hover,
.pc-atc-btn:hover, .sp-atc-btn:hover,
.lb-cta:hover, .auth-submit:hover,
.nl-btn:hover, .gift-popup-cta:hover {
  box-shadow: 0 6px 24px rgba(111,168,208,0.40) !important;
}


/* ===== VIFIQUE BLUSH OVERRIDE — DO NOT REMOVE ===== */
/* Nuclear hero background — overrides vifique-additions.css:886 */
.hero,
.hero-section,
[class*="hero"],
.home-hero,
section.hero,
div.hero {
  background:
    radial-gradient(ellipse at 15% 45%, rgba(160,196,224,0.30) 0%, transparent 58%),
    radial-gradient(ellipse at 52% 50%, rgba(212,132,158,0.20) 0%, transparent 52%),
    radial-gradient(ellipse at 82% 70%, rgba(238,216,160,0.16) 0%, transparent 48%),
    linear-gradient(145deg, #EFF6FB 0%, #F8EEF3 38%, #F5E8EE 65%, #EEF0F7 100%) !important;
}

/* Kill var(--aura-radial) usage site-wide */
* { --aura-radial: radial-gradient(ellipse at 15% 45%, rgba(160,196,224,0.30) 0%, transparent 58%), radial-gradient(ellipse at 52% 50%, rgba(212,132,158,0.20) 0%, transparent 52%), radial-gradient(ellipse at 82% 70%, rgba(238,216,160,0.16) 0%, transparent 48%), linear-gradient(145deg, #EFF6FB 0%, #F8EEF3 38%, #F5E8EE 65%, #EEF0F7 100%); }

/* Remap hot-pink variable to muted rose everywhere */
* { --hot-pink: #D4849E; }

/* Hero text — readable on light background */
.hero h1, .hero h2, .hero .hero-title,
[class*="hero"] h1, [class*="hero"] h2 {
  color: #2A1820 !important;
  text-shadow: none !important;
}
.hero h1 em, .hero h1 i,
.hero h2 em, .hero h2 i,
[class*="hero"] h1 em, [class*="hero"] h2 em,
.hero-title em {
  color: #A85C76 !important;
  -webkit-text-fill-color: #A85C76 !important;
  text-shadow: none !important;
}
.hero-eyebrow, [class*="hero"] .hero-eyebrow {
  color: #A85C76 !important;
  -webkit-text-fill-color: #A85C76 !important;
}
.hero p, .hero .hero-sub,
[class*="hero"] p, [class*="hero"] .hero-sub {
  color: #5A3848 !important;
  text-shadow: none !important;
}
.hero .hero-tag,
[class*="hero"] .hero-tag {
  color: #A85C76 !important;
  background: rgba(212,132,158,0.12) !important;
  border-color: rgba(212,132,158,0.25) !important;
}
.hero .hero-badge,
[class*="hero"] .hero-badge {
  background: rgba(255,255,255,0.82) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(212,132,158,0.18) !important;
  color: #2A1820 !important;
}
.hero-badge .hb-val {
  color: #A85C76 !important;
}

/* Announcement bar — dusty rose to blue */
.woocommerce-store-notice,
.announcement-bar,
.site-notice,
.notice-bar,
[class*="announcement"],
[class*="marquee"],
.announce-bar, .promo-bar, .ann-bar,
header .top-bar {
  background: linear-gradient(90deg, #C4728A 0%, #D4849E 50%, #A0C4E0 100%) !important;
  color: #FFFFFF !important;
}

/* Glass card / featured card in hero */
.hero .card, [class*="hero-card"],
.hero .glass, .featured-card {
  background: rgba(255,255,255,0.80) !important;
  backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(212,132,158,0.18) !important;
  box-shadow: 0 8px 32px rgba(42,24,32,0.07) !important;
}

/* Trust / rating widgets in hero */
.trustpilot-widget, [class*="trustpilot"],
.trust-badge, .rating-widget {
  background: #FFFFFF !important;
  border: 1px solid #EAD8E4 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(42,24,32,0.09) !important;
}
/* ===== END VIFIQUE BLUSH OVERRIDE ===== */


/* ===== HERO PRODUCT + GLASS CARD ===== */

/* Fix 1: Thin headline — reinforce against additions.css */
.hero-title {
  font-weight: 200 !important;
  letter-spacing: -0.045em !important;
}
.hero-title em {
  font-weight: 300 !important;
  font-style: italic !important;
}

/* Fix 2: Product image in hero visual */
.hero-visual img {
  max-width: 80% !important;
  max-height: 80% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 12px 36px rgba(42,24,32,0.22)) !important;
  animation: floatY 4s ease-in-out infinite !important;
  border-radius: 0 !important;
}

/* Fix 3: Glass card — hero-visual right panel */
.hero-visual {
  background: rgba(255,255,255,0.14) !important;
  backdrop-filter: blur(22px) !important;
  -webkit-backdrop-filter: blur(22px) !important;
  border: 1px solid rgba(255,255,255,0.38) !important;
  box-shadow:
    0 8px 40px rgba(42,24,32,0.07),
    inset 0 1px 0 rgba(255,255,255,0.5) !important;
}

/* ===== END HERO PRODUCT + GLASS CARD ===== */