/* RHDI header: keep the full desktop navigation on one line. */
.site-header > div:first-child > div:first-child > a:first-child {
  flex: none;
}

.site-header > div:first-child > div:first-child > a:first-child img {
  display: block;
  width: clamp(84px, 7vw, 113px);
  height: auto;
  max-height: 48px;
  object-fit: contain;
}

@media (min-width: 1280px) {
  .site-header > div:first-child > div:first-child {
    gap: clamp(8px, calc(2.4vw - 22px), 16px);
  }

  .site-header > div:first-child > div:first-child > nav {
    --rhdi-nav-size: clamp(11px, calc(0.49vw + 4.68px), 12px);
    --rhdi-nav-padding: clamp(3px, calc(2.2vw - 25px), 13.5px);
    flex: 1 0 auto;
    flex-wrap: nowrap;
    justify-content: space-evenly;
  }

  .site-header > div:first-child > div:first-child > nav > div {
    flex: none;
  }

  .site-header > div:first-child > div:first-child > nav > div > :is(a, button) {
    font-size: var(--rhdi-nav-size);
    letter-spacing: 0.015em;
    padding-inline: var(--rhdi-nav-padding);
    white-space: nowrap;
    gap: 4px;
  }

  .site-header > div:first-child > div:first-child > nav > div > :is(a, button) > svg {
    flex: none;
  }

  .site-header > div:first-child > div:first-child > nav > div > a[href="/watch-live"] {
    gap: 6px;
  }

  .site-header > div:first-child > div:first-child > nav > div > a[href="/watch-live"] > span {
    flex: none;
  }

  .site-header > div:first-child > div:first-child > nav > div:nth-last-child(-n+3) > div.absolute {
    left: auto;
    right: 0;
  }

  .site-header > div:first-child > div:first-child > div:last-child {
    flex: none;
    gap: clamp(8px, 0.8vw, 13.5px);
  }

  .site-header > div:first-child > div:first-child > div:last-child > a[href="/donate"] {
    padding-inline: clamp(14px, calc(3vw - 24px), 22.5px);
    white-space: nowrap;
  }
}