/*
 * Ortak çerçeve (üst menü + altbilgi) düzeltmeleri.
 *
 * Ajansın `site-navigation.css` dosyası OLDUĞU GİBİ durur; burada yalnızca onun üzerine
 * binen düzeltmeler var. Her tema sayfasında yüklenir (tur detayları dahil), bu yüzden
 * tasarım sisteminin değişkenlerine DEĞİL tur temasının paletine dayanır.
 */

/* Telefon/tabletteki (≤1100px) hamburger menünün "Yardım & iletişim" kutucukları: metin
   ORTALI ve gerçek bir düğme gibi (hap kenar, kalın yazı). Kutu stilini ajans `brand.css`te
   veriyor ama o dosya tur sayfalarında YÜKLENMEZ; burada verilince her sayfada aynı görünür.
   Üst şeritteki aynı bağlantılar ≤1100px'te zaten gizli (site-navigation.css), yalnızca
   duyuru kalır. */
@media (max-width: 1100px) {
  .site-navigation .mobile-nav-utility > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .site-navigation .mobile-nav-utility > div > a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    text-align: center;
    min-height: 50px;
    padding: 12px 14px;
    border: 1px solid #cfdcd4;
    border-radius: 30px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.4;
  }

  .site-navigation .mobile-nav-utility > div > .participant-login {
    background: #193e34;
    border-color: #193e34;
    color: #fff;
  }

  .site-navigation .mobile-nav-phone {
    justify-content: center;
    width: 100%;
  }
}

/* "Biz Kimiz?" açılırının oku, "Turlarımız"daki ile aynı SVG olsun (ajansın CSS'i burada
   metin karakteri `⌄` basıyordu ve yazı tipine göre kayık duruyordu). */
.site-navigation .about-menu > summary::after { content: none }

.site-navigation .about-menu > summary svg,
.site-navigation .tours-toggle svg {
  flex-shrink: 0;
  transition: transform .15s;
}

.site-navigation .about-menu[open] > summary svg,
.site-navigation .tours-dropdown .tours-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

/* Üst şeritte duyuru yoksa yardım bağlantıları SAĞDA kalır (space-between onları sola alıyordu). */
.site-navigation .site-topbar.is-bare>.container{justify-content:flex-end}

/* Tur kahramanı ile bölüm menüsü arasındaki boşluk her turda AYNI olsun.
   Ajansın `tour-collection` katmanı `margin` kısayoluyla north katmanının
   `margin-bottom:24px` değerini siliyordu; koleksiyon turlarında kahraman menüye
   yapışık, kuzey/avrupa turlarında 24px boşluklu çiziliyordu. 700px altında ajans
   kahramanı tam genişliğe alıp boşluğu kaldırır, orada ona uyulur. */
.tour-story .journal-hero { margin-bottom: 24px }
@media (max-width: 700px) {
  .tour-story .journal-hero { margin-bottom: 0 }
}

/* "Turlarımız" mega menüsü: bölge sayısı 4'e çıktı (Vizesiz Turlar eklendi) ve ajansın üç
   kolonlu ızgarası dördüncüyü alt satıra atıyordu. Kolonlar eşit genişlikte dörde çıkarılır,
   menü de buna göre bir miktar genişler. 1100px altında ajans ızgarayı zaten tek kolona
   indiriyor (akordeon), oraya dokunulmaz. */
@media (min-width: 1101px) {
  .site-navigation .tours-menu { width: min(1180px, calc(100vw - 48px)) }

  .site-navigation .mega-regions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }
}

/* Tur hikâyelerindeki eski adres çapaları (<span class="legacy-anchor" id="tarihler">…): bölümün İLK
   çocuğu olarak durur. Grid bölümlerde (ör. Kuzey Avrupa'nın `.g-budget`'ı) boş bir hücre kaplayıp
   içeriği çaprazlama kaydırıyordu; akıştan çıkarılır, bölümün başında #hedef olarak kalır. */
.legacy-anchor { position: absolute; width: 0; height: 0; overflow: hidden }

/* "Gün gün program" — koleksiyon turlarında (Mısır, Bali, Japonya…) Kuzey Avrupa'daki `.all-days`
   kutusuyla aynı görünüm: çerçeveli açık yeşil kutu, kalın başlık, koyu ve kalın gün numarası.
   Değerler north-f paketindeki `.north-landing .all-days` kurallarından alındı. */
.tour-collection .collection-program { border: 1px solid #c4d7ca; border-radius: 7px; background: #f3f7f3 }
.tour-collection .collection-program > summary { padding: 20px; font-weight: 700 }
.tour-collection .collection-program > div { padding: 0 18px 16px }
.tour-collection .collection-program .day summary { padding: 18px 4px; gap: 12px; font-weight: 700 }
.tour-collection .collection-program .day-num { color: inherit; font-weight: 900 }

/* Başvuru kutusundaki "Katılımcı dostu sözleşmemiz ↗" (TourStoryHtml#add_agreement_link): `.refund-link`
   flex olduğu için metinle ok arasındaki boşluk düşüyor. */
.journal-application .refund-link[data-tour-agreement] { gap: 6px }

/* "Önce yolun tamamı" durak kartları (Public::TourStoryRoute): koleksiyon turlarında durak adları
   uzun olabiliyor ("Stratford-upon-Avon", "Sharm El Sheikh"); telefonda üç kolonda numaranın
   altına kırılıyordu, iki kolona iner. */
@media (max-width: 600px) {
  .tour-collection .atlas-stops { grid-template-columns: repeat(2, minmax(0, 1fr)) }
}

/* Uçuş kartları (Public::TourStoryFlights): kartın üst şeridi havayolunun rengini alır (THY kırmızısı
   paketteki varsayılan), ertesi gün varışında saatin üstüne "+1" yazılır. */
/* Havayolu başlığı ("… ile başla. … ile dön.") sahip isteğiyle yok; boşluğu etiket taşır. */
.tour-collection .f-flight-heading { margin-bottom: 20px }
.tour-collection .f-boarding[data-carrier="ajet"] > header { border-top-color: #008fda }
.tour-collection .f-boarding[data-carrier="pegasus"] > header { border-top-color: #fdc300 }
.tour-collection .f-boarding[data-carrier="thai"] > header { border-top-color: #370e62 }
.tour-collection .f-airports b sup { margin-left: 2px; font-size: .65em; color: #c20a25; vertical-align: super; line-height: 0 }