/* EnFavori Seyahat — desktop shell lock
 * Ana EnFavori public shell referansı:
 * - Bootstrap 4 .container: 960px (>=992), 1140px (>=1200)
 * - 15px sağ/sol iç boşluk
 * - header 62px + 3px ayırıcı + 52px menü = 117px
 * - logo max 34px
 *
 * Bu dosya yalnızca masaüstü ölçü/hizalama katmanıdır.
 * Veri, kart içeriği, fiyat, API ve mobil akışlara dokunmaz.
 */

@media (min-width: 992px) {
  html {
    background: #0d1b2d !important;
  }

  html body {
    background: #f6f8fb !important;
  }

  html body > .hm-footer-container {
    margin-bottom: 0 !important;
  }

  html body .shell,
  html body.is-travel-home .ef-home-shell,
  html body .site-header .header-row.shell,
  html body .site-footer-v2 > .shell,
  html body.is-travel-home .site-header .header-row,
  html body.is-travel-home .site-footer-v2 > .shell {
    width: 100% !important;
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }

  html body .site-header {
    min-height: 117px !important;
    background: linear-gradient(
      to bottom,
      #142844 0,
      #142844 62px,
      #18d2c3 62px,
      #18d2c3 65px,
      #ffffff 65px,
      #ffffff 117px
    ) !important;
  }

  html body .site-header .header-row.shell,
  html body.is-travel-home .site-header .header-row {
    height: 117px !important;
    min-height: 117px !important;
    grid-template-rows: 62px 3px 52px !important;
    column-gap: 24px !important;
  }

  html body .site-header .brand {
    height: 62px !important;
    gap: 11px !important;
  }

  html body .site-header .brand-logo {
    width: auto !important;
    height: 34px !important;
    max-width: 214px !important;
    object-fit: contain !important;
  }

  html body .site-header .brand-divider {
    height: 26px !important;
  }

  html body .site-header .brand-section {
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .055em !important;
  }

  html body .site-header .header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    margin-left: auto !important;
    white-space: nowrap !important;
  }

  html body .site-header .account-link,
  html body .site-header .pwa-install-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  html body .site-header .desktop-nav {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 24px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  html body .site-header .desktop-nav a {
    flex: 0 0 auto !important;
    height: 52px !important;
    min-height: 52px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-bottom-width: 2px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  html body.is-hotel-detail .ef-hotel-gallery,
  html body.is-hotel-detail .hotel-gallery {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .site-footer-v2 > .shell,
  html body.is-travel-home .site-footer-v2 > .shell {
    width: 100% !important;
    max-width: 960px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 1200px) {
  html body .shell,
  html body.is-travel-home .ef-home-shell,
  html body .site-header .header-row.shell,
  html body .site-footer-v2 > .shell,
  html body.is-travel-home .site-header .header-row,
  html body.is-travel-home .site-footer-v2 > .shell {
    max-width: 1140px !important;
  }

  html body .site-header .desktop-nav {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    gap: 24px !important;
    overflow-x: hidden !important;
  }

  html body .site-header .desktop-nav a {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 14px !important;
  }

  html body .site-footer-v2 > .shell,
  html body.is-travel-home .site-footer-v2 > .shell {
    max-width: 1140px !important;
  }
}

/* Mobilde document kesinlikle yatay kaymaz. */
@media (max-width: 767.98px) {
  html {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    overscroll-behavior-x: none !important;
  }

  html body {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: clip !important;
    overscroll-behavior-x: none !important;
  }

  html body > main,
  html body .ef-home,
  html body .site-header,
  html body .site-header .header-row,
  html body > .hm-footer-container {
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }

  html body.is-travel-home .ef-home-shell {
    max-width: calc(100vw - 24px) !important;
  }

  html body.is-travel-home .ef-search-wrap::before {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
  }

  html body .site-header .desktop-nav {
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    clip-path: inset(0 0 0 100%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: clip-path .28s ease, opacity .16s ease !important;
    will-change: clip-path, opacity !important;
  }

  html body .site-header .desktop-nav.is-open {
    transform: none !important;
    clip-path: inset(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }

  html body .site-header:has(.desktop-nav.is-open) .mobile-menu-button {
    position: fixed !important;
    top: 7px !important;
    right: 10px !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 1065 !important;
  }
}