/* =============================================================================
   İÇERİK SAYFASI (Views\Home\sayfadetay.cshtml -> /{konu}/{id}/Detay)
   Hakkımızda, İletişim gibi sabit sayfalar. Yönetimden gelen SERBEST HTML'e
   dokunulmaz; yalnız onu saran kutu ve içindeki tipografi tanımlanır.
   Metin sütunu 900px ve ORTALI (geniş gövdede uzun satır okunmuyor).
   Kaynak: Çiçek Lazım yeni-tasarim.css "13) İÇERİK SAYFASI" (29-09-2026).
   ============================================================================= */

.yt-icerikKutu {
    max-width: 900px;
    margin: 0 auto;
    background: #FFFFFF;
    border: 1px solid var(--yt-cerceve-ince);
    border-radius: 6px;
    padding: 38px 44px;
    font-size: 16.5px;
    line-height: 1.85;
    color: var(--yt-metin);
    word-wrap: break-word;
    overflow-wrap: break-word;
}

    /* başlıklarda GÖVDE yazı tipi: yönetimden gelen küçük başlıklar serif'te okunmuyor */
    .yt-icerikKutu h1,
    .yt-icerikKutu h2,
    .yt-icerikKutu h3,
    .yt-icerikKutu h4,
    .yt-icerikKutu h5,
    .yt-icerikKutu h6 {
        font-family: 'Jost', 'Segoe UI', Arial, sans-serif;
        font-weight: 600;
        line-height: 1.4;
        color: var(--yt-metin);
        margin: 28px 0 12px;
    }

    .yt-icerikKutu h1 { font-size: 28px; }
    .yt-icerikKutu h2 { font-size: 23px; }
    .yt-icerikKutu h3 { font-size: 20px; }
    .yt-icerikKutu h4 { font-size: 18px; }

    .yt-icerikKutu h5,
    .yt-icerikKutu h6 {
        font-size: 16.5px;
    }

    .yt-icerikKutu > *:first-child {
        margin-top: 0;
    }

    .yt-icerikKutu > *:last-child {
        margin-bottom: 0;
    }

    .yt-icerikKutu p {
        margin: 0 0 16px;
    }

    /* ⚠ sabit.css "ul { padding:0 } li { list-style:none }" diyor (eski tasarım);
       içerik listelerinde madde işareti geri getiriliyor. */
    .yt-icerikKutu ul,
    .yt-icerikKutu ol {
        margin: 0 0 16px;
        padding-left: 26px;
    }

    .yt-icerikKutu ul li {
        list-style: disc;
        margin-bottom: 7px;
    }

    .yt-icerikKutu ol li {
        list-style: decimal;
        margin-bottom: 7px;
    }

    .yt-icerikKutu strong,
    .yt-icerikKutu b {
        font-weight: 600;
    }

    .yt-icerikKutu hr {
        border: 0;
        border-top: 1px solid var(--yt-cerceve);
        margin: 28px 0;
    }

    /* bağlantı YAZI RENGİ + alt çizgiyle anlaşılır; hover SABİT zemin */
    .yt-icerikKutu a {
        color: #0B4F9C;
        font-weight: 500;
        text-decoration: underline;
        text-underline-offset: 3px;
    }

        .yt-icerikKutu a:hover,
        .yt-icerikKutu a:focus {
            color: #08386F;
            background: var(--yt-krem-koyu);
        }

    /* max-width:100% ZORUNLU: büyük fotoğraf kutuyu ve sayfayı yatay taşırmasın */
    .yt-icerikKutu img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 22px auto;
        border-radius: 4px;
    }

    .yt-icerikKutu iframe,
    .yt-icerikKutu video,
    .yt-icerikKutu embed,
    .yt-icerikKutu object {
        max-width: 100%;
        display: block;
        margin: 22px auto;
        border-radius: 4px;
    }

    .yt-icerikKutu table {
        width: 100%;
        max-width: 100%;
        border-collapse: collapse;
        margin: 22px 0;
        font-size: 15.5px;
    }

        .yt-icerikKutu table th,
        .yt-icerikKutu table td {
            border: 1px solid var(--yt-cerceve);
            padding: 10px 12px;
            text-align: left;
            vertical-align: top;
            line-height: 1.6;
        }

        .yt-icerikKutu table th {
            background: var(--yt-krem);
            font-weight: 600;
        }

        .yt-icerikKutu table tr:nth-child(even) td {
            background: var(--yt-krem-acik);
        }

        .yt-icerikKutu table img {
            margin: 0;
        }

    .yt-icerikKutu blockquote {
        margin: 24px 0;
        padding: 14px 20px;
        background: var(--yt-krem);
        border-left: 4px solid var(--yt-siyah);
        border-radius: 0 4px 4px 0;
        font-size: 16.5px;
    }

    .yt-icerikKutu pre,
    .yt-icerikKutu code {
        max-width: 100%;
        white-space: pre-wrap;
        word-wrap: break-word;
    }

    /* Yönetimden gelen metinlerin çoğu satır içi "font-size:14px" ile kaydedilmiş;
       metin DEĞİŞTİRİLMEDEN yalnız görünen ölçü büyütülür. */
    .yt-icerikKutu [style*="font-size:14px"],
    .yt-icerikKutu [style*="font-size: 14px"] {
        font-size: 16.5px !important;
    }

@media (max-width: 1279px) {
    .yt-icerikKutu {
        padding: 34px 36px;
    }
}

@media (max-width: 991px) {
    .yt-icerikKutu {
        padding: 30px 28px;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .yt-icerikKutu {
        padding: 22px 18px;
        font-size: 16px;
        line-height: 1.8;
        border-radius: 4px;
    }

        .yt-icerikKutu h1 { font-size: 24px; }
        .yt-icerikKutu h2 { font-size: 20.5px; }
        .yt-icerikKutu h3 { font-size: 18.5px; }
        .yt-icerikKutu h4 { font-size: 17px; }

        .yt-icerikKutu ul,
        .yt-icerikKutu ol {
            padding-left: 20px;
        }

        /* geniş tablo telefonda sayfayı yatay kaydırmasın: tablo kendi içinde kayar */
        .yt-icerikKutu table {
            display: block;
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
}