/* WUC main menu v2 (2026-09-30) — dropdowns (desktop) + accordion (phone).
 * Loaded after wuc-nav.css; markup from wuc_render_nav_menu() in wuc-nav-snippet.php,
 * behaviour in wuc-nav-v16.js. A new file (not an edit to wuc-nav.css) because the
 * host caches CSS for ~10 years under the same name. */

/* ── Desktop dropdowns ───────────────────────────────────────────────────── */
.wuc-menu{gap:4px;}
.wuc-menu-item{position:relative;}
.wuc-menu-top{display:flex;align-items:center;gap:6px;font-family:var(--wuc-sans);font-size:14px;font-weight:600;letter-spacing:-.01em;
  padding:8px 12px;border:0;border-radius:8px;background:none;color:var(--wuc-slate);cursor:pointer;white-space:nowrap;transition:.2s;}
.wuc-menu-top:hover,.wuc-menu-item.open .wuc-menu-top,.wuc-menu-item:has(:focus-visible) .wuc-menu-top{background:var(--wuc-sand);color:var(--wuc-navy);}
.wuc-menu-top:focus-visible{outline:2px solid var(--wuc-sky);outline-offset:2px;}
.wuc-menu-caret{transition:transform .2s;opacity:.7;}
.wuc-menu-item.open .wuc-menu-caret{transform:rotate(180deg);}

/* padding-top bridges the gap so the menu doesn't close on the way down */
.wuc-menu-dd{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:8px;min-width:200px;z-index:1000000;}
.wuc-menu-dd::before{content:"";position:absolute;inset:8px 0 0 0;background:#fff;border:1px solid var(--wuc-line);border-radius:12px;
  box-shadow:0 16px 40px -12px rgba(27,63,110,.25);z-index:-1;}
.wuc-menu-item.open .wuc-menu-dd,.wuc-menu-item:has(:focus-visible) .wuc-menu-dd{display:block;}
@media (hover:hover){.wuc-menu-item:hover .wuc-menu-dd{display:block;}}

.wuc-nav-links.wuc-menu .wuc-menu-dd a{display:block;margin:0 6px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;
  color:var(--wuc-ink) !important;background:none;white-space:nowrap;text-decoration:none;}
.wuc-menu-dd a:first-child{margin-top:6px;}
.wuc-menu-dd a:last-child{margin-bottom:6px;}
.wuc-nav-links.wuc-menu .wuc-menu-dd a:hover,.wuc-nav-links.wuc-menu .wuc-menu-dd a:focus-visible{background:var(--wuc-sand);color:var(--wuc-navy) !important;outline:none;}

/* ── Phone accordion (inside #wuc-mobile-drawer) ─────────────────────────── */
.wuc-mobile-drawer{flex-direction:column;}
.wuc-mobile-drawer.open{max-height:calc(100vh - var(--wuc-h));overflow-y:auto;overscroll-behavior:contain;}
.wuc-mm-group{border-bottom:1px solid var(--wuc-line);}
.wuc-mm-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:15px 24px;cursor:pointer;
  font-family:var(--wuc-sans);font-size:16px;font-weight:700;color:var(--wuc-navy);}
.wuc-mm-group summary::-webkit-details-marker{display:none;}
.wuc-mm-group summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--wuc-mist);border-bottom:2px solid var(--wuc-mist);
  transform:rotate(45deg);margin-top:-4px;transition:transform .2s;}
.wuc-mm-group[open] summary::after{transform:rotate(-135deg);margin-top:4px;}
.wuc-mobile-drawer .wuc-mm-group a{padding:12px 24px 12px 40px;font-size:15px;font-weight:500;border-bottom:0;}
.wuc-mm-group[open]{padding-bottom:8px;background:var(--wuc-sand);}

/* ── v2: narrow phones (2026-09-30) ──────────────────────────────────────────
 * On an iPhone 15 Pro (393px) logo + search + This Weekend + hamburger were
 * ~26px wider than the screen, pushing the hamburger off the right edge (inner
 * pages since before menu v1.6; homepage since its button became This Weekend).
 * Tighter padding/gaps and a logo that shrinks to fit; checked at 393 and 360px.
 * The img selector covers the homepage logo too (inline height, no class). */
@media (max-width:480px){
  .wuc-header-inner{padding:0 14px !important;gap:8px !important;}
  .wuc-logo-link{min-width:0;flex-shrink:1;}
  .wuc-logo-link img{height:auto !important;max-height:30px !important;width:auto !important;max-width:100% !important;}
  .wuc-header-right{gap:8px !important;}
  .wuc-search-btn{width:34px;height:34px;}
  .wuc-this-weekend{font-size:12px !important;padding:7px 11px !important;}
  .wuc-hamburger{width:28px;padding:4px 0;}
}