/* ========== VENTO Header presets — responsive ========== */

.site-header.is-static{position:relative}
.site-header.is-sticky{position:sticky;top:0;z-index:100}
body.admin-bar .site-header.is-sticky,
body.admin-bar .site-header{top:32px}
@media screen and (max-width:980px){
  html{margin-top:0 !important;padding-top:0 !important}
  #wpadminbar{display:none !important;height:0 !important;visibility:hidden !important}
  body.admin-bar{margin-top:0 !important;padding-top:0 !important}
  body.admin-bar .site-header.is-sticky,
  body.admin-bar .site-header{top:0 !important;margin-top:0 !important}
}
.site-header.is-scrolled .site-header-inner{
  min-height:calc(var(--vh-h,72px) - 10px);
  box-shadow:0 12px 40px rgba(7,17,31,.14)
}
.site-header.no-blur .site-header-inner{backdrop-filter:none!important}

.site-tagline{
  display:block;font-size:11px;font-weight:600;color:var(--muted);
  margin-top:2px;max-width:160px;line-height:1.3
}
.logo-mobile{display:none}
@media(max-width:980px){
  .logo-mobile{display:block}
  .logo-desktop{display:none}
}

/* Inline search */
.header-search-inline{
  display:flex;align-items:center;gap:0;
  background:var(--cream);border:1px solid var(--line);
  border-radius:999px;overflow:hidden;min-height:42px;width:min(100%,420px)
}
.header-search-inline input{
  flex:1;border:0;background:transparent;padding:10px 14px;
  font-size:13px;outline:none;min-width:0
}
.header-search-inline button{
  width:42px;height:42px;border:0;background:var(--midnight);color:#fff;font-size:16px
}

