/**
 * TwoTune Web — desktop/wide public header scale (visual only).
 * Applies from 1280px+; does not alter routes, auth, or mobile/tablet nav patterns.
 */

@media (min-width: 1280px) {
  .nav-inner,
  .top-nav-inner {
    min-height: 86px;
    gap: 22px;
  }

  .header-wordmark {
    height: 48px;
  }

  .nav > .nav-inner > .nav-center,
  .top-nav > .top-nav-inner > .nav-links,
  .nav-center,
  .nav-links {
    gap: 10px;
    padding: 7px;
  }

  .nav > .nav-inner > .nav-center > a,
  .top-nav > .top-nav-inner > .nav-links > a,
  .nav-center a,
  .nav-links a {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 42px;
    padding: 10px 16px;
    font-size: 0.92rem;
  }

  .user-chip,
  .icon-btn,
  .account-chip,
  #top-user-identity .user-chip,
  #tt-nav-auth-zone .account-chip,
  #tt-nav-auth-zone-player .account-chip,
  .auth-zone .account-chip {
    min-height: 42px;
    font-size: 0.92rem;
  }

  /* Course Detail only: .page-content:has(#course-detail-page) exists only on course-detail.html */
  .page-content:has(#course-detail-page) .top-nav {
    min-height: calc(86px + 26px);
    align-items: center;
  }

  .user-avatar,
  .user-avatar-fallback {
    width: 26px;
    height: 26px;
  }

  /* Discovery entry templates — scoped nav CSS beats generic .top-nav-inner rules */
  .people-profile-page .top-nav-inner,
  .series-profile-page .top-nav-inner,
  .conversations-home .top-nav-inner {
    min-height: 86px;
    gap: 22px;
  }

  .people-profile-page .nav-links,
  .series-profile-page .nav-links,
  .conversations-home .nav-links {
    gap: 10px;
    padding: 7px;
  }

  .people-profile-page .nav-links a,
  .series-profile-page .nav-links a,
  .conversations-home .nav-links a {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 42px;
    padding: 10px 16px;
    font-size: 0.92rem;
  }

  .people-profile-page .user-controls .icon-btn,
  .series-profile-page .user-controls .icon-btn,
  .conversations-home .icon-btn,
  .conversations-home .user-chip {
    min-height: 42px;
    font-size: 0.92rem;
  }

  .people-profile-page .account-chip,
  .series-profile-page .account-chip,
  .conversations-home .account-chip,
  .people-profile-page .user-controls .account-chip,
  .series-profile-page .user-controls .account-chip,
  .conversations-home .user-controls .account-chip {
    min-height: 42px;
    font-size: 0.92rem;
  }
}

@media (min-width: 1920px) {
  .nav > .nav-inner > .nav-center > a,
  .top-nav > .top-nav-inner > .nav-links > a,
  .nav-center a,
  .nav-links a,
  .people-profile-page .nav-links a,
  .series-profile-page .nav-links a,
  .conversations-home .nav-links a {
    padding-left: 17px;
    padding-right: 17px;
  }

  .nav-inner,
  .top-nav-inner,
  .people-profile-page .top-nav-inner,
  .series-profile-page .top-nav-inner,
  .conversations-home .top-nav-inner {
    gap: 24px;
  }
}