/*
 * Kayra Patent — targeted correction after final UI review (2026-08-21).
 * Scope: quote-page flow, localized homepage rollback and desktop header rhythm.
 */

/* Restore normal document flow everywhere except real quote pages. */
main.localized-site:not(.localized-quote-page) {
  display: block !important;
}

main.localized-site:not(.localized-quote-page) > * {
  order: initial !important;
}

/* Localized homepages keep their approved slider, four cards and references;
   the separate enquiry form belongs only on the quote page. */
main.localized-home-complete > .localized-form-section {
  display: none !important;
}

/* Match Turkish quote order: header, form, then supporting content. */
main.localized-site.localized-quote-page,
main.en-request-a-quote {
  display: flex !important;
  flex-direction: column !important;
}

main.localized-site.localized-quote-page > .localized-topbar,
main.en-request-a-quote > .localized-topbar { order: -100; }
main.localized-site.localized-quote-page > .localized-header,
main.en-request-a-quote > .localized-header { order: -90; }
main.localized-site.localized-quote-page > .skip-target,
main.en-request-a-quote > .skip-target { order: -80; }
main.localized-site.localized-quote-page > .localized-menu-backdrop,
main.en-request-a-quote > .localized-menu-backdrop { order: -70; }
main.localized-site.localized-quote-page > .localized-form-section,
main.en-request-a-quote > .quote-first-view { order: -60; }
main.localized-site.localized-quote-page > .breadcrumb { order: -50; }
main.localized-site.localized-quote-page > .localized-hero,
main.en-request-a-quote > .corporate-hero { order: -40; }
main.localized-site.localized-quote-page > .localized-overview { order: -30; }
main.localized-site.localized-quote-page > .localized-section { order: -20; }
main.localized-site.localized-quote-page > .localized-footer,
main.en-request-a-quote > .localized-footer { order: 100; }

/* Desktop translated header: Turkish brand scale plus a real visual gap before
   the first menu item.  Specificity intentionally beats older rescue rules. */
@media (min-width: 1121px) {
  html body header.localized-header.localized-header.localized-header.localized-header
  > .container {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    width: min(1600px, calc(100% - 80px)) !important;
    max-width: 1600px !important;
    margin-inline: auto !important;
  }

  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: clamp(16px, 1.35vw, 26px) !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  nav.localized-main-nav.localized-main-nav.localized-main-nav {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !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 {
    box-sizing: border-box !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    gap: clamp(8px, .65vw, 13px) !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 {
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: 0 !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 {
    box-sizing: border-box !important;
    width: max-content !important;
    min-width: 0 !important;
    padding-inline: 0 !important;
    font-family: var(--font-oswald), "Oswald", Arial, sans-serif !important;
    font-size: clamp(13px, 1vw, 16px) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  > .container > .localized-quote.localized-quote.localized-quote {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    margin-inline-start: clamp(14px, 1vw, 20px) !important;
    padding-inline: clamp(11px, .85vw, 17px) !important;
    font-family: var(--font-oswald), "Oswald", Arial, sans-serif !important;
    font-size: clamp(13px, 1vw, 16px) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  html body header.localized-header.localized-header.localized-header.localized-header
  > .container > .desktop-header-language {
    flex: 0 0 auto !important;
    margin-inline-start: 10px !important;
  }
}

@media (min-width: 1121px) and (max-width: 1500px) {
  html body header.localized-header[data-locale="de"].localized-header.localized-header.localized-header,
  html body header.localized-header[data-locale="az"].localized-header.localized-header.localized-header,
  html body header.localized-header[data-locale="uz"].localized-header.localized-header.localized-header,
  html body header.localized-header[data-locale="ru"].localized-header.localized-header.localized-header {
    --kayra-long-nav-size: clamp(12px, .94vw, 14px);
  }

  html body header.localized-header[data-locale="de"].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,
  html body header.localized-header[data-locale="az"].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,
  html body header.localized-header[data-locale="uz"].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,
  html body header.localized-header[data-locale="ru"].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(6px, .5vw, 9px) !important;
  }

  html body header.localized-header[data-locale="de"].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[data-locale="de"].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[data-locale="az"].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[data-locale="az"].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[data-locale="uz"].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[data-locale="uz"].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[data-locale="ru"].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[data-locale="ru"].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[data-locale="de"].localized-header.localized-header.localized-header > .container > .localized-quote.localized-quote.localized-quote,
  html body header.localized-header[data-locale="az"].localized-header.localized-header.localized-header > .container > .localized-quote.localized-quote.localized-quote,
  html body header.localized-header[data-locale="uz"].localized-header.localized-header.localized-header > .container > .localized-quote.localized-quote.localized-quote,
  html body header.localized-header[data-locale="ru"].localized-header.localized-header.localized-header > .container > .localized-quote.localized-quote.localized-quote {
    font-size: var(--kayra-long-nav-size) !important;
  }
}

@media (min-width: 1501px) {
  html body header.localized-header[data-locale="en"].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[data-locale="en"].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[data-locale="fr"].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[data-locale="fr"].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[data-locale="ar"].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[data-locale="ar"].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[data-locale="en"].localized-header.localized-header.localized-header > .container > .localized-quote.localized-quote.localized-quote,
  html body header.localized-header[data-locale="fr"].localized-header.localized-header.localized-header > .container > .localized-quote.localized-quote.localized-quote,
  html body header.localized-header[data-locale="ar"].localized-header.localized-header.localized-header > .container > .localized-quote.localized-quote.localized-quote {
    font-size: 17px !important;
  }

  html body header.localized-header[data-locale="de"].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[data-locale="de"].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[data-locale="az"].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[data-locale="az"].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[data-locale="uz"].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[data-locale="uz"].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[data-locale="ru"].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[data-locale="ru"].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[data-locale="de"].localized-header.localized-header.localized-header > .container > .localized-quote.localized-quote.localized-quote,
  html body header.localized-header[data-locale="az"].localized-header.localized-header.localized-header > .container > .localized-quote.localized-quote.localized-quote,
  html body header.localized-header[data-locale="uz"].localized-header.localized-header.localized-header > .container > .localized-quote.localized-quote.localized-quote,
  html body header.localized-header[data-locale="ru"].localized-header.localized-header.localized-header > .container > .localized-quote.localized-quote.localized-quote {
    font-size: 16px !important;
  }
}