/* Canonical navigation for the three /app discovery sections. */
.discovery-section-switcher { display:grid; gap:8px; margin:0 0 16px; padding:0 0 14px; border-bottom:1px solid var(--line, rgba(15,23,42,.12)); }
.discovery-section-switcher-label { color:var(--muted, #667085); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.discovery-section-switcher-links { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:5px; }
.discovery-section-switcher-links a { display:flex; align-items:center; justify-content:center; min-height:34px; padding:0 7px; border:1px solid var(--line, #dbe3ee); border-radius:9px; color:var(--muted, #4b5563); background:var(--surface, #fff); font:700 12px/1 DM Sans, system-ui, sans-serif; text-decoration:none; }
.discovery-section-switcher-links a:hover { border-color:var(--nav-active, #2f80ed); color:var(--text, #14132e); }
.discovery-section-switcher-links a[aria-current="page"] { border-color:var(--nav-active, #2f80ed); color:var(--text, #14132e); background:color-mix(in srgb, var(--nav-active, #2f80ed) 12%, var(--surface, #fff)); }
.discovery-section-switcher-links a:focus-visible { outline:3px solid color-mix(in srgb, var(--nav-active, #2f80ed) 40%, transparent); outline-offset:2px; }
html[data-theme="dark"] .discovery-section-switcher { border-color:rgba(255,255,255,.13); }
html[data-theme="dark"] .discovery-section-switcher-links a { border-color:rgba(255,255,255,.15); color:#b8c0cc; background:rgba(255,255,255,.04); }
html[data-theme="dark"] .discovery-section-switcher-links a[aria-current="page"] { border-color:rgba(255,255,255,.32); color:#f0f1f5; background:rgba(255,255,255,.11); }
.site-shell > .nav-global.qualoo-discovery-navbar { min-height:80px !important; background:var(--qualoo-midnight-frame, #07080C) !important; }
.site-shell > .nav-global.qualoo-discovery-navbar > .container { width:100% !important; max-width:none !important; padding:0 28px !important; }
.site-shell > .nav-global.qualoo-discovery-navbar .nav-inner { position:relative; width:100% !important; max-width:none !important; min-height:80px !important; display:grid !important; grid-template-columns:auto 1fr auto !important; align-items:center !important; gap:16px !important; padding:12px 0 !important; }
.site-shell > .nav-global.qualoo-discovery-navbar .nav-brand { grid-column:1; justify-self:start !important; min-height:40px !important; }
.site-shell > .nav-global.qualoo-discovery-navbar .nav-brand img { height:28px !important; width:auto !important; }
.site-shell > .nav-global.qualoo-discovery-navbar .nav-tabs { position:absolute; left:50%; transform:translateX(-50%); grid-column:auto; justify-self:auto !important; margin:0; padding:4px !important; gap:3px !important; background:rgba(255,255,255,.10) !important; border:1px solid rgba(255,255,255,.22) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.site-shell > .nav-global.qualoo-discovery-navbar .nav-tab { min-height:38px; padding:0 18px !important; display:inline-flex; align-items:center; justify-content:center; color:rgba(255,255,255,.82) !important; }
.site-shell > .nav-global.qualoo-discovery-navbar .nav-tab.active { color:#fff !important; font-weight:900 !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); }
.site-shell > .nav-global.qualoo-discovery-navbar .nav-tab:focus-visible { outline:3px solid rgba(255,255,255,.88); outline-offset:3px; }
.site-shell > .nav-global.qualoo-discovery-navbar .nav-actions { grid-column:3; justify-self:end !important; }
.site-shell > .nav-global.qualoo-discovery-navbar .theme-toggle,
.site-shell > .nav-global.qualoo-discovery-navbar .account-link { width:40px !important; height:40px !important; border-radius:999px !important; }
.site-shell > .nav-global.qualoo-discovery-navbar .stays-prefs-trigger { min-height:40px !important; border-radius:999px !important; }
@media (max-width:760px) {
  .site-shell > .nav-global.qualoo-discovery-navbar > .container { padding:0 12px !important; }
  .site-shell > .nav-global.qualoo-discovery-navbar .nav-inner { grid-template-columns:auto minmax(0,1fr) auto !important; min-height:58px !important; padding:8px 0 !important; }
  .site-shell > .nav-global.qualoo-discovery-navbar .nav-tabs { position:static; transform:none; grid-column:2; justify-self:stretch !important; margin:0 !important; }
  .site-shell > .nav-global.qualoo-discovery-navbar .nav-mobile-menu { grid-column:3; }
  .site-shell > .nav-global.qualoo-discovery-navbar .nav-actions { grid-column:auto; }
}

/* Hotel detail sits directly beneath body rather than inside .site-shell. Keep
   its generated discovery navbar on the same contract, including hiding the
   mobile-only menu at desktop widths. */
body > .nav-global.qualoo-discovery-navbar { min-height:80px !important; background:var(--qualoo-midnight-frame, #07080C) !important; }
body > .nav-global.qualoo-discovery-navbar > .container { width:100% !important; max-width:none !important; padding:0 28px !important; }
body > .nav-global.qualoo-discovery-navbar .nav-inner { position:relative; width:100% !important; max-width:none !important; min-height:80px !important; display:grid !important; grid-template-columns:auto 1fr auto !important; align-items:center !important; gap:16px !important; margin:0 !important; padding:12px 0 !important; }
body > .nav-global.qualoo-discovery-navbar .nav-brand { grid-column:1; justify-self:start !important; min-height:40px !important; }
body > .nav-global.qualoo-discovery-navbar .nav-brand img { height:28px !important; width:auto !important; }
body > .nav-global.qualoo-discovery-navbar .nav-tabs { position:absolute; left:50%; transform:translateX(-50%); grid-column:auto; justify-self:auto !important; margin:0; padding:4px !important; gap:3px !important; background:rgba(255,255,255,.10) !important; border:1px solid rgba(255,255,255,.22) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
body > .nav-global.qualoo-discovery-navbar .nav-tab { min-height:38px; padding:0 18px !important; display:inline-flex; align-items:center; justify-content:center; color:rgba(255,255,255,.82) !important; }
body > .nav-global.qualoo-discovery-navbar .nav-tab.active { color:#fff !important; font-weight:900 !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); }
body > .nav-global.qualoo-discovery-navbar .nav-tab:focus-visible { outline:3px solid rgba(255,255,255,.88); outline-offset:3px; }
body > .nav-global.qualoo-discovery-navbar .nav-actions { grid-column:3; justify-self:end !important; }
body > .nav-global.qualoo-discovery-navbar .theme-toggle,
body > .nav-global.qualoo-discovery-navbar .account-link { width:40px !important; height:40px !important; border-radius:999px !important; }
body > .nav-global.qualoo-discovery-navbar .stays-prefs-trigger { min-height:40px !important; border-radius:999px !important; }
body > .nav-global.qualoo-discovery-navbar .nav-mobile-menu { display:none !important; }
@media (max-width:760px) {
  body > .nav-global.qualoo-discovery-navbar > .container { padding:0 12px !important; }
  body > .nav-global.qualoo-discovery-navbar .nav-inner { grid-template-columns:auto minmax(0,1fr) auto !important; min-height:58px !important; padding:8px 0 !important; }
  body > .nav-global.qualoo-discovery-navbar .nav-tabs { position:static; transform:none; grid-column:2; justify-self:stretch !important; margin:0 !important; }
  body > .nav-global.qualoo-discovery-navbar .nav-mobile-menu { display:inline-grid !important; grid-column:3; place-items:center; width:36px; height:36px; padding:0; border:1px solid rgba(255,255,255,.18); border-radius:10px; background:rgba(255,255,255,.06); color:#f0f1f5; font-size:17px; line-height:1; cursor:pointer; }
  body > .nav-global.qualoo-discovery-navbar .nav-actions { grid-column:auto; }
}