/* 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;}
}

/* ── v3: search made prominent (2026-10-03) ──────────────────────────────────
 * Susan: "with the work we have done on search, people will miss it". The
 * header search button becomes solid navy (white on the transparent header),
 * with a "Search" label on wide screens; phones keep the round icon (the
 * header is already tight at 360–393px). The homepage hero gets a real search
 * box (markup in avada-child/front-page.php) that submits to /search/. */
.wuc-search-btn{background:var(--wuc-navy) !important;border-color:var(--wuc-navy) !important;color:#fff !important;gap:8px;}
.wuc-search-btn:hover{background:var(--wuc-sky) !important;border-color:var(--wuc-sky) !important;color:#fff !important;}
.wuc-header.wuc-transparent .wuc-search-btn{background:rgba(255,255,255,.95) !important;border-color:transparent !important;color:var(--wuc-navy) !important;}
.wuc-search-label{display:none;}
@media (min-width:1280px){
  .wuc-search-btn{width:auto;padding:0 16px 0 13px;border-radius:999px;}
  .wuc-search-label{display:inline;font-family:var(--wuc-sans);font-size:14px;font-weight:600;line-height:1;}
}

/* Homepage hero search */
.wuc-hero .wuc-hero-sub{margin-bottom:24px;}
.wuc-hero-search{display:flex;align-items:center;gap:10px;max-width:640px;margin:0 0 28px;padding:6px 6px 6px 20px;
  background:#fff;border-radius:999px;box-shadow:0 14px 40px -12px rgba(0,0,0,.5);}
.wuc-hero-search svg{flex-shrink:0;color:var(--wuc-mist);}
.wuc-hero-search input{flex:1;min-width:0;padding:12px 0;border:0 !important;outline:0;background:transparent !important;box-shadow:none !important;
  font-family:var(--wuc-sans);font-size:17px;color:var(--wuc-ink);}
.wuc-hero-search input::placeholder{color:var(--wuc-mist);opacity:1;}
.wuc-hero-search button{flex-shrink:0;border:0;border-radius:999px;padding:13px 24px;background:var(--wuc-orange);color:#fff;cursor:pointer;
  font-family:var(--wuc-serif);font-size:15px;font-weight:800;transition:background .2s;}
.wuc-hero-search button:hover{background:var(--wuc-orange2);}
.wuc-hero-search:focus-within{box-shadow:0 0 0 3px rgba(240,120,66,.45),0 14px 40px -12px rgba(0,0,0,.5);}
@media (max-width:600px){
  .wuc-hero-search{padding:5px 5px 5px 14px;gap:8px;margin-bottom:22px;}
  .wuc-hero-search input{font-size:16px;padding:10px 0;} /* 16px: no iOS zoom on focus */
  .wuc-hero-search button{padding:11px 16px;font-size:14px;}
}