/* ============================================================
   Interlimo — Dunkelgrünes Luxus-Theme
   Header (oberes Menü) + Booking-Widget + Buttons
   Palette:  darkest #0F1713 | main #121D17 | mid #1D2A21 | accent #243329
   ============================================================ */
:root{
  --il-darkest:#0F1713;
  --il-main:#121D17;
  --il-mid:#1D2A21;
  --il-accent:#243329;
  --il-hi:#2f4739;         /* etkileşim vurgusu (hover/aktif) */
  --il-border:#2c4032;
  --il-text:#eaf1ec;
  --il-muted:#a9bcb0;
}

/* ==================== HEADER / ÜST MENÜ ==================== */
#header{border-top:6px solid var(--il-accent)!important;}
.header-04 .top-header,
.header-05 .top-header{background-color:var(--il-darkest)!important;}
.header-04 .bottom-header{background:rgba(18,29,23,.92)!important;}

/* üstteki telefon/e-posta satırı */
.header-04 .top-header .left-content ul li,
.header-05 .top-header .left-content ul li{color:var(--il-muted)!important;}

/* ana menü linkleri */
.header-04 .navigation .menu>li>a,
.header-05 .navigation .menu>li>a{color:#cfe0d5!important;}
.header-04 .navigation .menu>li>a.active,
.header-04 .navigation .menu>li>a:hover,
.header-05 .navigation .menu>li>a.active,
.header-05 .navigation .menu>li>a:hover{color:#fff!important;}
/* combine.min.css hover/aktifte menü linkini beyaz zemin + koyu yazı yapıyordu; sls-theme
   yazıyı beyaza zorlayınca beyaz üstüne beyaz = okunmuyordu. Beyaz kutuyu kaldırıp markaya
   uygun renk veriyoruz: hover = yumuşak yeşil vurgu + beyaz yazı, aktif = altın + koyu yazı. */
.header-04 .navigation .menu>li>a,
.header-05 .navigation .menu>li>a{border-radius:3px;transition:background-color .2s,color .2s;}
.header-04 .navigation .menu>li:hover a,
.header-05 .navigation .menu>li:hover a{background:var(--il-hi)!important;color:#fff!important;}
.header-04 .navigation .menu>li.active a,
.header-05 .navigation .menu>li.active a,
.header-04 .navigation .menu>li:hover.active a,
.header-05 .navigation .menu>li:hover.active a{background:var(--il-accent)!important;color:#fff!important;}
.header-04 .login a:hover{color:#a9c3b4!important;}

/* mobil menü paneli */
.header-04 .main-menu .top-text{background:var(--il-main)!important;}

/* ==================== BOOKING WIDGET ==================== */
.sls-hero .sdl-booking{background:var(--il-main)!important;}

/* sekmeler */
.sls-tabs li,
.sls-hero .sdl-booking .tab_booking li{background:var(--il-mid)!important;}
.sls-hero .sdl-booking .tab_booking li:not(.active) a{color:#b9cabf!important;}
.sls-hero .sdl-booking .tab_booking li:not(.active):hover a{color:#fff!important;}
/* daha yüksek specificity: startseite'nin body içindeki inline !important kurallarını (aktif sekme) yener */
.sls-hero .sdl-booking ul.tab_booking li.active{background:var(--il-accent)!important;}
.sls-hero .sdl-booking ul.tab_booking li.active a{color:#fff!important;font-weight:700!important;}

/* form alanları */
.sls-hero .schedule-booking input[type=text],
.sls-hero .schedule-booking select{background:var(--il-darkest)!important;border-color:var(--il-border)!important;color:#fff!important;}
.sls-hero .schedule-booking input[type=text]::placeholder{color:#8aa093!important;}
.sls-hero .suggesstion-box{background:var(--il-darkest)!important;}

/* FLUGHAFEN: zum/von seçim butonu */
.sls-hero .ck-button input:checked + span{background:var(--il-accent)!important;color:#fff!important;}

/* ==================== BUTONLAR ==================== */
.btn-standard,
.sls-hero .btn-standard{background:var(--il-accent)!important;color:#fff!important;border:none!important;}
.btn-standard:hover,
.sls-hero .btn-standard:hover{background:var(--il-hi)!important;color:#fff!important;}

.sls-hero-btn{background:var(--il-accent)!important;color:#fff!important;}
.sls-hero-btn:hover{background:var(--il-hi)!important;color:#fff!important;}

/* WhatsApp / CTA linkleri (info-box, hizmet sayfaları, footer widget) */
.info-box .booking,
.price-car .price-bottom a{background:var(--il-accent)!important;color:#fff!important;}
.info-box .booking:hover,
.price-car .price-bottom a:hover{background:var(--il-hi)!important;color:#fff!important;}

/* adres autocomplete açılır listesi (sls-booking.js) */
.sls-ac-dd{background:var(--il-darkest)!important;border-color:var(--il-border)!important;}
.sls-ac-item:hover{background:var(--il-accent)!important;color:#fff!important;}

/* ==================== HİZMET İKONLARI (ana sayfa) ==================== */
.sls-svc-icon{display:inline-block;vertical-align:middle;width:76px;height:76px;}

/* ==================== MOBİL UYUMLULUK (16.07.2026) ==================== */
/* combine.min.css mobilde #header'ı normal akışa alıyor (position:relative) ama içindeki
   .bottom-header (logo bandı) position:absolute kalıyor → sayfa başlıklarının ve hero
   içeriğinin üstünü örtüyordu. Mobilde logo bandını da akışa al. */
@media only screen and (max-width:767px){
  .header-04 .bottom-header{position:relative!important;}
  /* logo ve menü float olduğundan banda yükseklik kazandır (clearfix) —
     overflow:hidden kullanmıyoruz ki açılır mobil menü kırpılmasın */
  .header-04 .bottom-header::after{content:"";display:table;clear:both;}
  /* hamburger ikonu banda göre konumlansın (navigation'ı akıştan çıkarma,
     sadece konum referansını .bottom-header yap); menü paneli fixed, etkilenmez */
  .header-04 .navigation{position:static!important;float:none!important;}
  .header-04 .mobile-menu{position:absolute!important;top:50%!important;right:15px!important;
    -webkit-transform:translateY(-50%);transform:translateY(-50%);}
}