.navbar {
    padding-top: 0;
    padding-bottom: 0;
}
.logo-germencik{
	height:80px;
}
/* 1) Bootstrap/tema caret'ini kapat (varsa) */
@media (min-width: 992px){
  .dropdown-toggle::after {               /* Bootstrap */
    content: none !important;
    display: none !important;
  }

  /* 2) Tema, linklere otomatik ikon koyuyorsa onları da kapat */
  header.style-3 .main-menu > .menu-left > ul > li > a::before,
  header.style-3 .main-menu > .menu-left > ul > li > a::after {
    content: none !important;
  }

  /* 3) Sadece ALT MENÜSÜ OLANLARA bizim FA 4.7 oku ekle */
  header.style-3 .main-menu > .menu-left > ul > li:has(> ul) > a::after{
    content:"\f107";            /* FA 4.7: angle-down */
    font-family:"FontAwesome";
    font-style:normal; font-weight:normal;
    font-size:.85rem;
    margin-left:6px;
  }
}

/* ===========================
   GENEL
   =========================== */
*,*::before,*::after{ box-sizing:border-box; }
html,body{ max-width:100%; overflow-x:hidden; }

:root{ --header-h:64px; }
header.style-3 .menu-fixed{
  position:sticky; top:0; z-index:1030;
  background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.06);
}
main,.page-wrapper,.site-content{ padding-top:var(--header-h); }
html{ scroll-padding-top:var(--header-h); }
[id]{ scroll-margin-top:var(--header-h); }

/* ===========================
   MASAÜSTÜ MENÜ
   =========================== */
@media (min-width:992px){
  header.style-3 .main-menu > .menu-left > ul > li{ position:relative; }

  header.style-3 .main-menu > .menu-left > ul > li > a{
    display:block; padding:10px 14px;
    font-weight:500; color:#222; text-decoration:none;
    transition:color .2s ease;
  }
  header.style-3 .main-menu > .menu-left > ul > li > a:hover{
    color:#90a723;
  }

  header.style-3 .main-menu ul li ul{
    position:absolute; left:0; top:100%;
    min-width:220px; background:#fff; border:1px solid #eee;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
    opacity:0; visibility:hidden; transform:translateY(10px);
    transition:all .18s ease; z-index:1100;
  }
  header.style-3 .main-menu ul li:hover > ul{
    opacity:1; visibility:visible; transform:translateY(0);
  }

  header.style-3 .main-menu ul li ul li > a{
    display:block; padding:10px 14px;
    color:#222; text-decoration:none;
    transition:color .2s ease;
  }
  header.style-3 .main-menu ul li ul li > a:hover{
    color:#90a723;
  }

  header.style-3 .main-menu > .menu-left > ul > li:has(> ul) > a::after{
    content:"\f107";
    font-family:"FontAwesome";
    font-style:normal; font-weight:normal;
    font-size:.85rem;
    margin-left:6px;
  }
}

/* ===========================
   MOBİL PANEL
   =========================== */
#mobilePanel{
  position:fixed; left:0; right:0;
  top:var(--header-h);
  background:#fff; border-top:1px solid #eee;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  max-height:calc(100dvh - var(--header-h));
  overflow:auto; z-index:1029;
}
#mobilePanel.collapsing{ height:auto; transition:opacity .2s ease, visibility .2s ease; }
#mobilePanel.collapse:not(.show){ display:block; opacity:0; visibility:hidden; }
#mobilePanel.collapse.show{ opacity:1; visibility:visible; }

#mobilePanel a,
#mobilePanel .mob-subtoggle{
  display:flex; align-items:center; justify-content:space-between;
  width:100%; font-size:16px; font-family:'Archivo', sans-serif;
  font-weight:500; color:#222; text-decoration:none;
  background:transparent; border:0; box-shadow:none;
  line-height:1.25; transition:color .18s ease;
}
#mobilePanel a:hover,
#mobilePanel .mob-subtoggle:hover{
  color:#90a723;
}
#mobilePanel .collapse .list-unstyled > li > a{ padding-left:14px; }

#mobilePanel .mob-subtoggle::after{
  content:"\f107"; font-family:"FontAwesome";
  font-style:normal; font-weight:normal;
  font-size:.95rem; margin-left:8px;
  opacity:.9; transition:transform .18s ease;
}
#mobilePanel .mob-subtoggle[aria-expanded="true"]::after{
  transform:rotate(180deg);
}

#mobilePanel .list-unstyled > li{ border-bottom:1px solid #f3f3f3; }
#mobilePanel .list-unstyled > li:last-child{ border-bottom:0; }

@media (min-width:992px){
  #mobilePanel{ display:none !important; }
  .navbar-toggler{ display:none !important; }
}

/* ===========================
   DİL BUTONLARI (BAYRAK)
   =========================== */
.lang-flag{
  display:inline-flex; align-items:center; justify-content:center;
  padding:4px;
  border:0.1px solid #90a723;   /* hep aynı */
  border-radius:4px;
  background:#fff;
  transition:background .2s ease;
}
.lang-flag img{
  display:block; width:22px; height:auto;
}
.lang-flag:hover,
.lang-flag.active{
         /* sadece arka plan değişir */
}

