/*
 * HaberDetay sayfasina ozel stiller. Daha once sayfa icinde inline <style> blogu ve
 * style="" attribute'lari olarak duruyordu; CSP'de style-src 'unsafe-inline'
 * ihtiyacini kaldirmak icin tasindi. Kurallar birebir korunmustur.
 * Yalnizca bu sayfada yuklenir (@section Styles) -> cascade kapsami ayni kalir.
 */
    
    .article-header {
        position: relative;
        height: 400px;
        background-color: #111;
        overflow: hidden;
    }

    .article-bg {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.6;
    }

    .article-title-box {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 50px 0;
        background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
        color: white;
    }

   
    .article-content {
        font-size: 18px;
        line-height: 1.8;
        color: #444;
        padding: 50px;
        background: #fff;
        margin-top: -50px;
        border-radius: 10px;
        position: relative;
        z-index: 2;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    }

        .article-content h4 {
            color: var(--pusula-mavi);
            font-weight: 700;
            margin-top: 30px;
            margin-bottom: 20px;
        }

    .article-meta span {
        margin-right: 20px;
        font-size: 14px;
        font-weight: 500;
        background: rgba(255,255,255,0.2);
        padding: 5px 15px;
        border-radius: 20px;
    }

/* --- HaberDetay sayfasinin eski inline style="" degerleri (sinifa tasindi) --- */
/* .article-meta span (0,1,1) kuralini, eski inline style'in yaptigi gibi ezmek icin birlesik secici. */
.article-meta .news-detail-category { color: #fff; border-color: var(--pusula-turuncu); background: var(--pusula-turuncu); }
.news-detail-title { color: #ff6f00 !important; text-shadow: 0 2px 15px rgba(0,0,0,0.8); }

/* Haber icerigindeki (HaberDetay.cshtml.cs IcerikHTML) uyari kutusu; eskiden style='' idi. */
.alert.news-callout-warning { background-color: #fff3cd; }
