/* Secondary "more" menu: hamburger button to the right of the logo,
   opening a full slide-in drawer (like Teal Swan's site) rather than a small dropdown. */
.nav-brand{display:flex;align-items:center;gap:10px}
.more-menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:rgba(184,134,11,.12);border:1px solid rgba(240,192,96,.35);border-radius:10px;cursor:pointer;padding:0;transition:all .3s ease;flex-shrink:0}
.more-menu-btn:hover{background:rgba(184,134,11,.25);border-color:rgba(240,192,96,.6)}
.more-menu-btn span{display:block;width:16px;height:2px;background:#f0c060;border-radius:2px}

.more-menu-overlay{position:fixed;inset:0;z-index:499;background:rgba(8,4,1,.6);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.more-menu-overlay.open{opacity:1;visibility:visible}

.more-menu-panel{position:fixed;top:0;right:0;bottom:0;z-index:500;width:360px;max-width:82vw;background:rgba(16,8,2,.98);backdrop-filter:blur(20px);border-left:1px solid rgba(184,134,11,.25);box-shadow:-16px 0 60px rgba(0,0,0,.5);padding:90px 36px 40px;display:flex;flex-direction:column;gap:2px;transform:translateX(105%);transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto}
.more-menu-panel.open{transform:translateX(0)}
.more-menu-close{position:absolute;top:18px;left:20px;width:40px;height:40px;border-radius:10px;background:rgba(184,134,11,.12);border:1px solid rgba(240,192,96,.35);color:#f0c060;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}
.more-menu-close:hover{background:rgba(184,134,11,.25);border-color:rgba(240,192,96,.6)}
.more-menu-panel a{display:block;padding:18px 0;font-family:'Frank Ruhl Libre',serif;font-size:22px;font-weight:700;color:rgba(240,230,200,.85);text-decoration:none;border-bottom:1px solid rgba(184,134,11,.12);transition:color .25s ease,padding-right .25s ease}
.more-menu-panel a:last-child{border-bottom:none}
.more-menu-panel a:hover{color:#f0c060;padding-right:8px}

@media(max-width:480px){
  .more-menu-panel{width:100%;max-width:100%;padding:84px 28px 32px}
}

/* The old mobile-only hamburger + dropdown (.hamburger-btn/.mobile-menu) is
   retired - it used to show alongside this drawer on narrow screens (two
   hamburgers at once). Its links are merged into this drawer by site-nav.js
   instead, so hiding it everywhere is safe - it was never shown above 768px
   in the first place. */
.hamburger-btn,.mobile-menu{display:none!important}

/* Hide the floating "?" help button while the drawer is open, so it doesn't overlap it. */
.more-menu-overlay.open ~ .help-btn,
.more-menu-overlay.open ~ .help-btn-tooltip{display:none}

/* WhatsApp button pinned inside the drawer, like Teal Swan's chat bubble.
   Selectors are scoped as ".more-menu-panel a.more-menu-wa" to out-specificity
   the generic ".more-menu-panel a" link styling (padding/border/display) above. */
.more-menu-panel a.more-menu-wa{position:absolute;bottom:28px;right:32px;width:56px;height:56px;margin:0;padding:0;border:none;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.25),0 2px 5px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease}
.more-menu-panel a.more-menu-wa:hover{transform:scale(1.06);box-shadow:0 6px 16px rgba(0,0,0,.3),0 3px 7px rgba(0,0,0,.22)}
.more-menu-panel a.more-menu-wa svg{display:block;width:28px;height:28px}

/* Login CTA pill - single prominent button at the top of the drawer,
   above the plain link list. Matches the old .mobile-menu-cta look
   (not .nav-cta, the subtler desktop navbar pill) - fully self-contained
   so nothing from .more-menu-panel a (the separator-line rule) leaks in. */
.pc-cta-group{margin:0 0 20px}
.more-menu-panel .pc-cta-group > a{
  display:block;text-align:center;margin:0;
  padding:14px 28px;border-radius:50px;
  border:1px solid rgba(240,192,96,.5);
  background:linear-gradient(135deg,rgba(184,134,11,.4),rgba(139,69,19,.3));
  color:#f0c060!important;
  font-family:Assistant,sans-serif;font-size:17px;font-weight:700;letter-spacing:.04em;
  transition:all .3s ease;
}
.more-menu-panel .pc-cta-group > a:hover{padding-right:28px;border-color:rgba(240,192,96,.85)}

body.light-theme .more-menu-btn{background:rgba(140,100,10,.12)!important;border-color:rgba(140,100,10,.35)!important}
body.light-theme .more-menu-btn span{background:#7a5500!important}
body.light-theme .more-menu-panel{background:rgba(245,234,208,.98)!important;border-left-color:rgba(140,100,10,.25)!important}
body.light-theme .more-menu-close{background:rgba(140,100,10,.12)!important;border-color:rgba(140,100,10,.35)!important;color:#7a5500!important}
body.light-theme .more-menu-panel a{color:rgba(58,42,16,.8)!important;border-bottom-color:rgba(140,100,10,.15)!important}
body.light-theme .more-menu-panel a:hover{color:#7a5500!important}