/* ============================================================
   Big Apple Baby — Phase 3: site header refresh (Variant A)
   Single-row editorial header: Fraunces wordmark + terracotta dot,
   inline sentence-case Inter nav, sticky w/ blur. Drops the apple PNG
   and the header tagline. Loaded site-wide via the bab-article-extras
   mu-plugin. Uses the theme's existing --bab-* tokens.
   Reversible: remove the mu-plugin enqueue + this file.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600&display=swap');

/* Sticky, soft cream, blurred */
.site-header{ position:sticky; top:0; z-index:60; background:rgba(248,244,236,.9);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--bab-line); padding:0; }

/* Drop the apple PNG + the header tagline */
.bab-logo-link{ display:none !important; }
.bab-tagline{ display:none !important; }

/* Wordmark + terracotta dot */
.main-title a{ font-family:"Fraunces",Georgia,serif !important; font-weight:600 !important;
  font-size:26px !important; letter-spacing:-.02em; color:var(--bab-ink) !important; }
.main-title a:hover{ color:var(--bab-ink) !important; }
.main-title a::after{ content:""; display:inline-block; width:8px; height:8px; border-radius:50%;
  background:var(--bab-cta); margin-left:7px; transform:translateY(-2px); }

/* Nav: editorial sentence-case, no separate band */
.main-navigation{ background:transparent !important; border:0 !important; position:static !important; min-height:0 !important; }
.main-navigation .main-nav ul li a{ font-family:"Inter",-apple-system,"Segoe UI",sans-serif !important;
  text-transform:none !important; letter-spacing:.005em !important; font-size:14.5px !important;
  font-weight:500 !important; color:var(--bab-soft) !important; }
.main-navigation .main-nav ul li.current-menu-item a,
.main-navigation .main-nav ul li a:hover{ color:var(--bab-cta) !important; background:transparent !important; }

/* Desktop: single row, wordmark left / nav right */
@media(min-width:769px){
  .site-header .inside-header{ flex-direction:row !important; align-items:center;
    justify-content:space-between; flex-wrap:nowrap; min-height:70px; }
  .main-navigation .inside-navigation{ justify-content:flex-end; }
  .main-navigation .main-nav ul li{ margin-left:26px; }
  .main-navigation .main-nav ul li a{ padding:10px 0 !important; }
}
