/* ReadThisAloud multilingual desktop header fit
   Keeps English and translated navigation clear of the logo while preserving
   the existing visual design. Load this AFTER rta-language-selector.css. */

@media (min-width: 1281px) {
  #nvrSiteHeader .nvr-navbar {
    gap: 10px !important;
  }

  /* Preserve the approved logo size, but do not allow the navigation to intrude into it. */
  #nvrSiteHeader .nvr-brand {
    flex: 0 0 390px !important;
    width: 390px !important;
    min-width: 390px !important;
    max-width: 390px !important;
  }

  #nvrSiteHeader .nvr-nav-actions {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 6px !important;
  }

  #nvrSiteHeader .nvr-desktop-nav {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 6px !important;
  }

  /* Let each label use the space it actually needs instead of forcing every
     language into the old fixed 82px button width. */
  #nvrSiteHeader .nvr-desktop-nav .nvr-nav-pill {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    min-height: 38px !important;
    padding: 0 9px !important;
    font-size: 0.75rem !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }

  #nvrSiteHeader .nvr-desktop-nav .rta-language-wrap {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
  }

  #nvrSiteHeader .nvr-desktop-nav .rta-language-select {
    width: 112px !important;
    min-width: 112px !important;
    height: 38px !important;
    padding-left: 31px !important;
    padding-right: 24px !important;
    font-size: 12px !important;
  }

  #nvrSiteHeader .nvr-desktop-nav .rta-language-wrap::before {
    left: 10px !important;
    font-size: 13px !important;
  }

  #nvrSiteHeader .nvr-desktop-nav .rta-language-wrap::after {
    right: 9px !important;
    font-size: 10px !important;
  }

  #nvrSiteHeader .nvr-nav-actions > .nvr-buy-pill {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    min-height: 40px !important;
    padding: 0 13px !important;
    font-size: 0.76rem !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }
}

/* At narrower desktop widths, switch to the existing hamburger before any
   translated label can crowd the logo. */
@media (min-width: 1181px) and (max-width: 1280px) {
  #nvrSiteHeader .nvr-desktop-nav,
  #nvrSiteHeader .nvr-nav-actions > .nvr-buy-pill {
    display: none !important;
  }

  #nvrSiteHeader .nvr-hamburger {
    display: inline-flex !important;
  }
}