/* =========================================================
   v0.3.29 — DETAIL PAGE LAYOUT LIVE MATCH HOTFIX
   - top story strip removed in Blade
   - title / spot / media / toolbar full width
   - share rail starts beside title under logo and stays sticky
   - sidebar starts only below media toolbar
   ========================================================= */

/* Eski v0.3.27/v0.3.28 üst şeridi herhangi bir cache/partial kalıntısında da görünmesin. */
.article-detail-v0329 .detail-top-stories-shell,
.article-detail-v0329 .detail-top-stories,
.article-detail-v0329 .detail-share-heading{
    display:none !important;
}

.article-detail-v0329 .article-detail-container{
    width:min(1120px,calc(100% - 40px)) !important;
}

/* Sol sütun, masaüstünde logonun altındaki paylaşım rayına ayrılır. */
.article-detail-v0329 .article-detail-stage{
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr) !important;
    column-gap:20px !important;
    align-items:start !important;
}

.article-detail-v0329 .article-detail-stage-content{
    min-width:0 !important;
}

/* Başlık, spot, ana medya ve toolbar artık sidebar tarafından daraltılmaz. */
.article-detail-v0329 .article-detail-header,
.article-detail-v0329 .article-primary-media,
.article-detail-v0329 .article-detail-toolbar{
    width:100% !important;
    max-width:none !important;
}

.article-detail-v0329 .article-detail-header h1{
    margin-top:0 !important;
}

/* Paylaşım rayı: logo altı / başlık solu, kare ve tüm detay boyunca sticky. */
.article-detail-v0329 .article-share-rail{
    position:sticky !important;
    top:94px !important;
    left:auto !important;
    z-index:25 !important;
    align-self:start !important;
    display:block !important;
    width:92px !important;
    margin:0 !important;
    padding:0 !important;
}

.article-detail-v0329 .article-share-rail-title{
    position:relative;
    display:block !important;
    width:76px !important;
    margin:0 auto 8px !important;
    padding-top:15px !important;
    color:#a8afb3 !important;
    font-family:"Rubik",Arial,sans-serif !important;
    font-size:12px !important;
    line-height:1.55 !important;
    font-style:italic !important;
    text-align:center !important;
}

.article-detail-v0329 .article-share-rail-title::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:36px;
    height:2px;
    transform:translateX(-50%);
    background:#e93232;
}

.article-detail-v0329 .article-share-rail-buttons{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:0 !important;
}

.article-detail-v0329 .article-share-rail a,
.article-detail-v0329 .article-share-rail button{
    width:50px !important;
    height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid #dfe4e7 !important;
    border-bottom:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    background:#fff !important;
    color:#e93232 !important;
    box-shadow:none !important;
    cursor:pointer !important;
}

.article-detail-v0329 .article-share-rail a:last-child,
.article-detail-v0329 .article-share-rail button:last-child{
    border-bottom:1px solid #dfe4e7 !important;
}

.article-detail-v0329 .article-share-rail a:hover,
.article-detail-v0329 .article-share-rail button:hover{
    border-color:#e93232 !important;
    background:#e93232 !important;
    color:#fff !important;
}

.article-detail-v0329 .article-share-rail svg{
    width:17px !important;
    height:17px !important;
    display:block !important;
    fill:currentColor !important;
}

/* Medya altı araç çubuğu tam genişlikte kalır. */
.article-detail-v0329 .article-detail-toolbar{
    margin-bottom:28px !important;
}

/* Hızlı Menü ve TV Programları yalnızca toolbar sonrasında iki kolonlu yapıya girer. */
.article-detail-v0329 .article-detail-layout-below-toolbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 250px !important;
    gap:32px !important;
    align-items:start !important;
}

.article-detail-v0329 .article-detail-main{
    min-width:0 !important;
}

.article-detail-v0329 .article-detail-sidebar{
    min-width:0 !important;
    padding-top:0 !important;
    margin-top:0 !important;
}

/* v0.3.28'de gövde içine taşınan grid artık kullanılmıyor. */
.article-detail-v0329 .article-detail-body-wrap{
    display:block !important;
    width:100% !important;
    margin:0 !important;
}

/* Haber galeri yazının sonunda ana metin kolonunda kalır. */
.article-detail-v0329 .article-gallery-section{
    clear:both !important;
}

@media(max-width:1080px){
    .article-detail-v0329 .article-detail-stage{
        grid-template-columns:76px minmax(0,1fr) !important;
        column-gap:14px !important;
    }
    .article-detail-v0329 .article-share-rail{width:64px !important}
    .article-detail-v0329 .article-detail-layout-below-toolbar{
        grid-template-columns:minmax(0,1fr) 220px !important;
        gap:24px !important;
    }
}

@media(max-width:820px){
    .article-detail-v0329 .article-detail-container{
        width:min(100% - 28px,720px) !important;
    }
    .article-detail-v0329 .article-detail-stage{
        display:block !important;
    }
    .article-detail-v0329 .article-share-rail{
        position:static !important;
        width:100% !important;
        margin:0 0 16px !important;
    }
    .article-detail-v0329 .article-share-rail-title{
        width:auto !important;
        margin:0 0 8px !important;
        padding:0 !important;
        text-align:left !important;
        font-size:11px !important;
    }
    .article-detail-v0329 .article-share-rail-title br{display:none}
    .article-detail-v0329 .article-share-rail-title::before{display:none}
    .article-detail-v0329 .article-share-rail-buttons{
        flex-direction:row !important;
        flex-wrap:wrap !important;
        align-items:center !important;
    }
    .article-detail-v0329 .article-share-rail a,
    .article-detail-v0329 .article-share-rail button{
        width:40px !important;
        height:40px !important;
        border-bottom:1px solid #dfe4e7 !important;
        border-right:0 !important;
    }
    .article-detail-v0329 .article-share-rail a:last-child,
    .article-detail-v0329 .article-share-rail button:last-child{
        border-right:1px solid #dfe4e7 !important;
    }
    .article-detail-v0329 .article-detail-layout-below-toolbar{
        display:block !important;
    }
    .article-detail-v0329 .article-detail-sidebar{
        padding-top:36px !important;
    }
}

@media(max-width:560px){
    .article-detail-v0329 .article-detail-container{
        width:calc(100% - 28px) !important;
    }
}

@media print{
    .article-detail-v0329 .article-share-rail,
    .article-detail-v0329 .article-detail-sidebar{
        display:none !important;
    }
    .article-detail-v0329 .article-detail-stage,
    .article-detail-v0329 .article-detail-layout-below-toolbar{
        display:block !important;
    }
}
