/* =========================================================
   v0.4.17 — Müşteri geliştirme paketi
   Anahtar kelime arşivi, mobil okunabilirlik, detay/galeri,
   Hakkımda yerleşimi, footer arka planı ve header düzeni.
   ========================================================= */

/* Footer kırmızı kart — yeni koyu arka plan */
.footer-contact-card{
    background:
        linear-gradient(rgba(223,18,28,.72),rgba(211,13,23,.78)),
        url('../images/branding/footer-bg-v0417.png')
        center/cover no-repeat !important;
}

/* Haber metni okunabilirliği */
.article-rich-content p,
.article-rich-content li{
    text-align:justify;
    text-justify:inter-word;
    hyphens:auto;
}

/* Etiketler artık gerçek anahtar kelime bağlantısıdır */
.article-tags a{
    display:inline-flex;
    align-items:center;
    min-height:29px;
    padding:7px 10px;
    border:1px solid #e5e8ea;
    background:#fff;
    color:#78858b;
    font-size:11px;
    line-height:1;
    transition:.2s ease;
}
.article-tags a:hover{
    border-color:#e93232;
    background:#e93232;
    color:#fff;
}

/* Paylaşım rayı büyük logonun altında kalır */
@media(min-width:901px){
    .article-detail-v0329 .article-share-rail{
        top:145px !important;
        max-height:calc(100vh - 165px);
        overflow-y:auto;
        scrollbar-width:none;
    }
    .article-detail-v0329 .article-share-rail::-webkit-scrollbar{display:none}
}

/* Mobil header: menü solda, arama sağda, logo merkezde */
@media(max-width:900px){
    .header-main-inner{position:relative !important}
    .mobile-toggle{
        position:absolute !important;
        left:10px !important;
        right:auto !important;
        top:0 !important;
        width:46px !important;
        height:70px !important;
        margin:0 !important;
        z-index:16 !important;
    }
    .mobile-header-search{
        position:absolute !important;
        left:auto !important;
        right:10px !important;
        top:0 !important;
        width:46px !important;
        height:70px !important;
        transform:none !important;
        z-index:16 !important;
    }
}

/* Hakkımda: üstte başlık + video, altta fotoğraf + biyografi */
.about-intro-grid-v0417{
    grid-template-columns:minmax(260px,.78fr) minmax(0,1.35fr) !important;
    align-items:center !important;
    gap:38px !important;
    margin-bottom:38px !important;
}
.about-intro-copy .about-kicker{margin-bottom:8px}
.about-intro-copy h1{
    margin:0 0 12px;
    color:#2e3d44;
    font-family:"Poppins",Arial,sans-serif;
    font-size:38px;
    line-height:1.12;
    letter-spacing:-.8px;
}
.about-intro-copy p{
    margin:0;
    max-width:360px;
    color:#7e8a90;
    font-size:14px;
    line-height:1.65;
}
.about-bio-layout-v0417{
    display:grid;
    grid-template-columns:minmax(280px,360px) minmax(0,1fr);
    gap:42px;
    align-items:start;
    margin-top:28px;
}
.about-bio-photo-v0417{
    margin:0 !important;
}
.about-bio-photo-v0417 img{
    aspect-ratio:905/714;
    object-position:center top;
}
.about-bio-layout-v0417 .about-biography{
    max-width:none !important;
    margin:0 !important;
}

/* Anahtar kelime arşivleri */
.keyword-archive-page{
    padding:42px 0 64px;
    background:#fff;
}
.keyword-archive-heading{
    margin:28px 0 34px;
}
.keyword-archive-heading>span{
    display:block;
    margin-bottom:5px;
    color:#e93232;
    font-size:13px;
    font-weight:600;
}
.keyword-archive-heading h1{
    margin:0 0 8px;
    color:#2e3d44;
    font-family:"Poppins",Arial,sans-serif;
    font-size:34px;
    line-height:1.15;
}
.keyword-archive-heading p{
    margin:0 0 18px;
    color:#7b878d;
    font-size:14px;
}
.keyword-archive-card .tbmm-card-body h2{
    margin:0 0 10px;
    color:#34434a;
    font-family:"Poppins",Arial,sans-serif;
    font-size:16px;
    line-height:1.38;
    font-weight:600;
}
.keyword-cloud{
    margin-top:48px;
    padding:26px;
    border:1px solid #e9edef;
    background:#fafbfb;
}
.keyword-cloud h2{
    margin:0 0 16px;
    color:#34434a;
    font:600 18px/1.3 "Poppins",Arial,sans-serif;
}
.keyword-cloud>div{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.keyword-cloud a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 11px;
    border:1px solid #dfe5e8;
    background:#fff;
    color:#65737a;
    font-size:12px;
}
.keyword-cloud a:hover,
.keyword-cloud a.is-current{
    border-color:#e93232;
    background:#e93232;
    color:#fff;
}
.keyword-cloud small{font-size:10px;opacity:.75}

