/*
Theme Name: SeasonStyleTrends
Description: v3.2.5 — Go‑Live QA Ready (near-white palette, mega menu auto, mobile submenu, hero+logo preload, GA4/GSC slots).
Version: 3.2.5
License: GPL-2.0-or-later
Text Domain: seasonstyletrends
*/
:root{--bg:#F7F8FA;--surface:#fff;--text:#0E1116;--muted:#4B5563;--accent:#1F80FF;--line:rgba(0,0,0,.06)}
body.fw-palette{--bg:#0E1116;--surface:#11151b;--text:#E5E7EB;--muted:#A3AAB4;--accent:#60A5FA;--line:rgba(255,255,255,.08)}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:var(--accent);text-decoration:none}
.header,.footer{padding:14px 20px}.container{max-width:1140px;margin:0 auto;padding:0 16px}
.site-brand{display:flex;align-items:center;gap:14px}.site-brand img{display:block;width:148px;height:auto}
/* hero lighter */
.hero{padding:56px 0;background:linear-gradient(135deg,rgba(31,128,255,.06),rgba(96,165,250,.06));border-radius:16px}
/* cards */
.post-card{background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:12px;margin:12px 0;transition:all .2s ease}
.post-card:hover{box-shadow:0 6px 16px rgba(0,0,0,.06);transform:translateY(-1px)}
/* nav */
.nav ul{margin:0;padding:0;list-style:none;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
@media (min-width:980px){.nav ul.is-scrollable{flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.nav ul.is-scrollable::-webkit-scrollbar{display:none}}
.nav a{display:inline-block;padding:10px 6px;font-weight:600;white-space:nowrap;letter-spacing:.2px}
.nav>ul>li{position:relative}.nav li.menu-item-has-children>a::after{content:"▾";margin-left:6px;font-size:12px;opacity:.7}
/* dropdown + mega desktop */
@media (min-width:980px){
  .nav>ul>li>ul{position:absolute;left:0;top:100%;min-width:260px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;display:none;box-shadow:0 8px 24px rgba(0,0,0,.08)}
  .nav>ul>li:hover>ul{display:block}
  .nav>ul>li.mega>ul{display:none;width:780px;padding:16px;column-gap:24px}
  .nav>ul>li.mega:hover>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .nav>ul>li>ul a:hover{color:var(--accent);text-decoration:underline}
}
/* mobile: horizontal scroll + tap to open submenus */
@media (max-width:979px){
  .nav ul{display:flex;gap:12px;overflow:auto;padding-bottom:4px}
  .nav ul::-webkit-scrollbar{height:6px}
  .nav li.menu-item-has-children>a{padding-right:26px;position:relative}
  .nav li.menu-item-has-children>button.sub-toggle{position:absolute;right:2px;top:50%;transform:translateY(-50%);background:transparent;border:0;font-size:16px;line-height:1;padding:4px;cursor:pointer}
  .nav li>ul{display:none;border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--surface)}
  .nav li.open>ul{display:block}
}
/* breadcrumbs/meta */
.breadcrumb,.meta{color:var(--muted);font-size:.9rem}