/*
 * Sayfa banner arka planlari — WebP + PNG fallback.
 *
 * Neden ayri dosya: style.css bir style.scss'ten uretilmis (bkz. style.css.map) ama o kaynak
 * projede yok. Biri SCSS'ten yeniden derlerse style.css'e yapilan elle eklemeler kaybolur.
 *
 * Neden iki kez background-image: image-set()'i tanimayan tarayici ikinci bildirimi gecersiz
 * sayip ilkindeki PNG'yi kullanir; taniyan WebP'yi alir. Boylece fallback JS'siz calisir.
 *
 * Yollar CSS dosyasina goreli oldugu icin APP_URL/ASSET_URL degisikliklerinden etkilenmez.
 */

/*
 * Sayfa basligi h3 -> h1 yapildi (SEO: her sayfada tek h1). style.css:1222'deki
 * `.banner .text_box h3 { margin-bottom: 0 }` element secicili oldugu icin h1'e eslesmiyordu
 * ve bootstrap'in h1-h6 icin verdigi margin-bottom:.5rem geri geliyordu. Ayni sifirlama:
 */
.banner .text_box h1 {
    margin-bottom: 0;
}

.banner-bg-1 {
    background-image: url('../images/banner/1.png');
    background-image: image-set(url('../images/banner/1.webp') type('image/webp'), url('../images/banner/1.png') type('image/png'));
}

.banner-bg-2 {
    background-image: url('../images/banner/2.png');
    background-image: image-set(url('../images/banner/2.webp') type('image/webp'), url('../images/banner/2.png') type('image/png'));
}

.banner-bg-3 {
    background-image: url('../images/banner/3.png');
    background-image: image-set(url('../images/banner/3.webp') type('image/webp'), url('../images/banner/3.png') type('image/png'));
}

.banner-bg-4 {
    background-image: url('../images/banner/4.png');
    background-image: image-set(url('../images/banner/4.webp') type('image/webp'), url('../images/banner/4.png') type('image/png'));
}

.banner-bg-5 {
    background-image: url('../images/banner/5.png');
    background-image: image-set(url('../images/banner/5.webp') type('image/webp'), url('../images/banner/5.png') type('image/png'));
}

.banner-bg-6 {
    background-image: url('../images/banner/6.png');
    background-image: image-set(url('../images/banner/6.webp') type('image/webp'), url('../images/banner/6.png') type('image/png'));
}

.banner-bg-7 {
    background-image: url('../images/banner/7.png');
    background-image: image-set(url('../images/banner/7.webp') type('image/webp'), url('../images/banner/7.png') type('image/png'));
}