/* Mars Yazilim'a ozel duzeltmeler.
   Tema dosyasi (style.css) ve MarsYazarkasa'dan gelen reeni-site.css'e dokunulmaz;
   bu siteye ait tum override'lar burada tutulur. Layout'ta en son yuklenir. */

/* ===== Banner gorseli =====
   Gorsel, arka plandaki isik konisinin tam ortasinda durmali.

   Koni banner-background-one.jpg'nin icinde: ekseni gorselin %71.33'unde ve
   bastan asagi dikey. Temanin 'background-size: cover' ayari gorseli ekran
   oranina gore buyutup kirptigi icin koni her ekran genisliginde baska yere
   kayiyordu. 'cover' yerine tam gerdirme kullanilinca koni her zaman ekranin
   %71.33'unde kaliyor; arka plan soyut bir gradyan oldugu icin gerdirme
   fark edilmiyor. Gorsel de ayni yuzdeye mutlak konumla sabitlenir. */
/* Sarmalayicinin olcusu reeni-site.css'ten gelir (aspect-ratio 486/781,
   .banner-slide mutlak bindirme ve opaklik gecisi). Burada yalnizca
   genislik/konum ezilir. */
.banner-right-content .banner-visual {
    aspect-ratio: 486 / 781;
    height: auto;
}

@media only screen and (min-width: 992px) {
    .tmp-banner-one-area {
        position: relative;
        background-size: 100% 100%;
        min-height: 820px;
        display: flex;
        align-items: center;
    }

    /* Flex icinde Bootstrap kabi tam genisligi korusun. */
    .tmp-banner-one-area > .container {
        width: 100%;
    }

    /* Gorsel kendi sutununa degil, banner alanina gore konumlanir.
       Tema bu kutuya 'position: relative' ve >=1450px'te 'right: -80px'
       veriyor; ikisini de etkisiz birakmak icin daha ozgul secici. */
    .tmp-banner-one-area .banner-one-main-wrapper .banner-right-content {
        position: static;
        display: block;
    }

    /* Ortalamada transform KULLANILMAZ: temanin tmp-zoom-in animasyonu ayni
       ozelligi kendi icin kullaniyor ve translate'i eziyor. Bunun yerine sol
       kenar dogrudan "koni ekseni - gorselin yarisi" olarak verilir
       (71.33% - 23%/2 = 59.83%); dikeyde de auto margin ile ortalanir. */
    .banner-right-content .banner-visual {
        position: absolute;
        left: 59.83%;
        top: 0;
        bottom: 0;
        margin: auto 0;
        width: 23%;
        min-width: 240px;
        max-width: 440px;
    }
}

@media only screen and (max-width: 991px) {
    .banner-right-content .banner-visual {
        display: block;
        width: 60%;
        max-width: 320px;
        margin: 0 auto;
    }
}

/* ===== Referans logolari =====
   Tema 8 logoyu iki satira dizecek sekilde tasarlanmis; elimizde tek satirlik
   logo var. Serit hem solda hem sagda cizgiyle kapansin diye ilk hucreye de
   sol ayirac ekleniyor (temada yalnizca sag ayirac var). */
.our-supported-company-area .support-company-logo {
    padding: 30px 20px;
}

/* Temada yalnizca sag ayirac var; her satirin ilk hucresine sol ayirac
   ekleyince serit iki yandan da kapaniyor. Satir basi kirilima gore degisiyor:
   >=768px'te 4, 576-767px'te 2 logo yan yana. */
.our-supported-company-area .row > [class*="col-"]:nth-child(4n+1) .support-company-logo {
    border-left: 2px solid var(--color-border);
}

@media only screen and (max-width: 767px) {
    .our-supported-company-area .row > [class*="col-"] .support-company-logo {
        border-left: 0;
    }

    .our-supported-company-area .row > [class*="col-"]:nth-child(2n+1) .support-company-logo {
        border-left: 2px solid var(--color-border);
    }
}

