/* ==================================================================
   KAEVA COUNSELLING 10.35 — CONSISTENT DESKTOP HEADER
   Keeps the booking CTA and all three language choices visible.
   ================================================================== */

@media (min-width: 1131px) {
  .nav .navin {
    width: min(1480px, calc(100% - 48px));
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
  }

  .nav .brand {
    width: 168px !important;
    max-width: none !important;
  }

  .nav .links {
    min-width: 0;
    justify-content: flex-end;
    gap: clamp(10px, 1vw, 18px);
  }

  .nav .links > a:not(.btn) {
    font-size: clamp(.76rem, .78vw, .84rem);
  }

  .nav .nav-cta {
    min-height: 44px;
    padding: 10px 16px;
    font-size: .82rem;
    white-space: nowrap;
  }

  .nav .nav-actions {
    flex: 0 0 auto;
    min-width: max-content;
  }
}

/* Use compact language labels before the header becomes crowded. */
@media (min-width: 1131px) and (max-width: 1500px) {
  .language-label-full {
    display: none !important;
  }

  .language-label-short {
    display: inline !important;
  }

  .language-button {
    min-width: 35px;
    padding-inline: 9px;
    font-size: .78rem;
  }
}

@media (min-width: 1131px) and (max-width: 1280px) {
  .nav .navin {
    gap: 13px;
  }

  .nav .brand {
    width: 152px !important;
  }

  .nav .links {
    gap: 9px;
  }

  .nav .links > a:not(.btn) {
    font-size: .74rem;
  }

  .nav .nav-cta {
    padding-inline: 13px;
    font-size: .77rem;
  }
}

/* The booking target should not sit underneath the sticky header. */
#booking-options {
  scroll-margin-top: 112px;
}