/**
 * Innet — header fit (§1e Overflow / fit)
 * Mid-width: hide tagline before overlap; one chrome row; compress nav padding.
 * Load after header-dock.css / chrome-tools.css.
 * Phone ≤767 lives in mobile-contract.css — do not wrap tools here.
 */

/* Priority 4: tagline first to go. Mid belt is 768–1024; frames ~1100 still collide. */
@media (max-width: 1279px) {
  .header-left .tagline {
    display: none !important;
  }
}

/* Priority 5: auth keeps a short label on phone/mid; compress padding */
@media (max-width: 1099px) {
  .auth-status__label {
    display: inline !important;
    font-size: 0.6875rem;
    font-weight: 500;
    max-width: 4.2em;
  }

  .auth-status__toggle {
    padding-inline: 0.35rem 0.4rem;
    align-self: center;
  }
}

/* Mid: one row. Lamps stay --solo until 1280 (js relocateHeaderStatus).
   Do not shrink member nav — «Поддержать» must not paint over «Вы». */
@media (min-width: 768px) and (max-width: 1279px) {
  .header-shell {
    padding-inline: clamp(0.5rem, 1.5vw, 1.25rem);
  }

  .header-inner--v3 {
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.35rem;
  }

  .header-inner--v3 .header-left {
    flex: 0 0 auto;
    max-width: none;
    min-width: 0;
  }

  .header-inner--v3 > .header-status,
  .header-inner--v3 > .header-status--solo {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    min-width: 0;
  }

  .header-inner--v3 .nav-pill.nav-desktop {
    flex: 0 1 auto;
    min-width: 0;
    margin-inline: 0.35rem 0.15rem;
  }

  .header-inner--v3 .nav-member-inline,
  .header-inner--v3 .nav-member-inline.nav-pill {
    flex: 0 0 auto;
    flex-shrink: 0;
    min-width: min-content;
    margin-inline: 0.35rem 0.25rem;
  }

  .nav-pill > .header-status {
    flex: 0 0 auto;
    margin-inline-end: 0.45rem;
  }

  .header-status__label {
    display: none;
  }

  .nav-pill .header-status__chip,
  .header-status--solo .header-status__chip {
    min-width: 2.5rem;
    width: 2.5rem;
    padding: 0;
    justify-content: center;
  }

  /* Keep default 2.1rem display chips — 2.5rem was overflowing 900. Aa+ stays visible. */

  .nav-pill a,
  .nav-member-inline a,
  .nav-member-inline.nav-pill a,
  .nav-pill--member a {
    flex-shrink: 0;
    white-space: nowrap;
    padding: 0.3rem 0.4rem;
    font-size: 0.8125rem;
  }

  .header-inner--v3 .header-actions {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    justify-content: flex-end;
    min-width: min-content;
    margin-inline-start: auto;
    gap: 0.25rem;
  }

  .header-tools {
    gap: 0.2rem;
  }

  .logo-mark.logo-mark--img {
    flex-shrink: 0;
    width: clamp(4.25rem, 3.2vw + 2.4rem, 5.25rem);
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .nav-pill a,
  .nav-member-inline a,
  .nav-member-inline.nav-pill a,
  .nav-pill--member a {
    padding: 0.25rem 0.28rem;
    font-size: 0.75rem;
    min-height: 2.1rem;
  }

  .nav-pill .header-status__chip,
  .header-status--solo .header-status__chip {
    min-width: 2.1rem;
    width: 2.1rem;
  }

  .logo-mark.logo-mark--img {
    flex-shrink: 0;
    width: clamp(3.25rem, 2.8vw + 1.8rem, 4.1rem);
  }

  .header-left .logo-text {
    font-size: 0.92em;
  }

  .header-shell {
    padding-inline: 0.4rem;
  }

  .header-inner--v3 .nav-member-inline,
  .header-inner--v3 .nav-member-inline.nav-pill {
    margin-inline: 0.1rem;
  }
}

@media (min-width: 768px) and (max-width: 820px) {
  .header-tools__display--art .lang-dropdown__toggle,
  .header-tools__display--art .vision-large-btn,
  .header-tools__display--art .vision-cb-btn,
  .header-tools__display--art .mood-switch,
  .header-tools__display--art .theme-cycle-btn,
  .header-tools__display .lang-dropdown__toggle,
  .header-tools__display .vision-large-btn,
  .header-tools__display .vision-cb-btn,
  .header-tools__display .theme-cycle-btn,
  .header-tools__display .mood-switch {
    width: 1.8rem;
    min-width: 1.8rem;
    max-width: 1.8rem;
    height: 1.8rem;
    min-height: 1.8rem;
    max-height: 1.8rem;
  }

  .nav-pill .header-status__chip,
  .header-status--solo .header-status__chip {
    min-width: 1.8rem;
    width: 1.8rem;
  }

  .nav-pill a,
  .nav-member-inline a,
  .nav-member-inline.nav-pill a,
  .nav-pill--member a {
    padding: 0.2rem 0.18rem;
  }

  .header-left .logo-text {
    font-size: 0.78em;
  }

  .logo-mark.logo-mark--img {
    width: 3rem;
  }

  .header-tools__display {
    gap: 0;
    padding: 0.08rem;
  }
}

/* Aa+ / vision large: tagline already off ≤1279. Do not hide Aa+.
   Mid-hide label is existing pattern — do not copy onto phone.
   Equal min-width/height so the chip is a circle, not a tall egg. */
@media (min-width: 768px) and (max-width: 1279px) {
  html[data-vision~="large"] .auth-status__label {
    display: none !important;
  }

  html[data-vision~="large"] .auth-status__toggle {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    max-width: 44px;
    max-height: 44px;
    padding: 0;
    justify-content: center;
  }

  html[data-vision~="large"] .nav-pill a {
    padding-inline: 0.45rem;
    font-size: 0.8125rem;
  }
}

/* Crowded chrome / Glass squeeze / mid: Кабинет lives in hamburger + hero + auth menu.
   Do not add a third Кабинет in the header. Donate is footer (768+) and #nav-mobile. */
@media (max-width: 1279px) {
  .header-inner--v3 .nav-member-inline,
  .header-inner--v3 .nav-member-inline.nav-pill,
  body.is-member-page .header-inner--v3 .nav-member-inline,
  body.is-member-page .header-inner--v3 .nav-member-inline.nav-pill {
    display: none !important;
  }
}