/* EnFavori Seyahat — ana EnFavori navigasyon ve kurumsal kabuk senkronu */

/*
 * Masaüstü: ana EnFavori ile aynı görsel aile
 * - lacivert üst bant
 * - turkuaz ayırıcı
 * - beyaz ikinci seviye seyahat menüsü
 * - 1180px kurumsal footer ızgarası
 * Mobil uygulama kabuğuna dokunulmaz.
 */
@media (min-width:761px){
  .site-header{
    width:100%!important;
    min-height:127px!important;
    background:linear-gradient(
      to bottom,
      #142844 0,
      #142844 68px,
      #18d2c3 68px,
      #18d2c3 71px,
      #ffffff 71px,
      #ffffff 127px
    )!important;
    border-bottom:1px solid #dfe5ec!important;
    box-shadow:0 3px 14px rgba(13,27,45,.08)!important;
  }

  .site-header .header-row{
    width:min(1180px,calc(100% - 32px))!important;
    max-width:1180px!important;
    height:127px!important;
    min-height:127px!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-rows:68px 3px 56px!important;
    column-gap:24px!important;
    row-gap:0!important;
    align-items:center!important;
    position:relative!important;
  }

  .site-header .brand{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    min-width:0!important;
    height:68px!important;
    color:#fff!important;
  }

  .site-header .brand-logo{
    display:block!important;
    width:auto!important;
    height:40px!important;
    max-width:225px!important;
    object-fit:contain!important;
    filter:brightness(0) invert(1)!important;
  }

  .site-header .brand-divider{
    display:block!important;
    width:1px!important;
    height:30px!important;
    background:rgba(255,255,255,.28)!important;
  }

  .site-header .brand-section{
    color:#fff!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.065em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }

  .site-header .header-actions{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:9px!important;
    margin:0!important;
  }

  .site-header .account-link,
  .site-header .pwa-install-button{
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 14px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.055)!important;
    color:#fff!important;
    box-shadow:none!important;
    font-size:12.5px!important;
    line-height:1!important;
    font-weight:800!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
  }

  .site-header .account-link:hover,
  .site-header .pwa-install-button:hover{
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.30)!important;
    transform:translateY(-1px)!important;
  }

  .site-header .pwa-install-button[hidden]{display:none!important}
  .site-header .mobile-menu-button{display:none!important}

  .site-header .desktop-nav{
    grid-column:1 / -1!important;
    grid-row:3!important;
    width:100%!important;
    height:56px!important;
    min-width:0!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:20px!important;
    padding:0!important;
    margin:0!important;
    position:static!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }

  .site-header .desktop-nav::-webkit-scrollbar{display:none!important}

  .site-header .desktop-nav a{
    flex:0 0 auto!important;
    height:56px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-bottom:3px solid transparent!important;
    border-radius:0!important;
    background:transparent!important;
    color:#182235!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  .site-header .desktop-nav a:hover,
  .site-header .desktop-nav a.is-current{
    color:#142844!important;
    border-bottom-color:#18d2c3!important;
  }

  .site-header .desktop-nav > a{order:10!important}
  .site-header .desktop-nav > a:first-child{order:1!important}
  .site-header .desktop-nav > a[href*="/oteller"]{order:2!important}
  .site-header .desktop-nav > a[href*="/tatil-yerleri"]{order:3!important}
  .site-header .desktop-nav > a[href*="/ucuslar"]{order:4!important}
  .site-header .desktop-nav > a[href*="/arac-kiralama"]{order:5!important}
  .site-header .desktop-nav > a[href*="/turlar"]{order:6!important}
  .site-header .desktop-nav > a[href*="/transfer"]{order:7!important}

  .site-footer-v2{
    width:100%!important;
    margin-top:44px!important;
    padding:0!important;
    background:linear-gradient(180deg,#0b1828 0%,#081522 100%)!important;
    border-top:1px solid rgba(255,255,255,.05)!important;
    overflow:hidden!important;
  }

  .site-footer-v2 > .shell{
    width:min(1180px,calc(100% - 32px))!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .site-footer-v2 .footer-v2-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    align-items:start!important;
    padding:40px 0 30px!important;
  }

  .site-footer-v2 .footer-brand-v2,
  .site-footer-v2 .footer-column-v2{
    min-width:0!important;
    padding-left:15px!important;
    padding-right:15px!important;
  }

  .site-footer-v2 .footer-brand-v2{padding-left:0!important}
  .site-footer-v2 .footer-column-v2:last-child{padding-right:0!important}

  .site-footer-v2 .footer-brand-v2 img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:190px!important;
    margin:0 0 16px!important;
    filter:brightness(0) invert(1)!important;
  }

  .site-footer-v2 .footer-brand-v2 .footer-section-name{
    display:block!important;
    margin:0 0 12px!important;
    color:#eef5fb!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:800!important;
  }

  .site-footer-v2 .footer-brand-v2 p{
    max-width:290px!important;
    margin:0!important;
    color:#94a8bd!important;
    font-size:13px!important;
    line-height:1.7!important;
  }

  .site-footer-v2 .footer-column-v2 strong{
    display:block!important;
    margin:0 0 18px!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:800!important;
  }

  .site-footer-v2 .footer-column-v2 a{
    display:block!important;
    margin:0 0 10px!important;
    color:#9db0c4!important;
    font-size:13px!important;
    line-height:1.45!important;
    text-decoration:none!important;
  }

  .site-footer-v2 .footer-column-v2 a:hover{color:#fff!important;transform:none!important}

  .site-footer-v2 .footer-bottom-v2{
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    margin:0!important;
    padding:18px 0!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    color:#7f93a8!important;
    font-size:11px!important;
    line-height:1.45!important;
  }

  .site-footer-v2 .footer-partner-note{max-width:650px!important;text-align:right!important}
}

@media (min-width:761px) and (max-width:991px){
  .site-header .header-row,
  .site-footer-v2 > .shell{width:min(100% - 28px,920px)!important}

  .site-header .brand-logo{height:34px!important;max-width:190px!important}
  .site-header .brand-section{font-size:12px!important}
  .site-header .desktop-nav{gap:18px!important}
  .site-header .desktop-nav a{font-size:13.5px!important}
  .site-header .pwa-install-button{display:none!important}

  .site-footer-v2 .footer-v2-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    row-gap:28px!important;
  }

  .site-footer-v2 .footer-brand-v2,
  .site-footer-v2 .footer-column-v2{padding:0 14px!important}

  .site-footer-v2 .footer-brand-v2,
  .site-footer-v2 .footer-column-v2:nth-child(3){padding-left:0!important}
  .site-footer-v2 .footer-column-v2:nth-child(2),
  .site-footer-v2 .footer-column-v2:last-child{padding-right:0!important}
}

