/*
 * Kayra Patent final visible header polish.
 *
 * This file deliberately has a new URL.  Earlier fixes were appended to a
 * previously cached stylesheet, so browsers kept rendering the compact
 * localized header.  Keep these selectors desktop-only and localized-only;
 * the Turkish site header and every mobile drawer remain untouched.
 */

@media (min-width: 1121px) {
  html body header.localized-header.localized-header.localized-header.localized-header
  > .container > .localized-brand.localized-brand.localized-brand {
    flex: 0 0 clamp(170px, 13.5vw, 206px) !important;
    width: clamp(170px, 13.5vw, 206px) !important;
    min-width: clamp(170px, 13.5vw, 206px) !important;
    max-width: clamp(170px, 13.5vw, 206px) !important;
    margin-inline-end: 0 !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  > .container > .localized-brand.localized-brand.localized-brand .brand-lockup {
    gap: clamp(7px, .6vw, 9px) !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  > .container > .localized-brand.localized-brand.localized-brand .brand-lockup > img {
    flex: 0 0 clamp(48px, 3.8vw, 54px) !important;
    width: clamp(48px, 3.8vw, 54px) !important;
    height: clamp(46px, 3.7vw, 52px) !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  > .container > .localized-brand.localized-brand.localized-brand .brand-wordmark {
    flex: 0 0 clamp(115px, 9.2vw, 136px) !important;
    width: clamp(115px, 9.2vw, 136px) !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  > .container > .localized-brand.localized-brand.localized-brand .brand-name strong,
  html body header.localized-header.localized-header.localized-header.localized-header
  > .container > .localized-brand.localized-brand.localized-brand .brand-name b {
    font-size: calc(clamp(19px, 1.45vw, 22px) + 2px) !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  nav.localized-main-nav.localized-main-nav.localized-main-nav
  > .mobile-drawer-scroll.mobile-drawer-scroll.mobile-drawer-scroll {
    gap: clamp(5px, .42vw, 8px) !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  nav.localized-main-nav.localized-main-nav.localized-main-nav
  > .mobile-drawer-scroll.mobile-drawer-scroll.mobile-drawer-scroll > a,
  html body header.localized-header.localized-header.localized-header.localized-header
  nav.localized-main-nav.localized-main-nav.localized-main-nav
  > .mobile-drawer-scroll.mobile-drawer-scroll.mobile-drawer-scroll
  > .localized-nav-group.localized-nav-group > button,
  html body header.localized-header.localized-header.localized-header.localized-header
  > .container > .localized-quote.localized-quote.localized-quote {
    font-family: var(--font-oswald), Oswald, Arial, sans-serif !important;
    font-size: clamp(13px, 1.05vw, 17px) !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 1501px) {
  /* All seven translations were measured with their real labels.  They fit
     at the same 17 px cap used by Turkish, so no language is needlessly
     miniaturized. */
  html body header.localized-header.localized-header.localized-header.localized-header
  nav.localized-main-nav.localized-main-nav.localized-main-nav
  > .mobile-drawer-scroll.mobile-drawer-scroll.mobile-drawer-scroll > a,
  html body header.localized-header.localized-header.localized-header.localized-header
  nav.localized-main-nav.localized-main-nav.localized-main-nav
  > .mobile-drawer-scroll.mobile-drawer-scroll.mobile-drawer-scroll
  > .localized-nav-group.localized-nav-group > button,
  html body header.localized-header.localized-header.localized-header.localized-header
  > .container > .localized-quote.localized-quote.localized-quote {
    font-size: 17px !important;
  }
}

/* Restore the approved Turkish homepage CE/GAR alignment. */
.home-page .kayra-ce-home-directory > .container {
  width: min(1280px, calc(100% - 72px)) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
}

@media (max-width: 720px) {
  .home-page .kayra-ce-home-directory > .container {
    width: min(100% - 28px, 1280px) !important;
  }
}