/* SURUM 4 - 06.09.2026 - banner 7/5 + Teklif Ver butonu */
/* =========================================================
   GUVERCINBURADA - OZEL DUZELTMELER
   =========================================================
   main.css'ten SONRA yuklenir, bu yuzden tema kurallarini gecersiz
   kilabilir. Tema guncellenirse buradaki duzeltmeler korunur.

   DIKKAT: Buradaki aciklamalarin icinde yorum kapatma dizisi
   (yildiz + bolu) KULLANILMAMALI. Yoksa yorum erken kapanir ve
   altindaki aciklama satirlari canli CSS gibi yorumlanir.
   ========================================================= */


/* ---------------------------------------------------------
   BANNER IHALE RESMI - MASAUSTU YERLESIMI
   ---------------------------------------------------------

   SORUN:
   Temanin masaustu tasarimi (main.css 2918-2955) banner resminin
   kabini "position: absolute" yapip "transform: translate(-10%, -30%)"
   ile kolonun disina tasiriyor; resim de 770px / 700px / 550px'e
   kadar buyuyebiliyordu. Bu, tema demosundaki genis ve alcak tanitim
   gorseli icin tasarlanmis. Bizde banner'a rastgele bir IHALE
   FOTOGRAFI geliyor (2300x2300 piksele kadar kare gorseller), bu
   yuzden resim saga tasiyordu.

   MOBILDE SORUN YOK: main.css 2974-2982 arasinda 991px alti icin
   dogru kural zaten var. Asagidaki duzeltme YALNIZCA masaustune
   uygulanir; mobil davranisa hic dokunulmaz.

   YERLESIM:
   Banner.php'de kolonlar 12'de 8 (resim) + 12'de 4 (yazi) olacak
   sekilde ayarlandi.

   BOYUT:
   Resim kolonu tam doldurur (en: %100), yukseklik ORANTILI hesaplanir
   (height: auto). Oran hicbir kosulda bozulmaz. Kare bir fotograf
   730px genisligindeki kolonda 730px yuksekliginde gorunur.
   --------------------------------------------------------- */

@media (min-width: 992px) {

    /* Kabi normal akisa al; tasiran mutlak konum ve kaydirma iptal. */
    .banner-thumb-4 {
        position: relative;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    /* En %100, yukseklik orantili - oran korunur. */
    .banner-thumb-4 img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
    }
}

/* ---------------------------------------------------------
   KOLON GENISLIGI - GUVENLIK AGI
   ---------------------------------------------------------
   Yerlesim asil olarak Banner.php'deki bootstrap siniflariyla
   ayarlanir (gorsel col-lg-7, metin col-lg-5). Ancak Banner.php
   sunucuda guncellenmemisse gorsel eski dar kolonda (12'de 4)
   kalir ve KUCUK gorunur.

   Asagidaki kural, icinde banner gorseli olan kolonu 12'de 7,
   digerini 12'de 5 yapar. Boylece Banner.php guncel olsun ya da
   olmasin sonuc ayni olur. Banner.php guncelse ayni degerleri
   tekrar yazdigi icin bir etkisi olmaz.
   --------------------------------------------------------- */

@media (min-width: 992px) {

    .banner-section-4 .row > [class*="col-"]:has(.banner-thumb-4) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .banner-section-4 .row > [class*="col-"]:not(:has(.banner-thumb-4)) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
}

/* ---------------------------------------------------------
   "TEKLIF VER" DUGMESI - KONUM VE BOYUT
   ---------------------------------------------------------
   SORUN:
   Tema dugmeyi "top: 130px; left: 25px" ile resmin UST-SOLUNDAN
   sabit bir mesafeye koyuyor. Resim boyutu degistigi icin dugme
   resmin ortasina denk geliyor ve kusun uzerini kapatiyordu.
   Hem masaustunde hem mobilde bozuktu.

   COZUM:
   Dugme resmin SOL ALT kosesine sabitlendi (alttan ve soldan 10px)
   ve boyutu %30 kucultuldu:
       140px -> 98px   (ikon 48px -> 34px)
       100px -> 70px   (ikon 40px -> 28px)   [1199px alti]
        80px -> 56px   (ikon 24px -> 17px)   [499px alti]

   Kural her ekran boyutunda gecerli; main.css'teki karsiliklarini
   ayni ozgullukle ve daha sonra yuklendigi icin gecersiz kilar.
   --------------------------------------------------------- */

.banner-thumb-4 .bid-now {
    width: 98px;
    height: 98px;
    top: auto;
    right: auto;
    bottom: 10px;
    left: 10px;
}

.banner-thumb-4 .bid-now i {
    font-size: 34px;
    margin-bottom: 3px;
}

@media (max-width: 1199px) {
    .banner-thumb-4 .bid-now {
        width: 70px;
        height: 70px;
        top: auto;
        right: auto;
        bottom: 10px;
        left: 10px;
    }

    .banner-thumb-4 .bid-now i {
        font-size: 28px;
        margin-bottom: 2px;
    }

    /* Daire oldugu icin yazi, kutunun degil DAIRENIN kenarina yaklasiyor.
       Buton kuculunce yazi da orantili kucultuluyor. */
    .banner-thumb-4 .bid-now span {
        font-size: 12px;
        line-height: 1.1;
    }
}

@media screen and (max-width: 499px) {
    .banner-thumb-4 .bid-now {
        width: 56px;
        height: 56px;
        top: auto;
        right: auto;
        bottom: 10px;
        left: 10px;
    }

    .banner-thumb-4 .bid-now i {
        font-size: 17px;
        margin-bottom: 1px;
    }

    .banner-thumb-4 .bid-now span {
        font-size: 9px;
        line-height: 1.1;
    }
}