@media only screen and (max-width: 575px) {
    .our-supported-company-area .row > [class*="col-"] .support-company-logo {
        border-left: 2px solid var(--color-border);
    }
}

/* Logolarin genislik/yukseklik oranlari birbirinden cok farkli; hepsini ayni
   yukseklige oturtup genisligi serbest birakinca serit hizali duruyor.

   DIKKAT: Burada 'max-height' ise yaramaz. Logolar sadece viewBox tasiyan
   SVG'ler; intrinsic yuksekligi olmadigi icin flex icinde otomatik yukseklik
   0'a dusuyor ve 'max-height' hicbir seyi sinirlamiyor, logo gorunmez oluyor.
   Bu yuzden yukseklik acikca veriliyor. */
.our-supported-company-area .support-company-logo img {
    height: 38px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

@media only screen and (max-width: 991px) {
    .our-supported-company-area .support-company-logo img {
        height: 32px;
    }
}

/* Philips tek satirlik kalin bir kelime logosu; ayni yukseklikte digerlerinden
   iri duruyor, bu yuzden bir tik kucultuluyor. */
.our-supported-company-area .support-company-logo img[src*="philips"] {
    height: 30px;
}

@media only screen and (max-width: 991px) {
    .our-supported-company-area .support-company-logo img[src*="philips"] {
        height: 25px;
    }
}

/* Gecis suresi: 6 sn'de bir degistigi icin biraz daha yumusak. */
.banner-right-content .banner-visual .banner-slide {
    transition: opacity 1.1s ease, transform 1.4s ease;
}

/* ===== Kart metinlerinin hizasi =====
   Aciklamalar farkli uzunlukta olunca kartlar farkli boyda oluyor ve
   izgara kayiyor. Satir yuksekligi ve satir sayisi sabitlenerek her kart
   ayni boyda tutulur; tasan metin uc nokta ile kesilir. */
.service-card-v1 .service-title,
.service-card-v2 .service-card-num {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
    min-height: 2.7em;
}

.service-card-v1 .service-para,
.service-card-v2 .service-para {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.6;
    min-height: 4.8em;
    margin-bottom: 0;
}

/* Kartlar sutun icinde tam yuksekligi kaplasin ki satir sonlari hizali dursun. */
.service-area .row > [class*="col-"] {
    display: flex;
}

.service-area .service-card-v1 {
    width: 100%;
}

/* Iletisim formu ile footer arasinda nefes payi birakiyoruz. */
.get-in-touch-area {
    padding-bottom: 120px;
}

@media (max-width: 991px) {
    .get-in-touch-area {
        padding-bottom: 80px;
    }
}

/* KVKK / Gizlilik / Cerez gibi metin agirlikli hukuki sayfalarin tipografisi. */
.legal-content .title {
    margin-top: 40px;
    margin-bottom: 14px;
    font-size: 22px;
    line-height: 1.4;
}

.legal-content .title:first-child {
    margin-top: 0;
}

.legal-content .description {
    margin-bottom: 18px;
    line-height: 1.8;
}

.legal-content .legal-list {
    margin: 0 0 22px 0;
    padding-left: 22px;
    list-style: disc;
}

.legal-content .legal-list li {
    margin-bottom: 10px;
    line-height: 1.8;
    color: var(--color-body);
}

.legal-content a {
    color: var(--color-primary);
    text-decoration: underline;
}

/* Cerez tablosu dar ekranlarda sayfayi tasirmasin diye kendi icinde kaysin. */
.legal-content .legal-table-wrapper {
    overflow-x: auto;
    margin-bottom: 22px;
}

.legal-content .legal-table {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
}

.legal-content .legal-table th,
.legal-content .legal-table td {
    padding: 12px 14px;
    border: 1px solid var(--color-border);
    text-align: left;
    vertical-align: top;
    line-height: 1.7;
}

.legal-content .legal-table th {
    font-weight: 600;
    white-space: nowrap;
}