/* ——— ÇİFT OK SORUNUNU TEMİZLE ——— */

.anasayfa-etkinlik{
	width:80px;
}

/* ——— ÇEKİLİŞ ——— */
.py-120 { padding-top: 120px; padding-bottom: 120px; }

/* Görsel ölçüleri: masaüstünde daha küçük, mobilde tam uyumlu */
.cekilis-visual { max-width: 560px; margin-inline: auto; }
.cekilis-bilet  { border-radius: 14px; width: 85%; max-width: 520px; }

/* Bilgi pill'leri */
.price-pill, .date-pill{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.6rem 1rem; border-radius:999px;
  background:#f6f9f3; border:1px solid #dfe9d7;
}
.price-pill i, .date-pill i{ color:#90a723; }

.cekilis-bilet {
  border-radius: 14px;
  max-width: 85%;
  transform: rotate(-5deg); /* negatif değer sola, pozitif değer sağa yatırır */
  transition: transform .3s ease;
}

/* Hover’da düzeltmek istersen */
.cekilis-bilet:hover {
  transform: rotate(0deg);
}

/* Mobil ince ayar */
@media (max-width: 991.98px){
  .cekilis-bilet{ width: 92%; max-width: 460px; }
}
@media (max-width: 575.98px){
  .cekilis-bilet{ width: 100%; max-width: 420px; }
}
@media (max-width: 575.98px){
  .cekilis-bilet { transform: rotate(0deg); }
}


/* ====== GİF - Tarihçe (Timeline) Sayfası - Tam CSS ====== */
/* Renkleri kolay değiştirmek için değişkenler */
:root {
  --gf-accent: #198754;            /* ana vurgu (Bootstrap success) */
  --gf-accent-2: #0ea5e9;          /* yıl rozeti için ikinci vurgu */
  --gf-line-gradient: linear-gradient(180deg, #ff6a00, #ffc107, #4caf50, #03a9f4);
  --gf-card-border: rgba(0,0,0,.06);
  --gf-dot-glow: rgba(34,197,94,.15);
}

/* Bölüm başlığı - temaya uyumlu ufak güçlendirme */
.section-header.style2 .badge{
  border:1px solid rgba(25,135,84,.25);
  backdrop-filter:saturate(1.2);
}
.section-header.style2 h1{
  font-weight:800; letter-spacing:.3px;
}
.section-header.style2 p{
  max-width:760px; margin:8px auto 0;
}

/* === Timeline kapsayıcı === */
.gf-timeline{
  position:relative;
  padding:10px 0 10px;
  /* Timeline içeriği float kullandığı için kapsayıcı yüksekliğini garanti et */
}
.gf-timeline::after{
  content:""; display:block; clear:both;
}

/* Dikey hat */
.gf-line{
  position:absolute;
  top:0; bottom:0;               /* kapsayıcının tamamını kapla */
  left:50%; transform:translateX(-50%);
  width:4px; border-radius:2px;
  background:var(--gf-line-gradient);
  opacity:.25; z-index:0;
}

/* Timeline item’ları */
.gf-item{
  position:relative;
  width:50%;
  padding:20px 24px;
  margin:0;                      /* tutarlı hizalama */
}
.gf-item.gf-left{
  float:left; text-align:right; padding-right:40px; clear:both;
}
.gf-item.gf-right{
  float:right; text-align:left;  padding-left:40px; clear:both;
}

/* Nokta */
.gf-dot{
  position:absolute; top:28px; left:50%;
  width:14px; height:14px; border-radius:50%;
  background:#fff; border:4px solid var(--gf-accent);
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 3px var(--gf-dot-glow);
  z-index:1;
}

/* Kart */
.gf-card{
  position:relative;             /* çizginin üstünde dursun */
  z-index:1;
  background:#fff;
  border:1px solid var(--gf-card-border);
  border-radius:10px;
  padding:18px 18px;
  box-shadow:0 3px 8px rgba(0,0,0,.06);
  transition:transform .2s ease, box-shadow .2s ease;
}
.gf-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.10);
}

/* Yıl rozeti */
.gf-year{
  background:var(--gf-accent-2) !important;
  color:#fff; font-weight:700; letter-spacing:.5px;
  padding:6px 10px;
}

/* Liste içeriği */
.gf-card ul{
  margin:0; padding:0; list-style:none;
}
.gf-card ul li{
  margin:.25rem 0;
}
.gf-card strong{
  font-weight:700;
}

/* Sayfa altına nefes payı (footer’ın sıkışmaması için) */
section.py-120{
  padding-bottom:120px;
}

/* === Responsive: tek kolona in === */
@media (max-width: 991.98px){
  .gf-item{
    width:100%;
    padding:16px 0 16px 28px;
    float:none; text-align:left !important;
  }
  .gf-item.gf-left{ padding-right:0; }
  .gf-item.gf-right{ padding-left:28px; }
  .gf-line{ left:10px; transform:none; }
  .gf-dot{ left:10px; transform:translate(-50%,-50%); }
}

