/* =========================================================
   v0.3.27 — DETAIL LIVE MATCH HOTFIX
   Top stories + breadcrumb clearance + larger share icons
   ========================================================= */

/* ARTICLE: breadcrumb/logo çakışmasını canlıdaki gibi güvenli biçimde ayır. */
.article-detail-page{
    padding-top:30px;
}

.detail-breadcrumb-shell{
    width:min(1120px,calc(100% - 40px));
    margin:0 auto;
}

.detail-breadcrumb{
    min-height:24px;
    margin:0 0 22px !important;
    padding-left:112px;
}

/* Canlı sitedeki breadcrumb altındaki 3'lü yakın/benzer içerik şeridi. */
.detail-top-stories-shell{
    width:100%;
    margin:0 0 28px;
    border-top:1px solid #e7eaec;
    border-bottom:1px solid #e7eaec;
    background:#fff;
}

.detail-top-stories{
    width:min(1120px,calc(100% - 40px));
    margin:0 auto !important;
    border:0 !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.detail-top-story{
    min-height:76px;
    padding:14px 18px !important;
}

.detail-top-story:first-child{
    padding-left:0 !important;
}

.detail-top-story:last-child{
    padding-right:0 !important;
}

.detail-top-story.is-current{
    background:#fafafa;
}

.detail-top-story strong{
    font-size:12px;
    line-height:1.35;
}

.detail-top-story time{
    margin-top:7px;
    font-size:9px;
}

/* HAKKIMDA: breadcrumb artık 1040px biyografi kabına bağlı değil. */
.about-live{
    padding-top:30px !important;
}

.about-breadcrumb-shell{
    width:min(1120px,calc(100% - 40px));
    margin:0 auto;
}

.about-breadcrumb{
    position:static !important;
    left:auto !important;
    width:auto !important;
    transform:none !important;
    margin:0 0 28px !important;
    padding-left:112px !important;
}

/* Paylaşım ikonları: canlıdaki okunabilirliğe yaklaştır. */
.detail-share-heading{
    font-size:11px;
}

.detail-share-inline{
    gap:9px;
}

.detail-share-inline a,
.detail-share-inline button{
    width:34px;
    height:34px;
    border:1px solid #e7eaec;
    background:#fff;
    color:#657178;
}

.detail-share-inline svg,
.article-share-rail svg{
    display:block;
    width:16px;
    height:16px;
    fill:currentColor;
}

.detail-share-inline a:hover,
.detail-share-inline button:hover{
    border-color:#e23833;
}

.article-share-rail{
    left:-56px;
    gap:8px;
}

.article-share-rail a{
    width:38px;
    height:38px;
    font-size:0;
}

.article-share-rail svg{
    width:17px;
    height:17px;
}

@media(max-width:1080px){
    .article-share-rail{
        left:auto;
    }
}

@media(max-width:900px){
    .detail-breadcrumb,
    .about-breadcrumb{
        padding-left:0 !important;
    }
}

@media(max-width:820px){
    .detail-breadcrumb-shell,
    .detail-top-stories,
    .about-breadcrumb-shell{
        width:min(100% - 28px,720px);
    }

    .detail-top-stories{
        grid-template-columns:1fr;
    }

    .detail-top-story,
    .detail-top-story:first-child,
    .detail-top-story:last-child{
        min-height:0;
        padding:11px 0 !important;
        border-right:0;
        border-bottom:1px solid #edf0f1;
    }

    .detail-top-story:last-child{
        border-bottom:0;
    }

    .detail-share-inline a,
    .detail-share-inline button{
        width:36px;
        height:36px;
    }
}

@media(max-width:560px){
    .detail-breadcrumb-shell,
    .detail-top-stories,
    .about-breadcrumb-shell{
        width:calc(100% - 28px);
    }

    .detail-share-inline{
        gap:8px;
    }

    .article-share-rail a{
        width:36px;
        height:36px;
    }
}