/* Utility row (dual_row) */
.header-utility{
  background:var(--midnight);color:rgba(255,255,255,.85);
  font-size:11px;font-weight:700
}
.header-utility-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;min-height:34px;padding:6px 0
}
.header-utility-links{display:flex;gap:14px}
.header-utility-links a{color:#fff;opacity:.85}
.header-utility-links a:hover{opacity:1;color:var(--cyan-2)}

/* CTA button styles */
.header-design.btn-style-outline{
  background:transparent!important;border:1.5px solid currentColor;color:inherit
}
.header-design.btn-style-ghost{
  background:rgba(255,255,255,.14)!important;backdrop-filter:blur(8px);color:inherit
}
.header-design.btn-style-pill{
  border-radius:999px;background:#fff!important;color:var(--midnight)!important
}
.header-design.btn-style-cyan{background:var(--cyan)!important;color:#fff!important}
.header-design.btn-style-solid{background:var(--midnight)}

/* ——— Layouts ——— */
.header-layout-logo_center .site-header-inner{
  grid-template-columns:1fr auto 1fr;gap:16px
}
.header-layout-logo_center .site-brand{grid-column:2;justify-self:center;text-align:center}
.header-layout-logo_center .main-nav{grid-column:1;grid-row:1;justify-self:start}
.header-layout-logo_center .header-actions{grid-column:3;grid-row:1;justify-self:end}
.header-layout-logo_center .mobile-toggle{display:none}

.header-layout-logo_center_split .site-header-inner{
  grid-template-columns:1fr auto 1fr;gap:16px
}
.header-layout-logo_center_split .site-brand{grid-column:2;justify-self:center}
.header-layout-logo_center_split .main-nav-left{grid-column:1;justify-self:end}
.header-layout-logo_center_split .header-actions{grid-column:3;justify-self:start}

.header-layout-logo_top .site-header-inner{
  grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px 16px
}
.header-layout-logo_top .site-brand{grid-column:1/-1;justify-self:center;padding-top:4px}
.header-layout-logo_top .main-nav{grid-column:1;justify-self:center;width:100%}
.header-layout-logo_top .main-nav ul{justify-content:center}
.header-layout-logo_top .header-actions{grid-column:2;justify-self:end}

.header-layout-search_center .site-header-inner,
.header-style-shop_split .site-header-inner{
  grid-template-columns:auto 1fr auto;gap:16px
}

/* ——— Preset: glass_pill (default look enhanced) ——— */
.header-style-glass_pill{padding:0}
.header-style-glass_pill .site-header-inner{
  background:rgba(248,250,252,.94);
  backdrop-filter:blur(20px) saturate(1.2);
  border:1px solid rgba(7,17,31,.08);
  border-radius:0 0 20px 20px;
  box-shadow:var(--shadow-soft)
}

/* ——— Preset: navy_bar ——— */
.header-style-navy_bar{padding:0}
.header-style-navy_bar .site-header-inner{
  background:var(--midnight)!important;color:#fff;
  border:0;border-radius:0!important;box-shadow:none;
  max-width:100%;width:100%;
  backdrop-filter:none
}
.header-style-navy_bar .main-nav a{color:rgba(255,255,255,.82)}
.header-style-navy_bar .main-nav a:hover,
.header-style-navy_bar .main-nav .current-menu-item>a{color:#fff}
.header-style-navy_bar .main-nav a:after{background:var(--cyan)}
.header-style-navy_bar .icon-btn,
.header-style-navy_bar .mobile-toggle{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff
}
.header-style-navy_bar .header-design{background:var(--cyan)!important}
.header-style-navy_bar .site-tagline{color:rgba(255,255,255,.55)}

/* ——— Preset: soft_line ——— */
.header-style-soft_line{padding:0;background:#fff;border-bottom:1px solid var(--line)}
.header-style-soft_line .site-header-inner{
  background:#fff!important;border:0;border-radius:0!important;
  box-shadow:none;backdrop-filter:none;max-width:100%;width:100%
}
.header-style-soft_line .main-nav a{font-weight:600}
.header-style-soft_line .icon-btn{background:transparent;border-color:transparent}
.header-style-soft_line .icon-btn:hover{background:var(--cream);color:var(--midnight);border-color:transparent}

/* ——— Preset: center_luxe ——— */
.header-style-center_luxe{padding:0}
.header-style-center_luxe .site-header-inner{
  background:#fff;border:1px solid rgba(7,17,31,.06);
  border-radius:0 0 28px 28px;box-shadow:0 18px 50px rgba(7,17,31,.08);
  padding:8px 22px
}
.header-style-center_luxe .site-brand img{max-height:52px}
.header-style-center_luxe .main-nav a{
  letter-spacing:.02em;text-transform:none;font-size:12px
}
.header-style-center_luxe .header-design{
  background:linear-gradient(135deg,var(--midnight),#13243C)!important;
  box-shadow:0 8px 20px rgba(7,17,31,.2)
}
/* force center layout vibes on desktop */
@media(min-width:981px){
  .header-style-center_luxe .site-header-inner{
    grid-template-columns:1fr auto 1fr
  }
  .header-style-center_luxe .site-brand{grid-column:2;justify-self:center}
  .header-style-center_luxe.header-layout-logo_left .main-nav{grid-column:1;justify-self:start}
  .header-style-center_luxe.header-layout-logo_left .header-actions{grid-column:3;justify-self:end}
}

/* ——— Preset: dual_row ——— */
.header-style-dual_row{padding:0}
.header-style-dual_row .site-header-inner{
  background:#fff;border:0;border-radius:0!important;
  box-shadow:0 1px 0 var(--line);max-width:100%;width:100%;backdrop-filter:none
}

/* ——— Preset: float_card ——— */
.header-style-float_card{padding:0}
.header-style-float_card .site-header-inner{
  background:#fff;
  border:0;
  border-radius:0 0 22px 22px;
  box-shadow:0 16px 48px rgba(7,17,31,.12),0 2px 0 rgba(61,184,200,.25) inset
}
.header-style-float_card.is-scrolled .site-header-inner{
  box-shadow:0 10px 32px rgba(7,17,31,.16)
}

/* ——— Preset: neon_edge ——— */
.header-style-neon_edge{padding:0}
.header-style-neon_edge .site-header-inner{
  background:var(--midnight)!important;color:#fff;
  border:1px solid rgba(61,184,200,.35);
  border-radius:0 0 18px 18px;
  box-shadow:0 0 0 1px rgba(61,184,200,.12),0 16px 40px rgba(7,17,31,.28);
  position:relative
}
.header-style-neon_edge .site-header-inner:before{
  content:"";position:absolute;inset:auto 18% -1px 18%;height:2px;
  background:linear-gradient(90deg,transparent,var(--cyan),transparent);border-radius:2px
}
.header-style-neon_edge .main-nav a{color:rgba(255,255,255,.8)}
.header-style-neon_edge .main-nav a:after{background:var(--cyan)}
.header-style-neon_edge .icon-btn,
.header-style-neon_edge .mobile-toggle{
  background:rgba(61,184,200,.12);border-color:rgba(61,184,200,.25);color:#fff
}
.header-style-neon_edge .header-design{background:var(--cyan)!important;color:#041018!important}

/* ——— Preset: minimal_icon ——— */
.header-style-minimal_icon{padding:0}
.header-style-minimal_icon .main-nav{display:none!important}
.header-style-minimal_icon .mobile-toggle{display:inline-grid!important;place-items:center}
.header-style-minimal_icon .site-header-inner{
  background:transparent;border:0;box-shadow:none;backdrop-filter:none;
  grid-template-columns:auto 1fr auto;border-radius:0
}
.header-style-minimal_icon .header-design{display:none}
.header-style-minimal_icon .icon-btn{
  background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)
}

/* ——— Preset: shop_split ——— */
.header-style-shop_split{padding:0}
.header-style-shop_split .site-header-inner{
  background:#fff;border:1px solid var(--line);border-radius:0 0 16px 16px;
  box-shadow:none;backdrop-filter:none
}
@media(max-width:980px){
  .header-style-shop_split .header-search-inline{display:none}
}

/* ——— Preset: cinema ——— */
.header-style-cinema{padding:0}
.header-style-cinema:not(.is-scrolled) .site-header-inner{
  background:transparent!important;border-color:transparent!important;
  box-shadow:none!important;backdrop-filter:none!important;color:#fff
}
.header-style-cinema:not(.is-scrolled) .main-nav a{color:rgba(255,255,255,.9)}
.header-style-cinema:not(.is-scrolled) .icon-btn,
.header-style-cinema:not(.is-scrolled) .mobile-toggle{
  background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff
}
.header-style-cinema:not(.is-scrolled) .header-design.btn-style-solid{
  background:rgba(255,255,255,.92)!important;color:var(--midnight)!important
}
.header-style-cinema.is-scrolled .site-header-inner{
  background:rgba(248,250,252,.94)!important;
  border:1px solid rgba(7,17,31,.08)!important;
  backdrop-filter:blur(18px);color:var(--text)
}
.header-style-cinema.is-transparent:not(.is-scrolled) .site-header-inner{background:transparent!important}

/* Generic transparent until scroll */
.site-header.is-transparent:not(.is-scrolled) .site-header-inner{
  background:transparent!important;border-color:transparent!important;box-shadow:none!important
}

/* ——— Mobile responsiveness for all presets ——— */
@media(max-width:980px){
  .main-nav{display:none!important}
  .mobile-toggle{display:inline-grid!important;place-items:center}
  .header-layout-logo_center .mobile-toggle,
  .header-layout-logo_center_split .mobile-toggle{display:inline-grid!important}

  /* Flush header to the very top — no floating gap above the bar */
  .site-header{
    width:100%;
    overflow:visible;
    padding:0 !important;
    margin:0 !important;
    top:0;
  }
  .site-header .container.site-header-inner,
  .site-header-inner{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    align-items:center;
    gap:8px!important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    min-height:56px;
    padding:6px 12px!important;
    box-sizing:border-box;
    border-radius:0 !important;
    border-top:0 !important;
  }

  .header-layout-logo_center .site-brand,
  .header-layout-logo_center_split .site-brand,
  .header-layout-logo_top .site-brand{
    grid-column:2!important;justify-self:start!important;min-width:0!important
  }
  .header-layout-logo_center .header-actions,
  .header-layout-logo_center_split .header-actions,
  .header-layout-logo_top .header-actions,
  .header-layout-logo_left .header-actions{
    grid-column:3!important;justify-self:end!important
  }
  .mobile-toggle{grid-column:1;justify-self:start}

  .header-search-inline{display:none!important}
  .header-utility-text{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
  .header-utility-links{gap:8px;font-size:10px}

  .header-style-navy_bar .site-header-inner,
  .header-style-soft_line .site-header-inner,
  .header-style-dual_row .site-header-inner,
  .header-style-bar .site-header-inner{
    border-radius:0!important;width:100%!important;max-width:100%!important
  }

  /* Keep all presets flush on phone — no floating pill / top white band */
  .header-style-glass_pill .site-header-inner,
  .header-style-float_card .site-header-inner,
  .header-style-neon_edge .site-header-inner,
  .header-style-center_luxe .site-header-inner,
  .header-style-shop_split .site-header-inner,
  .header-style-cinema .site-header-inner,
  .header-style-pill .site-header-inner,
  .header-style-floating .site-header-inner,
  .header-style-light .site-header-inner{
    border-radius:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:6px 12px !important;
  }
  .header-style-glass_pill,
  .header-style-float_card,
  .header-style-neon_edge,
  .header-style-center_luxe,
  .header-style-shop_split,
  .header-style-cinema,
  .header-style-pill,
  .header-style-floating,
  .header-style-light{
    padding:0 !important;
    margin:0 !important;
    background:inherit;
  }

  .header-style-cinema:not(.is-scrolled) .site-header-inner{
    background:rgba(7,17,31,.35)!important;backdrop-filter:blur(10px)!important
  }

  .site-tagline{display:none}
  .header-actions{gap:5px;flex-shrink:0}
  .icon-btn,.mobile-toggle{width:40px;height:40px;flex:0 0 auto}
  .header-cart-count{min-width:16px;height:16px;font-size:9px}
}

@media(max-width:650px){
  .header-style-glass_pill,
  .header-style-float_card,
  .header-style-neon_edge,
  .header-style-center_luxe,
  .header-style-shop_split,
  .header-style-cinema,
  .header-style-minimal_icon{padding-top:0}

  .header-utility{display:none}
  .header-actions .header-design{display:none}
}

/* Ensure mobile menu works on dark presets */
.header-style-navy_bar .mobile-menu,
.header-style-neon_edge .mobile-menu{
  background:var(--midnight-2);border-color:rgba(255,255,255,.1)
}
.header-style-navy_bar .mobile-menu a,
.header-style-neon_edge .mobile-menu a{color:#fff}

/* Classic aliases kept for existing installs */
.header-style-pill .site-header-inner,
.header-style-floating .site-header-inner,
.header-style-light .site-header-inner{
  background:rgba(250,251,250,.92);
  backdrop-filter:blur(18px);
  border:1px solid rgba(8,20,38,.09);
  box-shadow:0 10px 36px rgba(8,20,38,.08)
}
.header-style-bar{padding:0}
.header-style-bar .site-header-inner{border-radius:0!important;max-width:100%;width:100%}
.header-style-midnight .site-header-inner,
.header-style-dark .site-header-inner{
  background:rgba(6,16,31,.94)!important;color:#fff;border-color:rgba(255,255,255,.08)
}
.header-style-midnight .main-nav a,
.header-style-dark .main-nav a{color:rgba(255,255,255,.82)}
.header-style-midnight .icon-btn,
.header-style-dark .icon-btn,
.header-style-midnight .mobile-toggle,
.header-style-dark .mobile-toggle{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff
}