/* =========================================================
   v0.3.28 — ARTICLE DETAIL TOOLBAR / STICKY SHARE / GALLERY
   ========================================================= */

/* Üstteki küçük paylaşım grubu kare görünsün. */
.detail-share-inline a,
.detail-share-inline button{
    width:34px !important;
    height:34px !important;
    border-radius:0 !important;
    border:1px solid #e4e8ea !important;
    background:#fff !important;
    color:#7c878c !important;
}
.detail-share-inline a:hover,
.detail-share-inline button:hover{
    border-color:#e93232 !important;
    color:#e93232 !important;
}

/* Canlı sitedeki medya altı araç çubuğu. */
.article-detail-toolbar{
    min-height:52px !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    margin:0 0 24px !important;
    border:0 !important;
    background:#f7f8f9 !important;
}
.article-toolbar-left{
    display:flex !important;
    align-items:stretch !important;
    min-height:51px !important;
    flex:0 0 auto;
    gap:10px !important;
    margin-right:10px !important;
}
.article-youtube-link{
    min-width:138px;
    min-height:51px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:0 20px !important;
    background:#e93232 !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:700 !important;
    border:1px solid #e93232 !important;
    border-radius:0 !important;
}
.article-youtube-link:hover{background:#cf2929 !important;color:#fff !important}
.article-youtube-link svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto}
.article-tool-button{
    width:64px !important;
    height:51px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    border:1px solid #dfe4e7 !important;
    background:#fff !important;
    color:#e93232 !important;
    cursor:pointer;
}
.article-tool-button svg{width:22px;height:22px;fill:currentColor}
.article-tool-button:hover{background:#fafafa !important}
.article-tool-button.is-done{background:#fff7f7 !important;color:#31a35b !important}

.article-font-control{
    min-width:0;
    min-height:51px !important;
    flex:1 1 auto;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    padding:0 17px !important;
    border:1px solid #dfe4e7 !important;
    background:#fff !important;
    color:#aeb6bb !important;
    font-size:12px !important;
    white-space:nowrap;
}
.article-font-control span{font-size:13px !important;color:#a7b0b5 !important}
.article-font-control small{font-size:10px !important;color:#aeb6bb !important}
.article-font-control input{
    min-width:130px;
    width:100% !important;
    flex:1 1 auto;
    height:3px;
    margin:0;
    accent-color:#e93232;
    cursor:pointer;
}
.article-font-control input::-webkit-slider-runnable-track{height:2px;background:#d9dee1}
.article-font-control input::-webkit-slider-thumb{
    width:28px;height:28px;margin-top:-13px;border:1px solid #e93232;border-radius:50%;background:#fff;-webkit-appearance:none;
}
.article-font-control input{-webkit-appearance:none;background:transparent}
.article-font-control input::-moz-range-track{height:2px;background:#d9dee1;border:0}
.article-font-control input::-moz-range-thumb{width:28px;height:28px;border:1px solid #e93232;border-radius:50%;background:#fff}

/* Paylaşım rayı: ana metni yerinden oynatmadan sol tarafta, logo ekseninde ve sticky. */
.article-detail-body-wrap{
    position:relative !important;
    display:grid !important;
    grid-template-columns:40px minmax(0,1fr) !important;
    column-gap:12px !important;
    align-items:start !important;
    width:calc(100% + 52px) !important;
    margin-left:-52px !important;
}
.article-share-rail{
    position:sticky !important;
    top:96px !important;
    left:auto !important;
    align-self:start !important;
    z-index:20;
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    margin:0 !important;
}
.article-share-rail a{
    width:40px !important;
    height:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid #dde3e6 !important;
    border-bottom:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    color:#e93232 !important;
    font-size:0 !important;
    box-shadow:none !important;
}
.article-share-rail a:last-child{border-bottom:1px solid #dde3e6 !important}
.article-share-rail a:hover{background:#e93232 !important;color:#fff !important;border-color:#e93232 !important}
.article-share-rail svg{width:16px !important;height:16px !important;fill:currentColor !important}
.article-detail-content-column{min-width:0 !important}

/* Haber Galeri: metnin sonunda canlıdaki çerçeveli 4 sütun görünümü. */
.article-gallery-section{
    margin:34px 0 0 !important;
    padding:0 !important;
    border-top:1px solid #dfe4e7 !important;
}
.article-gallery-section h2{
    margin:-1px 0 0 !important;
    padding:0 0 10px 0 !important;
    color:#909a9f !important;
    font-family:"Rubik",Arial,sans-serif !important;
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:400 !important;
}
.article-gallery-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:25px !important;
    border:1px solid #d8dfe3 !important;
    background:#fff !important;
}
.article-gallery-item{
    aspect-ratio:1.62/1 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#eef1f2 !important;
}
.article-gallery-item img{width:100% !important;height:100% !important;object-fit:cover !important}

@media(max-width:1120px){
    .article-detail-body-wrap{
        width:100% !important;
        margin-left:0 !important;
        grid-template-columns:40px minmax(0,1fr) !important;
    }
}

@media(max-width:900px){
    .article-detail-toolbar{flex-wrap:wrap !important}
    .article-toolbar-left{width:auto !important}
    .article-font-control{
        width:100% !important;
        flex-basis:100% !important;
        border-top:1px solid #dfe4e7 !important;
    }
    .article-detail-body-wrap{
        display:block !important;
        width:100% !important;
        margin-left:0 !important;
    }
    .article-share-rail{
        position:static !important;
        flex-direction:row !important;
        flex-wrap:wrap !important;
        margin:0 0 16px !important;
    }
    .article-share-rail a{border-bottom:1px solid #dde3e6 !important;border-right:0 !important}
    .article-share-rail a:last-child{border-right:1px solid #dde3e6 !important}
}

@media(max-width:640px){
    .article-youtube-link{min-width:112px;padding:0 14px !important;font-size:13px !important}
    .article-tool-button{width:52px !important}
    .article-font-control{gap:8px !important;padding:0 10px !important}
    .article-font-control span{font-size:11px !important}
    .article-font-control input{min-width:80px}
    .article-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:7px !important;padding:12px !important}
}

@media print{
    .site-header,.detail-top-stories-shell,.detail-share-heading,.article-detail-toolbar,.article-share-rail,.article-detail-sidebar,.archive-tail,.site-footer{display:none !important}
    .article-detail-layout{display:block !important}
    .article-detail-container{width:100% !important}
    .article-detail-body-wrap{display:block !important;width:100% !important;margin:0 !important}
}