/* ==========================================================================
   extra.css — CMS içerik düzeltmeleri
   Yükleme yolu: public/front/css/extra.css
   Blade: <link rel="stylesheet" href="/front/css/extra.css?v=2">
   (root-relative yol CDN'i atlar, origin'den gelir)
   ========================================================================== */

/* --------------------------------------------------------------------------
   İçerik görselleri — boy sınırı
   Görsellerin doğal boyutu (ör. 500x625) çok uzun görünüyordu.
   -------------------------------------------------------------------------- */
.content-wrapper img {
    max-width: 100%;
    max-height: 380px;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 20px auto;
}

@media (max-width: 767px) {
    .content-wrapper img {
        max-height: 280px;
    }
}

/* --------------------------------------------------------------------------
   CTA bloğunun negatif margin'i SEO metnini yemesin

   main.css'te .cta { margin-top: -370px } var — ana sayfa için bilinçli bir
   üst üste binme. Kategori/blog sayfasında üstte SEO metni olunca .cta'nın
   beyaz arkaplanı gri content-wrapper kutusunun altını örtüyor; yazılar
   görünmeye devam ettiği için "arkaplan bitti, yazı devam ediyor" görüntüsü
   oluşuyor. Sadece SEO metninin ardından gelen CTA'yı hedefliyoruz.
   -------------------------------------------------------------------------- */
.seo-text + .cta {
    margin-top: 0;
    padding-top: 70px;
}

/* --------------------------------------------------------------------------
   Paragraf ve başlık boşlukları

   main.css'teki .content-wrapper p { padding: 5px } + Bootstrap'ın
   p { margin-bottom: 1rem } kuralı üst üste binince satır araları ~2 kat
   açılıyordu.
   -------------------------------------------------------------------------- */
.content-wrapper p {
    padding: 0;
    margin: 0 0 14px;
}

.content-wrapper h2,
.content-wrapper h3,
.content-wrapper h4 {
    margin: 28px 0 10px;
}

/* --------------------------------------------------------------------------
   SSS listeleri — soru ile cevabı yakınlaştır
   İçerik yapısı: <ul><li><strong>Soru</strong></li></ul> + <p>Cevap</p>
   -------------------------------------------------------------------------- */
.content-wrapper ul {
    padding: 0 0 0 20px;
    margin: 20px 0 6px;
}

.content-wrapper ul li {
    margin-bottom: 4px;
}