@media (max-width:760px){
  body{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}

  .mobile-app-nav{
    left:14px!important;
    right:14px!important;
    bottom:10px!important;
    height:76px!important;
    padding:5px!important;
    border:1px solid #dce5ee!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 14px 36px rgba(13,33,56,.16)!important;
    overflow:hidden;
  }

  .mobile-app-nav a{
    position:relative;
    border-radius:16px;
    gap:3px!important;
    min-height:64px;
    color:#6f8196!important;
    font-size:10px!important;
    font-weight:800!important;
    transition:background .18s ease,color .18s ease,transform .18s ease;
  }

  .mobile-app-nav a:hover{transform:translateY(-1px)}
  .mobile-app-nav a.is-active{background:#e8faf7!important;color:#119b8d!important}

  .mobile-app-nav .nav-icon{width:25px!important;height:25px!important;color:currentColor}
  .mobile-app-nav .nav-icon svg{width:22px;height:22px;display:block;stroke:currentColor}

  .mobile-app-nav .nav-count{
    position:absolute;
    top:5px;
    right:calc(50% - 25px);
    min-width:17px;
    height:17px;
    padding:0 4px;
    border-radius:999px;
    display:grid;
    place-items:center;
    background:#eef2f6;
    color:#6c8197;
    font-size:8px;
    font-weight:900;
  }

  .travel-mobile-nav > a,
  .travel-mobile-nav > button{order:10!important}
  .travel-mobile-nav > a:first-child{order:1!important}
  .travel-mobile-nav > a[href*="/oteller"]{order:2!important}
  .travel-mobile-nav > a[href*="/tatil-yerleri"]{order:3!important}
  .travel-mobile-nav > a[href*="/ucuslar"]{order:4!important}
  .travel-mobile-nav > button{order:5!important}
}

body.is-travel-home a.destination-photo-card,
body.is-travel-page a.destination-v2-card .destination-v2-photo{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center!important;
}

body.is-travel-home a.destination-photo-card[aria-label^="Antalya"],
body.is-travel-page a.destination-v2-card[aria-label^="Antalya"] .destination-v2-photo{
  background-image:url('https://images.unsplash.com/photo-1756316121345-01c7d0a82861?auto=format&fit=crop&w=1600&q=86')!important;
  background-position:center 48%!important;
}
body.is-travel-home a.destination-photo-card[aria-label^="Bodrum"],
body.is-travel-page a.destination-v2-card[aria-label^="Bodrum"] .destination-v2-photo{
  background-image:url('https://images.unsplash.com/photo-1767884161153-067d6274309e?auto=format&fit=crop&w=1600&q=86')!important;
  background-position:center 50%!important;
}
body.is-travel-home a.destination-photo-card[aria-label^="İstanbul"],
body.is-travel-page a.destination-v2-card[aria-label^="İstanbul"] .destination-v2-photo{
  background-image:url('https://images.unsplash.com/photo-1761932852250-bcc20a8f89b8?auto=format&fit=crop&w=1600&q=86')!important;
  background-position:center 46%!important;
}
body.is-travel-home a.destination-photo-card[aria-label^="İzmir"],
body.is-travel-page a.destination-v2-card[aria-label^="İzmir"] .destination-v2-photo{
  background-image:url('https://images.unsplash.com/photo-1686088842612-8a998a80263f?auto=format&fit=crop&w=1600&q=86')!important;
  background-position:center 58%!important;
}
body.is-travel-home a.destination-photo-card[aria-label^="Kapadokya"],
body.is-travel-page a.destination-v2-card[aria-label^="Kapadokya"] .destination-v2-photo{
  background-image:url('https://images.unsplash.com/photo-1523618084-5586c1703251?auto=format&fit=crop&w=1600&q=86')!important;
  background-position:center 54%!important;
}
body.is-travel-home a.destination-photo-card[aria-label^="Trabzon"],
body.is-travel-page a.destination-v2-card[aria-label^="Trabzon"] .destination-v2-photo{
  background-image:url('https://images.unsplash.com/photo-1745767487923-0249f04546d8?auto=format&fit=crop&w=1600&q=86')!important;
  background-position:center 52%!important;
}

body.is-travel-home a.destination-photo-card[aria-label] > img,
body.is-travel-page a.destination-v2-card[aria-label] .destination-v2-photo > img{
  opacity:0!important;
  visibility:hidden!important;
}

body.is-travel-home .destination-photo-card:after{
  background:linear-gradient(180deg,rgba(4,18,31,0) 28%,rgba(4,18,31,.08) 57%,rgba(4,18,31,.68) 100%)!important;
}
body.is-travel-page .destination-v2-photo:after{
  background:linear-gradient(180deg,rgba(6,22,39,0) 46%,rgba(6,22,39,.42) 100%)!important;
}

/* 18.08 — ana sayfa mobil arama */
@media (max-width:760px){
  body.is-travel-home .ef-hero{
    min-height:320px!important;
    background-position:center center!important;
  }

  body.is-travel-home .ef-hero-inner{
    padding:16px 0 28px!important;
  }

  body.is-travel-home .ef-hero-brand{
    margin-bottom:26px!important;
  }

  body.is-travel-home .ef-search-wrap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:14px 12px 0!important;
    background:#f7f9fc!important;
    position:relative!important;
    z-index:10!important;
  }

  body.is-travel-home .ef-search-wrap::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    left:50%!important;
    width:100vw!important;
    transform:translateX(-50%)!important;
    background:#f7f9fc!important;
    z-index:-1!important;
    pointer-events:none!important;
  }

  body.is-travel-home .ef-search-card{
    margin:0!important;
    padding:9px!important;
    border:1px solid #dfe6ed!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  body.is-travel-home .ef-field{
    min-height:56px!important;
    border-radius:12px!important;
  }

  body.is-travel-home .ef-field-destination{
    min-height:60px!important;
  }

  body.is-travel-home .ef-search-button{
    box-shadow:none!important;
  }

  body.is-travel-home .ef-shortcuts{
    padding:14px 0 10px!important;
  }
}

