/* Bootstrap 4 -> 5.3 geçiş uyum katmanı — Aplik Aydınlatma
 *
 * Amaç: BS5'in reboot/grid davranış farklarını eski (BS4) haline geri getirmek.
 * Bu dosya YENİ TASARIM İÇERMEZ; yalnızca sürüm atlamasının ürettiği sapmaları
 * kapatır (aktarım görsel paritesi — GUNCELLEME-REHBERI Kural 12 / §7.4).
 *
 * style.css'ten SONRA yüklenir. Bu yüzden seçiciler DAR tutulmuştur: global
 * `ol,ul` yazmak temanın menülerdeki `padding:0` kurallarını ezip menüleri
 * bozardı.
 *
 * Ölçülen farklar (BS4 grid build ↔ BS5.3.3 karşılaştırmasıyla):
 *   1. a{text-decoration:none} -> BS5 underline
 *   2. .container xxl breakpoint (1400px+) BS4'te yoktu -> BS5 1320px
 *   3. ol,ul{padding-left:2rem} BS4'te yoktu (tarayıcı default ~40px)
 *   4. .close base kuralı BS5'te yok (BS5 .btn-close kullanıyor)
 */

/* 1) Link alt çizgisi — eski tasarımda hiçbir <a> alt çizgili değildi.
      Tema `a{color:inherit}` veriyor ama text-decoration tanımlamıyor. */
a {
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

/* 2) Container genişliği — BS4'te en geniş kademe xl (1200px+) => 1140px'ti.
      BS5 xxl (1400px+) => 1320px ekliyor; geniş ekranlarda tema genişleyip
      eski siteden sapıyor. xl değerine sabitliyoruz. */
@media (min-width: 1400px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1140px;
    }
}

/* 3) Editör (WYSIWYG) içeriğindeki listelerin girintisi.
      BS4'te `ol,ul` için padding-left tanımı yoktu; tarayıcı default'u (~40px)
      geçerliydi. BS5 2rem (32px) veriyor. Yalnızca içerik alanını hedefliyoruz;
      tema menüleri/breadcrumb kendi `padding:0` kurallarını korur. */
.text-area ul,
.text-area ol {
    padding-left: 40px;
}

/* 4) GRID KIRILMASI — .form-group + .col-* aynı elementte.
 *
 *    BS4:  .col-md-6 { flex:0 0 50%; max-width:50% }
 *    BS5:  .col-md-6 { flex:0 0 auto; width:50% }
 *
 *    Tema `.form-group { width:100% }` veriyor ve style.css bootstrap'ten SONRA
 *    yükleniyor. BS4'te kısıt `max-width` olduğu için tema kuralı onu ezemiyordu
 *    ve alanlar 2 sütun kalıyordu; BS5'te kısıt `width` olduğu için tema kuralı
 *    ezip iletişim formunu tek sütuna düşürdü. Kolon genişliklerini geri veriyoruz.
 *
 *    Kapsam: temada fiilen kullanılan kombinasyonlar (form-group col-md-6 / col-md-12).
 *    Yeni bir `form-group col-*` kombinasyonu eklenirse buraya da satır eklenmeli.
 */
.form-group.col-md-6 {
    width: 50%;
}

.form-group.col-md-12 {
    width: 100%;
}

@media (max-width: 767.98px) {
    /* md altında BS5 col-md-* devre dışıdır; tema tam genişlik davranışına döner. */
    .form-group.col-md-6,
    .form-group.col-md-12 {
        width: 100%;
    }
}

/* 5) Modal kapatma butonu — BS4'ün `.close` base kuralı (color/opacity) BS5'te
      yok. Tema `.search1 .close` yalnızca konum/boyut veriyordu. */
.search1 .close {
    color: #000;
    opacity: .5;
}

.search1 .close:hover {
    opacity: .75;
}