@font-face { font-family: Inter; src: url("../fonts/InterVariable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
/* Loaded only on Home. Shared navigation behavior and auth hooks are retained. */
.home-page #navbar-placeholder { width: calc(100% - 64px); max-width: 1376px; margin: 32px auto 0; position: relative; z-index: 20; font-family: Inter,sans-serif; }
.home-page #navbar-placeholder .navbar { position: relative; inset: auto; width: 100%; min-height: 72px; padding: 12px; display: flex; gap: 24px; align-items: center; border: 1px solid var(--color-border); border-radius: 16px; background: var(--home-card); box-shadow: none; }
.home-page #navbar-placeholder .navbar-logo { display: inline-flex; gap: 10px; flex: 0 0 auto; align-items: center; }
.home-page #navbar-placeholder .logo-icon { width: 32px; height: 32px; border: 0; background: none; border-radius: 6px; }
.home-page #navbar-placeholder .logo-icon img { display: block; width: 32px; height: 32px; object-fit: cover; border-radius: 6px; }
.home-page #navbar-placeholder .logo-text { font: 600 16px/24px Inter,sans-serif; color: var(--color-text); white-space: nowrap; }
.home-page #navbar-placeholder .logo-text span { color: inherit !important; }
.home-page #navbar-placeholder .navbar-nav { display: flex; flex: 1; justify-content: center; align-items: center; gap: 4px; }
.home-page #navbar-placeholder .navbar-nav a { display: flex; min-height: 36px; align-items: center; padding: 6px 10px; font: 500 14px/20px Inter,sans-serif; color: var(--color-text-muted); white-space: nowrap; border-radius: 999px; }
.home-page #navbar-placeholder .navbar-nav a.active { background: var(--color-surface-2); outline: 1px solid var(--color-border-emphasis); color: var(--color-text) !important; }
.home-page #navbar-placeholder .navbar-right { display: flex; gap: 12px; margin-left: auto; align-items: center; }
.home-page #navbar-placeholder .navbar-status { display: none; }
.home-page #navbar-placeholder #navAuthBtn { min-height: 44px; padding: 10px 18px; border-radius: 999px !important; white-space: nowrap; background: var(--color-primary) !important; }
.home-page #navbar-placeholder #navAuthBtn svg { display: none; }
.home-page .home-theme-button { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; color: var(--color-text); background: var(--color-surface-2); border: 1px solid var(--color-border); border-radius: 12px; }
.home-page .home-theme-button svg { width: 20px; height: 20px; }
.home-page .home-locale { display: inline-flex; gap: 8px; padding: 8px 12px; align-items: center; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-surface-2); font-size: 13px; }
.home-page .home-locale-flag { width: 20px; height: 14px; background: linear-gradient(90deg,#009246 33.33%,#fff 33.33%,#fff 66.66%,#ce2b37 66.66%); }
.home-page #navbar-placeholder .navbar-hamburger { display: none; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; border-radius: 12px; color: var(--color-text-muted); }
.home-page #navbar-placeholder .mobile-menu { position: absolute; inset: calc(100% + 8px) 0 auto; display: none; padding: 18px; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); box-shadow: 0 12px 32px #0003; }
.home-page #navbar-placeholder .mobile-menu.open { display: block; }
.home-page #navbar-placeholder .mobile-menu a { display: flex; align-items: center; min-height: 44px; color: var(--color-text-muted); }
.home-page #navbar-placeholder .mobile-menu button { width: 100%; min-height: 44px; margin-top: 12px; }
.home-page #navbar-placeholder :is(a,button):focus-visible { outline: 2px solid var(--color-blue); outline-offset: 3px; }
@media (max-width: 1250px) {
  .home-page #navbar-placeholder { width: calc(100% - 32px); margin-top: 16px; }
  .home-page #navbar-placeholder .navbar-nav { display: none; }
  .home-page #navbar-placeholder .navbar-hamburger { display: inline-flex; }
}
@media (max-width: 600px) {
  .home-page #navbar-placeholder #navAuthBtn, .home-page #navbar-placeholder .home-locale { display: none; }
  .home-page #navbar-placeholder .navbar { gap: 8px; }
  .home-page #navbar-placeholder .navbar-hamburger { border: 1px solid var(--color-border); background: var(--color-surface); }
  .home-page #navbar-placeholder .navbar-right { gap: 4px; }
  .home-page #navbar-placeholder .home-theme-button { width: 44px; min-width: 44px; border: 1px solid var(--color-border); background: var(--color-surface); }
}

.home-page:not([data-theme="light"]) .home-theme-button .theme-sun, .home-page[data-theme="light"] .home-theme-button .theme-moon { display: none; }

.home-page[data-theme="light"] #navbar-placeholder .navbar { background: var(--color-surface); }