/* ============================================================
   Dealti - Koyu Tema / "Yesil Mod"
   html.theme-dark uygulanir (bkz. header.blade.php inline head script).
   stylee209.css'e dokunulmaz; bu dosya sadece override katmanidir.
   Faz 1: anasayfa + header + footer + Insights + ortak yuzeyler.
   ============================================================ */

html.theme-dark {
    --d-bg:        #0f1211;
    --d-surface:   #181b19;
    --d-surface-2: #20241f;
    --d-border:    #2c312d;
    --d-text:      #e7e9e4;
    --d-text-soft: #a7aca4;
    --d-text-faint:#7c827a;
    --d-green:     #83bf68;
    --d-green-ink: #9fd486;
    color-scheme: dark;
}

/* ---- Temel zeminler ve metin ---- */
html.theme-dark { background-color: var(--d-bg); }
html.theme-dark body { background-color: transparent; color: var(--d-text); }
html.theme-dark main.main { background-color: transparent !important; }
html.theme-dark .bg-white,
html.theme-dark .section.bg-white,
html.theme-dark .latest-new-white,
html.theme-dark .bg-white.latest-new-white,
html.theme-dark .page-content { background-color: var(--d-bg) !important; }

html.theme-dark .color-text,
html.theme-dark .color-primary,
html.theme-dark p, html.theme-dark li, html.theme-dark span,
html.theme-dark h1, html.theme-dark h2, html.theme-dark h4, html.theme-dark h5, html.theme-dark h6 { color: var(--d-text) !important; }
html.theme-dark h3 { color: var(--d-green-ink) !important; }
/* Fotograf / koyu zemin ustundeki beyaz basliklar yesile donmesin (servis kartlari vb.) */
html.theme-dark h3.color-white,
html.theme-dark .color-white h3,
html.theme-dark .cardService .cardTitle,
html.theme-dark .cardService .cardInfo .cardTitle,
html.theme-dark .cardServiceStyle2 .cardTitle,
html.theme-dark .cardServiceStyle3 .cardTitle,
html.theme-dark .cardServiceStyle4 .cardTitle,
html.theme-dark .cardCities .cardTitle { color: #ffffff !important; }
html.theme-dark .color-grey, html.theme-dark .color-gray,
html.theme-dark .text-14.color-text, html.theme-dark .hint { color: var(--d-text-soft) !important; }
html.theme-dark a { color: var(--d-text); }
html.theme-dark a:hover { color: var(--d-green-ink); }

/* koyu zemin uzerindeki bolumler zaten acik metinli - dokunma */
html.theme-dark .bg-primary,
html.theme-dark .bg-primary * { }
html.theme-dark .bg-primary { background-color: #14100d !important; }

/* ---- Header ---- */
html.theme-dark .header.header-white,
html.theme-dark .header-white,
html.theme-dark .header.sticky-bar.stick { background-color: var(--d-surface) !important; box-shadow: 0 1px 0 var(--d-border); }
html.theme-dark .header.header-white .main-menu li a,
html.theme-dark .header .main-menu > li > a { color: var(--d-text-soft) !important; }
html.theme-dark .header.header-white .main-menu li a:hover,
html.theme-dark .header .main-menu > li:hover > a,
html.theme-dark .header .main-menu > li.has-children:hover > a { color: var(--d-text) !important; }
html.theme-dark .header .main-menu > li > a.active { color: var(--d-text) !important; border-bottom-color: var(--d-green); }
html.theme-dark .main-menu .sub-menu,
html.theme-dark .m-lang-menu,
html.theme-dark .box-dropdown-location,
html.theme-dark .list-locations,
html.theme-dark .dropdown-account { background: var(--d-surface) !important; border-color: var(--d-border) !important; box-shadow: 0 10px 28px rgba(0,0,0,.5) !important; }
html.theme-dark .main-menu .sub-menu li a,
html.theme-dark .m-lang-menu a,
html.theme-dark .dropdown-account a { color: var(--d-text-soft); }
html.theme-dark .main-menu .sub-menu li a:hover,
html.theme-dark .m-lang-menu a:hover { background: var(--d-surface-2); color: var(--d-text); }
html.theme-dark .m-lang-menu a.is-active { background: rgba(131,191,104,.14); color: var(--d-green-ink); }
html.theme-dark .m-burger,
html.theme-dark .m-lang-btn { color: var(--d-text); }
html.theme-dark .lang-switcher-btn,
html.theme-dark .header-icon-btn,
html.theme-dark .header-ship-link { color: var(--d-text); }
html.theme-dark .lang-switcher-btn:hover,
html.theme-dark .header-icon-btn:hover,
html.theme-dark .header-ship-link:hover { color: var(--d-green-ink); }
html.theme-dark .header-ship-link i,
html.theme-dark .header-icon-btn i,
html.theme-dark .lang-switcher-btn i { color: var(--d-green-ink); }
html.theme-dark .item-location { border-color: var(--d-border); }
html.theme-dark .item-location:hover { background: var(--d-surface-2); }

/* logo: koyu zeminde acik logo */
html.theme-dark .header-logo img,
html.theme-dark .m-logo img { content: url("https://cdn.dealtilogistics.com/logos/logo-light.svg"); }

/* ---- Butonlar ---- */
html.theme-dark .btn-white { background-color: var(--d-surface); color: var(--d-text); border: 1px solid var(--d-border); }
html.theme-dark .btn-white:hover { background-color: var(--d-surface-2); }
html.theme-dark .btn-default { background-color: rgba(131,191,104,.16); color: var(--d-text); }
html.theme-dark .btn-brand, html.theme-dark .btn-cta, html.theme-dark .btn-search { background-color: var(--d-green); color: #0f1211; }

/* ---- Kartlar ---- */
/* Sadece gercek "kart" gorunumlu ogeler; destinasyon/servis gorsel+baslik ogelerine bg VERME (yerlesim bozuluyor) */
html.theme-dark .cardNews,
html.theme-dark .customCardNews,
html.theme-dark .cardImageLeftTextRight { background: var(--d-surface); border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.35); }
html.theme-dark .cardImageLeftTextRight:hover { background: var(--d-surface-2); }
/* destinasyon karti: sadece metin rengi, kart zemini yok */
html.theme-dark .cardCities .destination-name,
html.theme-dark .cardCities .cardInfo p { color: var(--d-text) !important; }
html.theme-dark .box-number, html.theme-dark .customCardInfo, html.theme-dark .cardCities { background: transparent !important; box-shadow: none !important; }
/* sektor karti ikonu (siyah line-art) */
html.theme-dark .cardImageLeftTextRight .cardImage img,
html.theme-dark .cardImageLeftTextRight .cardImage svg { filter: invert(.92) brightness(1.15); }

/* ---- Formlar ---- */
html.theme-dark .form-control,
html.theme-dark input:not([type=submit]):not([type=button]),
html.theme-dark textarea,
html.theme-dark select,
html.theme-dark .search-input,
html.theme-dark .dropdown-location {
    background-color: var(--d-surface-2) !important;
    color: var(--d-text) !important;
    border-color: var(--d-border) !important;
}
html.theme-dark ::placeholder { color: var(--d-text-faint) !important; }
html.theme-dark .form-control:focus { border-color: var(--d-green) !important; }
html.theme-dark label { color: var(--d-text-soft) !important; }

/* ---- Cesitli yuzeyler ---- */
html.theme-dark .bg-2 { background-color: var(--d-surface) !important; }
html.theme-dark .box-breadcrumb ul li a { color: rgba(255,255,255,.75); }
html.theme-dark .border-bottom, html.theme-dark hr { border-color: var(--d-border) !important; }
html.theme-dark .bg-showcase { background-color: #101512 !important; }

/* ---- Footer ---- */
html.theme-dark .footer-8,
html.theme-dark .footer.bg-primary,
html.theme-dark .footer-box-inner.bg-primary { background-color: #101312 !important; }
html.theme-dark .footer-8 .footer-lang-menu { background: var(--d-surface); border-color: var(--d-border); }
html.theme-dark .footer .menu-footer a, html.theme-dark .footer a { color: var(--d-text-soft); }
html.theme-dark .footer .menu-footer a:hover { color: var(--d-text); }

/* ---- Insights (kendi bilesenlerimiz) ---- */
html.theme-dark .insight-byline { color: var(--d-text-faint); border-color: var(--d-border); }
html.theme-dark .insight-summary,
html.theme-dark .insight-takeaways { background: var(--d-surface); border-color: var(--d-border); border-left-color: var(--d-green); }
html.theme-dark .insight-summary__title,
html.theme-dark .insight-takeaways__title { color: var(--d-green-ink); }
html.theme-dark .insight-toc { background: var(--d-surface); border-color: var(--d-border); }
html.theme-dark .insight-toc__title { color: var(--d-text-faint); }
html.theme-dark .insight-toc a { color: var(--d-green-ink); }
html.theme-dark .insight-faq__item { background: var(--d-surface); border-color: var(--d-border); }
html.theme-dark .insight-faq__item summary::after { color: var(--d-green-ink); }
html.theme-dark .insight-faq__a { color: var(--d-text-soft); }
html.theme-dark .insight-definition { background: var(--d-surface-2); border-left-color: var(--d-text-faint); }
html.theme-dark .insight-content h2, html.theme-dark .insight-content h3 { color: var(--d-text) !important; }
html.theme-dark .insight-table-wrap { border-color: var(--d-border); }
html.theme-dark .insight-table-wrap th { background: var(--d-surface-2); }
html.theme-dark .insight-table-wrap th, html.theme-dark .insight-table-wrap td { border-color: var(--d-border); }

/* ---- Yesil Mod dugmesi footer'a tasindi (bkz footer.blade.php .footer-theme-btn) ---- */

/* ============================================================
   Faz 1.1 - ek yuzeyler (hero arama formu, dosya yukleme, sayfalama)
   ============================================================ */

/* Header birincil CTA */
html.theme-dark .header .btn.btn-default { background-color: rgba(131,191,104,.18) !important; color: var(--d-text) !important; border: 1px solid rgba(131,191,104,.35) !important; }
html.theme-dark .header .btn.btn-default:hover { background-color: rgba(131,191,104,.28) !important; }

/* Anasayfa hero arama formu */
html.theme-dark .box-search-ride { background-color: var(--d-surface) !important; box-shadow: 0 12px 40px rgba(0,0,0,.5); }
html.theme-dark .search-item { background: var(--d-surface-2) !important; }
html.theme-dark .search-inputs label, html.theme-dark .search-inputs .color-grey { color: var(--d-text-faint) !important; }
html.theme-dark .search-input, html.theme-dark .search-input::placeholder { color: var(--d-text) !important; }
html.theme-dark .btn-search, html.theme-dark .btn.btn-search { background-color: var(--d-green) !important; color: #0f1211 !important; }

/* Dosya yukleme alani (get-offer) */
html.theme-dark .file-upload-container,
html.theme-dark .file-upload-wrapper,
html.theme-dark .file-upload { background: var(--d-surface-2) !important; border-color: var(--d-border) !important; color: var(--d-text-soft) !important; }
html.theme-dark .file-upload-text { color: var(--d-text-soft) !important; }

/* Sayfalama */
html.theme-dark .box-pagination .page-link,
html.theme-dark .pagination .page-link { background: var(--d-surface) !important; color: var(--d-text-soft) !important; border-color: var(--d-border) !important; }
html.theme-dark .pagination .page-item.active .page-link,
html.theme-dark .pagination .page-link.active { background: var(--d-green) !important; color: #0f1211 !important; }
html.theme-dark .pagination .page-item.disabled .page-link { opacity: .4; }

/* Cerez / checkbox metinleri */
html.theme-dark .form-check-label, html.theme-dark .checkbox-label { color: var(--d-text-soft) !important; }

/* Breadcrumb (koyu hero zaten var - metin) */
html.theme-dark .box-breadcrumb ul li a { color: rgba(255,255,255,.7) !important; }

/* Bolum arka plan resmi olan koyu bloklar */
html.theme-dark .box-showcase-home8, html.theme-dark .bg-showcase-2 { background-color: #14251b !important; }

/* ============================================================
   Faz 2 - kalan sayfa tipleri
   ============================================================ */

/* Mobil cekmece + mobil menu */
html.theme-dark .mobile-header-active { background-color: var(--d-bg) !important; }
html.theme-dark .mobile-header-content-area,
html.theme-dark .mobile-header-wrapper-inner { background: var(--d-bg) !important; }
html.theme-dark .mobile-menu a,
html.theme-dark .mobile-menu li > a { color: var(--d-text) !important; }
html.theme-dark .mobile-header-active .mobile-menu > li { border-color: var(--d-border) !important; }
html.theme-dark .mobile-header-active .mobile-menu .sub-menu { background: var(--d-surface) !important; }
html.theme-dark .mobile-header-active .mobile-menu .sub-menu a { color: var(--d-text-soft) !important; }
html.theme-dark .mobile-header-active .mobile-menu .menu-expand { color: var(--d-text-soft); }
html.theme-dark .btn-close-menu svg { color: var(--d-text) !important; }
/* cekmece ust satiri + alt aksiyon bar */
html.theme-dark .m-drawer-head { background: var(--d-bg); border-bottom-color: var(--d-border); }
html.theme-dark .m-drawer-actions { background: var(--d-surface); border-top-color: var(--d-border); }
html.theme-dark .m-act-secondary { border-color: var(--d-border); color: var(--d-text); }
html.theme-dark .m-act-lang { background: var(--d-surface-2); color: var(--d-text); }
html.theme-dark .m-act-lang.is-active { background: var(--d-green); color: #0f1211; }
html.theme-dark .m-act-theme { border-color: var(--d-border); color: var(--d-text); }
html.theme-dark .m-act-theme i { color: var(--d-green-ink); }
html.theme-dark .m-act-theme.is-dark { background: rgba(131,191,104,.16); border-color: rgba(131,191,104,.4); color: var(--d-green-ink); }

/* Iletisim ofis kartlari */
html.theme-dark .cardContact { background: var(--d-surface) !important; box-shadow: 0 8px 30px rgba(0,0,0,.4); }
html.theme-dark .cardContact .icon-socials,
html.theme-dark .cardContact svg { filter: invert(.85); }

/* Genel Bootstrap kartlari / uyarilar (hesaplayicilar, sertifikalar) */
html.theme-dark .card,
html.theme-dark .card.shadow-sm,
html.theme-dark .calculator-wrapper,
html.theme-dark .truck-visualization,
html.theme-dark .trailer-box,
html.theme-dark .result-box,
html.theme-dark .info-box { background-color: var(--d-surface) !important; border-color: var(--d-border) !important; color: var(--d-text) !important; }
html.theme-dark .card-header, html.theme-dark .card-footer { background-color: var(--d-surface-2) !important; border-color: var(--d-border) !important; }
html.theme-dark .card-body { color: var(--d-text) !important; }
html.theme-dark .alert-light,
html.theme-dark .alert.alert-light { background-color: var(--d-surface-2) !important; border-color: var(--d-border) !important; color: var(--d-text-soft) !important; }
html.theme-dark .alert-info { background-color: rgba(131,191,104,.12) !important; border-color: rgba(131,191,104,.3) !important; color: var(--d-text) !important; }
html.theme-dark .alert-success { background-color: rgba(131,191,104,.16) !important; color: var(--d-green-ink) !important; border-color: transparent !important; }
html.theme-dark .alert-danger { background-color: rgba(220,80,72,.16) !important; color: #f0a5a0 !important; border-color: transparent !important; }

/* Hesaplayici birim butonlari */
html.theme-dark .unit-btn,
html.theme-dark .btn-outline-success { color: var(--d-green-ink) !important; border-color: rgba(131,191,104,.4) !important; background: transparent !important; }
html.theme-dark .unit-btn.active,
html.theme-dark .btn-outline-success.active,
html.theme-dark .btn-success { background-color: var(--d-green) !important; color: #0f1211 !important; border-color: var(--d-green) !important; }

/* Hesaplayici gorsel / dorse cizimi cerceveleri */
html.theme-dark .truck-visualization, html.theme-dark .trailer-box { border: 1px dashed var(--d-border) !important; }
html.theme-dark .cargo-block { background: rgba(131,191,104,.3) !important; }

/* Tablolar (genel) */
html.theme-dark table.table { color: var(--d-text) !important; }
html.theme-dark .table thead th { background: var(--d-surface-2) !important; border-color: var(--d-border) !important; }
html.theme-dark .table td, html.theme-dark .table th { border-color: var(--d-border) !important; }
html.theme-dark .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,.03) !important; }

/* Hizmet / sektor / destinasyon detay ortak bloklari */
html.theme-dark .box-info-detail,
html.theme-dark .content-detail,
html.theme-dark .single-content,
html.theme-dark .box-content { background: transparent !important; }
html.theme-dark .list-ticks li, html.theme-dark .box-list-check li { color: var(--d-text-soft) !important; }

/* Google harita cercevesi - hafif koyu cerceve */
html.theme-dark iframe[src*="google.com/maps"],
html.theme-dark .map-wrap iframe { border-radius: 12px; border: 1px solid var(--d-border); }

/* ============================================================
   Faz 2.1 - anasayfa kart tipleri (Neden Biz / Filo / istatistik)
   ============================================================ */
html.theme-dark .cardIconTitleDesc,
html.theme-dark .cardFleet {
    background-color: var(--d-surface) !important;
    border-color: var(--d-border) !important;
    box-shadow: 0 8px 30px rgba(0,0,0,.35);
}
html.theme-dark .cardIconTitleDesc .cardTitle,
html.theme-dark .cardIconTitleDesc .cardDesc,
html.theme-dark .cardFleet .cardInfo,
html.theme-dark .cardFleet .text-20-medium,
html.theme-dark .cardFleet .text-14 { color: var(--d-text) !important; }
html.theme-dark .cardIcon img,
html.theme-dark .cardIcon svg { filter: invert(.9) hue-rotate(180deg); }

/* istatistik kutulari - bg-showcase koyu blok icinde */
html.theme-dark .box-number { background: transparent !important; box-shadow: none !important; }

/* servis kart kolonu - fazladan bg verme (goruntu bandi) */
html.theme-dark .customCardInfo { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }

/* Neden Biz bolumu koyu zemin */
html.theme-dark .box-makeyourtrip-home8,
html.theme-dark .box-our-fleet-home8 { background-color: var(--d-bg) !important; }

/* ============================================================
   Faz 2.2 - son cila
   ============================================================ */
/* Hero arama ikonlari - cercevesiz */
html.theme-dark .item-icon,
html.theme-dark .search-icon .item-icon { background: transparent !important; box-shadow: none !important; filter: none !important; }
html.theme-dark .search-icon .item-icon i { color: var(--d-green-ink) !important; }

/* Beyaz buyuk buton (hero "Destinasyonlar") */
html.theme-dark .btn-white-big { background-color: var(--d-surface) !important; color: var(--d-text) !important; border-color: var(--d-border) !important; }
html.theme-dark .btn-white-big:hover { background-color: var(--d-surface-2) !important; }

/* pasif / disabled butonlar */
html.theme-dark button:disabled,
html.theme-dark .btn:disabled,
html.theme-dark .btn.disabled { background-color: var(--d-surface-2) !important; color: var(--d-text-faint) !important; border-color: var(--d-border) !important; opacity: 1; }

/* select2 (varsa) */
html.theme-dark .select2-container--default .select2-selection--single,
html.theme-dark .select2-dropdown { background-color: var(--d-surface-2) !important; border-color: var(--d-border) !important; color: var(--d-text) !important; }
html.theme-dark .select2-results__option { color: var(--d-text-soft) !important; }
html.theme-dark .select2-results__option--highlighted { background-color: var(--d-green) !important; color: #0f1211 !important; }

/* dropdown lokasyon listesi ogeleri */
html.theme-dark .list-locations .item-location .location-info,
html.theme-dark .list-locations .title-location { color: var(--d-text) !important; }

/* Filo karti gorsel alani (arac PNG'leri seffaf, kapsayici beyazdi) */
html.theme-dark .cardFleet .cardImage,
html.theme-dark .cardFleet .cardImage img { background-color: transparent !important; }
html.theme-dark .cardFleet { padding-top: 24px; }