/* İstanbul otel vitrini: kalpler tek ölçü, ortalı ve kesilmeden görünür */
body.is-travel-home .ef-hotel-heart{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  z-index:4!important;
  width:38px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(16,35,63,.10)!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(12,34,58,.13)!important;
  color:#ff5b76!important;
  font-size:0!important;
  line-height:1!important;
  pointer-events:none!important;
}

body.is-travel-home .ef-hotel-heart::before{
  content:"♡"!important;
  display:block!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:700!important;
  transform:translateY(-1px)!important;
}

@media (max-width:760px){
  body.is-travel-home .ef-hotel-heart{
    top:9px!important;
    right:9px!important;
    width:34px!important;
    height:34px!important;
  }
  body.is-travel-home .ef-hotel-heart::before{font-size:19px!important}
}

/* 18.08 — desktop header: ana EnFavori ile aynı dikey ölçü ve menü ritmi */
@media (min-width:992px){
  .site-header{
    min-height:101px!important;
    background:linear-gradient(
      to bottom,
      #142844 0,
      #142844 52px,
      #18d2c3 52px,
      #18d2c3 55px,
      #ffffff 55px,
      #ffffff 101px
    )!important;
  }

  .site-header .header-row{
    height:101px!important;
    min-height:101px!important;
    grid-template-rows:52px 3px 46px!important;
  }

  .site-header .brand{
    height:52px!important;
    gap:11px!important;
  }

  .site-header .brand-logo{
    height:38px!important;
    max-width:215px!important;
  }

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

  .site-header .brand-section{
    font-size:12.5px!important;
    letter-spacing:.055em!important;
  }

  .site-header .header-actions{
    gap:8px!important;
  }

  .site-header .account-link,
  .site-header .pwa-install-button{
    min-height:36px!important;
    padding:0 12px!important;
    border-radius:9px!important;
    font-size:11.5px!important;
  }

  .site-header .desktop-nav{
    height:46px!important;
    gap:18px!important;
  }

  .site-header .desktop-nav a{
    height:46px!important;
    border-bottom-width:2px!important;
    font-size:13px!important;
  }
}