/* Küçük ekranlarda tipografi */
@media (max-width: 575.98px){
  .gf-card{ padding:16px; }
  .gf-card .h5{ font-size:1.0625rem; }
  .gf-year{ padding:5px 9px; }
}



/* Çekiliş sonuçları – sayfaya özel dokunuşlar */
.cs-hero{
  background: linear-gradient(135deg, rgba(25,135,84,.08), rgba(13,110,253,.06));
  border-radius: 14px;
}
.cs-hero .cs-meta .h6{
  font-weight: 700;
}
.cs-tractor{
  max-height: 360px;
  object-fit: contain;
  filter: drop-shadow(0 14px 26px rgba(0,0,0,.16));
}
@media (max-width: 991.98px){
  .cs-tractor{ max-height: 300px; }
}


/* tarihte incir özel */
.ti-hero-img{ max-width: 420px; }
@media (max-width: 575.98px){ .ti-hero-img{ max-width: 320px; } }
/* Yardımcı */
.object-fit-cover{ object-fit: cover; }


/* Çekiliş koşulları sayfası */
.ck-hero{
  background: linear-gradient(135deg, rgba(25,135,84,.06), rgba(13,110,253,.05));
  border-radius: 14px;
}
.ck-ticket{
  display:block; height:auto; /* kırpma yok, doğal oran */
  filter: drop-shadow(0 12px 24px rgba(0,0,0,.10));
  border-radius: 8px;
}
.ck-terms{ padding-left: 1.25rem; }

/* Takvim kartları renkleri */
.es-card { border-radius: 16px; overflow: hidden; }
.es-card .card-body { background: rgba(255,255,255,.86); backdrop-filter: blur(2px); }

/* Hafif gradientler (tema renklerine yakın tonlar) */
.es-g1 { background: linear-gradient(135deg, #e8f8f1 0%, #eaf5ff 100%); }
.es-g2 { background: linear-gradient(135deg, #fff2d9 0%, #ffe8f1 100%); }
.es-g3 { background: linear-gradient(135deg, #eaf2ff 0%, #e9fff4 100%); }
.es-g4 { background: linear-gradient(135deg, #ffe9ee 0%, #fff6e0 100%); }
.es-g5 { background: linear-gradient(135deg, #e9f9ff 0%, #f3eaff 100%); }
.es-g6 { background: linear-gradient(135deg, #f2ffe9 0%, #e9f3ff 100%); }
.es-g7 { background: linear-gradient(135deg, #f5eaff 0%, #eafff5 100%); }

/* Zaman rozeti */
.es-time { min-width: 82px; text-align: center; background:#fff; color:#111; border:1px solid rgba(0,0,0,.08); }

/* Sağ üst “Gün” rozeti */
.es-daychip { background:#198754; color:#fff; font-weight:700; }



/* Kart gövdesi hafif opak; arka plan desenleri görünür ama yazılar net */
.es-card .card-body{
  background: rgba(255,255,255,.94);
  backdrop-filter: saturate(1.1) blur(1px);
  border-radius: 16px;
}

/* Gün rozeti — yüksek kontrast, keskin kenar, gölge */
.es-daychip{
  background: linear-gradient(180deg,#198754 0%,#157347 100%);
  color:#fff;
  border:2px solid #ffffff;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  font-weight:800;
  letter-spacing:.2px;
  padding:.5rem .8rem;
  border-radius:999px;
  z-index:3;
  filter:none!important;           /* olası miras filtrelerini kapat */
  backdrop-filter:none!important;  /* bulanıklık devre dışı */
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Saat rozetleri okunaklı */
.es-time{
  min-width:82px; text-align:center;
  background:#fff; color:#111;
  border:1px solid rgba(0,0,0,.08);
  font-weight:600;
}

/* Kart arkaplanları (aynı kaldı, istersen koru) */
.es-card{ border-radius:16px; overflow:hidden; }
.es-g1 { background: linear-gradient(135deg,#e8f8f1 0%,#eaf5ff 100%); }
.es-g2 { background: linear-gradient(135deg,#fff2d9 0%,#ffe8f1 100%); }
.es-g3 { background: linear-gradient(135deg,#eaf2ff 0%,#e9fff4 100%); }
.es-g4 { background: linear-gradient(135deg,#ffe9ee 0%,#fff6e0 100%); }
.es-g5 { background: linear-gradient(135deg,#e9f9ff 0%,#f3eaff 100%); }
.es-g6 { background: linear-gradient(135deg,#f2ffe9 0%,#e9f3ff 100%); }
.es-g7 { background: linear-gradient(135deg,#f5eaff 0%,#eafff5 100%); }

/* Side-image bölümü (isteğe bağlı arka plan dokusu) */
.event-schedule-section.side-image{
  position:relative;
  background-image:
    radial-gradient(closest-side, rgba(25,135,84,.10), transparent 70%),
    radial-gradient(closest-side, rgba(13,110,253,.08), transparent 70%);
  background-position:-10% 20%, 110% 80%;
  background-size:480px 480px, 420px 420px;
  background-repeat:no-repeat;
}