/* ==========================================================================
   Ankara Havaalani Rent A Car - ozel duzenlemeler
   Tema dosyalarini (style.css, coloring.css) degistirmek yerine
   tum override'lar bu dosyaya yazilir. Head'de en son yuklenir.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Hero ust bosluk duzeltmesi
   Header ile hero arasinda olusan ince bosluk masaustunde kapatiliyor.
   Mobilde header yuksekligi farkli oldugu icin uygulanmiyor.
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 993px) {
    #section-hero {
        margin-top: -18px;
    }
}

/* --------------------------------------------------------------------------
   Topbar ile logo satiri arasindaki bosluk
   Bootstrap'in .row kuralindaki "margin-top: calc(var(--bs-gutter-y) * -1)"
   burada 0 uretiyor ve arada ince bir bosluk kaliyor.
   Global .row'u degistirmek sitedeki TUM satirlari kaydirdigi icin
   kural yalnizca header icindeki satira uygulanir.
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 993px) {
    header > .container > .row {
        margin-top: -1px;
    }
}

/* --------------------------------------------------------------------------
   Sayac kutulari esit yukseklik
   Aciklama metinleri farkli uzunlukta oldugunda kutular kayiyordu.
   Sutunlar flex ile esitlenir, aciklama alanina 3 satirlik sabit yer verilir.
   -------------------------------------------------------------------------- */
#section-fun-facts .row > [class*="col-"] {
    display: flex;
}

#section-fun-facts .de_count {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#section-fun-facts .de_count p {
    min-height: 4.8em;
    margin-bottom: 0;
}

/* Mobilde kutular alt alta geldigi icin sabit yukseklik gereksiz bosluk yaratir */
@media only screen and (max-width: 767px) {
    #section-fun-facts .de_count p {
        min-height: 0;
    }
}

/* --------------------------------------------------------------------------
   Hero metin genisligi
   Arkaplan fotografini kapatan bir katman kullanmiyoruz; bunun yerine
   basligi ve spot metni sinirlayarak gorselin uzerine tasmasini engelliyoruz.
   Metin daha dar/genis olsun istersen max-width degerini degistir.
   -------------------------------------------------------------------------- */
#section-hero h1,
#section-hero .lead {
    max-width: 520px;
}

/* Fotograf uzerinde koyu metnin okunurlugunu artiran cok hafif beyaz hale.
   Gerek duymazsan bu blogu silebilirsin, gorsele etkisi yoktur. */
#section-hero h1,
#section-hero .lead,
#section-hero .h4 {
    text-shadow: 0 1px 10px rgba(255, 255, 255, .75);
}

/* --------------------------------------------------------------------------
   Rezervasyon formu karti
   Yari saydam beyaz zemin + arkasindaki fotografi bulaniklastiran cam etkisi.
   Saydamligi degistirmek icin index.html'deki data-bgcolor degerini duzenle.
   -------------------------------------------------------------------------- */
#rezervasyon-kart {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, .6);
}

/* Kart yari saydam oldugu icin form alanlari biraz daha opak olmali,
   aksi halde arkadaki fotograf inputlarin icinden gorunur. */
#rezervasyon-kart .form-control,
#rezervasyon-kart select,
#rezervasyon-kart .date-time-field input {
    background-color: rgba(255, 255, 255, .92);
}

/* Mobilde cam etkisi performansi dusurdugu ve form tum ekrani kapladigi icin
   kart neredeyse tamamen opak olsun. */
@media only screen and (max-width: 992px) {
    #rezervasyon-kart {
        background-color: rgba(255, 255, 255, .95) !important;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    #section-hero h1,
    #section-hero .lead {
        max-width: 100%;
    }
}