/* Shared public-page nav controls: language switcher + auth (log in / sign up
   text buttons on desktop, single sign-in avatar icon on mobile).
   Used by the landing hero header and the guide top bar via
   templates/includes/public_nav.html. Two variants:
     .pubnav.hero   — translucent white, sits over the hero photo
     .pubnav.light  — solid, sits on a light top bar
   Single breakpoint (768px) for both pages. */

.pubnav{display:flex;align-items:center;gap:12px;}

/* Language switcher */
.pubnav .lang-switch{position:relative;}
.pubnav .lang-switch>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;
  font-size:0.9rem;padding:7px 12px;border-radius:8px;user-select:none;}
.pubnav .lang-switch>summary::-webkit-details-marker{display:none;}
.pubnav .lang-switch .caret{font-size:0.7rem;}
.pubnav .lang-menu{position:absolute;right:0;top:100%;margin-top:6px;background:#fff;border:1px solid #e6e3dc;
  border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.18);padding:6px;min-width:150px;z-index:60;display:flex;flex-direction:column;}
.pubnav .lang-opt{text-align:left;background:none;border:0;cursor:pointer;padding:8px 11px;border-radius:7px;
  font-size:0.92rem;color:#1a1a1a;white-space:nowrap;}
.pubnav .lang-opt:hover{background:#f3f1ec;}
.pubnav .lang-opt.active{font-weight:700;color:#2f6f4f;}

/* Auth buttons */
.pubnav-btn{padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:500;font-size:14px;display:inline-block;}
.pubnav-btn:hover{text-decoration:none;}
.pubnav .auth-icon{display:none;align-items:center;justify-content:center;padding:4px;}

/* ── Light variant (guide top bar) ───────────────────────────── */
.pubnav.light .lang-switch>summary{color:#4b5565;border:1px solid #e9eef3;background:#fff;}
.pubnav.light .lang-switch>summary:hover{background:#f5f7fa;}
.pubnav.light .pubnav-btn-ghost{color:#4b5565;border:1px solid #e9eef3;background:#fff;}
.pubnav.light .pubnav-btn-ghost:hover{background:#f5f7fa;color:#0d121c;}
.pubnav.light .pubnav-btn-primary{background:#1165ef;color:#fff;}
.pubnav.light .pubnav-btn-primary:hover{background:#0e55cc;}
.pubnav.light .auth-icon{color:#4b5565;}
.pubnav.light .auth-icon:hover{color:#0d121c;}

/* ── Hero variant (over the landing photo) ───────────────────── */
.pubnav.hero .lang-switch>summary{color:#fff;opacity:0.92;border:1px solid rgba(255,255,255,0.35);background:rgba(255,255,255,0.08);}
.pubnav.hero .lang-switch>summary:hover{background:rgba(255,255,255,0.18);}
.pubnav.hero .pubnav-btn-ghost{color:#fff;border:1px solid rgba(255,255,255,0.55);background:transparent;}
.pubnav.hero .pubnav-btn-ghost:hover{background:rgba(255,255,255,0.15);}
.pubnav.hero .pubnav-btn-primary{background:#fff;color:#1a1a1a;}
.pubnav.hero .pubnav-btn-primary:hover{background:#f3f1ec;}
.pubnav.hero .auth-icon{color:#fff;}

/* ── Mobile: globe-only switcher + collapse auth to the icon ──── */
@media (max-width:768px){
  .pubnav .lang-switch>summary{gap:0;padding:8px 10px;}
  .pubnav .lang-switch>summary .lang-name,
  .pubnav .lang-switch>summary .caret{display:none;}
  .pubnav .auth-full{display:none;}
  .pubnav .auth-icon{display:inline-flex;}
}