/* Haber galerisi: sayfada yalnızca 8 (mobil 6), lightbox'ta tümü */
.article-gallery-v0417 h2{
    display:flex;
    align-items:baseline;
    gap:6px;
    font-size:17px !important;
}
.article-gallery-v0417 h2 small{
    color:#97a1a6;
    font-size:12px;
    font-weight:500;
}
.article-gallery-more{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:14px;
    background:rgba(28,42,49,.78);
    color:#fff;
    font-family:"Poppins",Arial,sans-serif;
    font-size:20px;
    font-weight:700;
    text-align:center;
    cursor:pointer;
}
.article-gallery-more b{
    display:block;
    margin-top:5px;
    font-size:10px;
    letter-spacing:.3px;
    text-transform:uppercase;
}
.article-gallery-more--mobile{display:none}
.detail-gallery-modal-v0417{
    gap:18px;
}
.detail-gallery-figure{
    position:relative;
    margin:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    max-width:min(1120px,82vw);
    max-height:92vh;
}
.detail-gallery-modal-v0417 .detail-gallery-figure img{
    max-width:100%;
    max-height:84vh;
    object-fit:contain;
}
.detail-gallery-figure figcaption{
    margin-top:10px;
    color:#fff;
    font-size:13px;
    font-weight:600;
}
.detail-gallery-nav{
    width:54px;
    height:54px;
    flex:0 0 54px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.45);
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:38px;
    line-height:1;
    cursor:pointer;
}
.detail-gallery-nav:hover{background:#e93232;border-color:#e93232}
.detail-gallery-nav[disabled]{opacity:.25;cursor:default}

/* Mobil genel okunabilirlik */
@media(max-width:900px){
    .about-intro-grid-v0417{
        grid-template-columns:1fr !important;
        gap:24px !important;
    }
    .about-intro-copy h1{font-size:30px}
    .about-intro-copy p{font-size:15px}
    .about-bio-layout-v0417{
        grid-template-columns:minmax(220px,320px) minmax(0,1fr);
        gap:28px;
    }

    .article-detail-header h1{font-size:30px !important;line-height:1.2 !important}
    .article-detail-spot{font-size:18px !important;line-height:1.58 !important}
    .article-rich-content{font-size:16px !important;line-height:1.82 !important}
    .article-rich-content h2{font-size:23px !important}
    .article-rich-content h3{font-size:20px !important}
    .article-publish-meta,
    .article-publish-meta time,
    .article-publish-meta b{font-size:13px !important}
    .article-tags a{font-size:13px;min-height:34px;padding:8px 11px}

    .current-card h3,
    .parliament-card h3,
    .tbmm-card-body h3,
    .tbmm-card-body h2,
    .compact-news strong,
    .detail-sidebar-card strong{
        font-size:15px !important;
        line-height:1.42 !important;
    }
    .current-card p,
    .parliament-card p,
    .tbmm-card-body p{
        font-size:14px !important;
        line-height:1.6 !important;
    }
    .card-meta time,
    .parliament-card time,
    .tbmm-card-footer time,
    .compact-news time,
    .detail-sidebar-card time{
        font-size:12px !important;
        line-height:1.4 !important;
    }
    .current-card-image span,
    .tbmm-card-badge,
    .parliament-featured-copy small{
        font-size:11px !important;
    }
    .footer-bottom nav a,
    .footer-bottom p{
        font-size:13px !important;
        line-height:1.55 !important;
    }
}

@media(max-width:700px){
    .about-bio-layout-v0417{
        grid-template-columns:1fr;
        gap:22px;
    }
    .about-bio-photo-v0417{
        max-width:440px;
        margin:0 auto !important;
    }
    .about-bio-layout-v0417 .about-biography{
        font-size:15px !important;
        line-height:1.82 !important;
    }

    .keyword-archive-page{padding:30px 0 48px}
    .keyword-archive-heading h1{font-size:27px}
    .keyword-archive-heading p{font-size:15px;line-height:1.6}
    .keyword-cloud{padding:18px}
    .keyword-cloud a{font-size:13px}

    .article-gallery-item--desktop-extra{display:none !important}
    .article-gallery-more--desktop{display:none !important}
    .article-gallery-more--mobile{display:flex !important}
    .article-gallery-more{font-size:17px}
    .detail-gallery-modal-v0417{
        padding:54px 10px 18px !important;
        gap:7px;
    }
    .detail-gallery-figure{max-width:calc(100vw - 92px)}
    .detail-gallery-modal-v0417 .detail-gallery-figure img{max-height:78vh}
    .detail-gallery-nav{
        width:38px;
        height:38px;
        flex-basis:38px;
        font-size:28px;
    }
}

@media(max-width:420px){
    .mobile-toggle{left:6px !important}
    .mobile-header-search{right:6px !important}
    .article-detail-header h1{font-size:26px !important}
    .article-detail-spot{font-size:17px !important}
    .article-rich-content{font-size:16px !important}
    .footer-bottom nav a,.footer-bottom p{font-size:12.5px !important}
}