/* 18.08 — gerçek EnFavori public shell standardı: 62px header + 3px ayırıcı + 52px nav */
@media (min-width:992px){
  .site-header{
    min-height:117px!important;
    background:linear-gradient(
      to bottom,
      #142844 0,
      #142844 62px,
      #18d2c3 62px,
      #18d2c3 65px,
      #ffffff 65px,
      #ffffff 117px
    )!important;
  }

  .site-header .header-row{
    height:117px!important;
    min-height:117px!important;
    grid-template-rows:62px 3px 52px!important;
  }

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

  .site-header .brand-logo{
    height:34px!important;
    max-width:214px!important;
  }

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

  .site-header .brand-section{
    font-size:13px!important;
    letter-spacing:.055em!important;
  }

  .site-header .header-actions{gap:8px!important}

  .site-header .account-link,
  .site-header .pwa-install-button{
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:8px!important;
    font-size:12px!important;
  }

  .site-header .desktop-nav{
    height:52px!important;
    gap:16px!important;
  }

  .site-header .desktop-nav a{
    height:52px!important;
    border-bottom-width:2px!important;
    font-size:14px!important;
    font-weight:700!important;
  }
}

@media (min-width:1200px){
  .site-header .desktop-nav{
    justify-content:space-between!important;
    gap:0!important;
  }
}

/* 20.08 — sadeleştirilmiş navigasyon ve sağlam sayfa yüksekliği */
html{
  min-height:100%!important;
  background:#0d1b2d!important;
}

body{
  min-height:100vh!important;
  min-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
  background:#f7f9fc!important;
}

body > .site-header{
  flex:0 0 auto!important;
}

body > main{
  flex:1 0 auto!important;
  width:100%!important;
}

body > .hm-footer-container{
  flex:0 0 auto!important;
  width:100%!important;
  margin-top:0!important;
}

/* Henüz gerçek akışı olmayan sayfaları menüden kaldır; rotalar yerinde kalsın. */
.site-header .desktop-nav > a[href*="/arac-kiralama"],
.site-header .desktop-nav > a[href*="/turlar"],
.site-header .desktop-nav > a[href*="/transfer"]{
  display:none!important;
}

/* Footer'da da aynı ölü uçları ve kendi sayfasına tekrar linki gösterme. */
.hm-footer-menu-kesfet{
  display:none!important;
}

.hm-footer-menu-enfavori .hm-footer-list li:nth-child(2){
  display:none!important;
}

@media (min-width:992px){
  .hm-footer-main{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:900px!important;
  }
}

@media (max-width:767.98px){
  body{
    padding-bottom:0!important;
  }

  .mobile-app-nav,
  .travel-mobile-nav{
    display:none!important;
  }

  .hm-footer-container{
    margin-top:0!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
}