/* tasarim/varsayilan/css/bilesenler.css — tüm temalarda ortak bileşen stilleri (sayfada bir kez bağlanır, önbelleğe
   alınır). Önceden her bileşen kendi satır içi <style> bloğunu / style="" niteliklerini basıyordu.
   TEK dosya: her ayrı stil dosyası ilk ziyarette çizimi bekleten ayrı bir istek demek (sayfaya özel küçük
   dosyalar FCP'yi geciktiriyordu); bu dosya bir kez inip tüm sayfalarda önbellekten kullanılır. */

/* Hikayeler şeridi yeri (parca/hikayeler.php) — yalnız telefonda; yükseklik baştan ayrılır (CLS yok) */
.hikaye-yer{display:none}
@media (max-width:767.98px){.hikaye-yer{display:block;height:104px;overflow:hidden;margin:6px 0 2px}}

/* Manşet kartı (sys/slider_gorsel.php): .sg-gizli tema yazı katmanını görsel olarak gizler,
   .sg-kart-img temanın karartma filtresini kapatır */
.sg-gizli{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;background:none!important}
.sg-kart-img{filter:none!important}

/* Reklam alanı (sys/reklam_fonk.php) */
.reklam-alan{margin:15px auto;text-align:center;max-width:100%;overflow:hidden}
.reklam-alan .reklam-etiket{display:block;font-size:10px;color:#767676;letter-spacing:1px;margin-bottom:6px;font-family:sans-serif}
.reklam-alan img{display:inline-block}
/* AdSense <ins> sıfır yükseklikle başlayıp dolunca büyüyor, altındaki içeriği itiyordu (CLS). En yaygın boyutun
   yeri baştan ayrılır; Google slotu "doldurulamadı" işaretlerse kapanır. */
.reklam-alan ins.adsbygoogle{display:block;min-height:90px}
@media (max-width:767.98px){.reklam-alan ins.adsbygoogle{min-height:250px}}
.reklam-alan ins.adsbygoogle[data-ad-status="unfilled"]{min-height:0;display:none!important}
/* AdSense birimi (reklam_fonk.php): Google'ın standart kodundaki style="display:block" yerine */
ins.adsbygoogle[data-ad-format]{display:block}

/* Ana sayfa nöbetçi eczaneler bandı (parca/eczane_blok.php) */
.eczane-blok{margin:1.5rem 0}
.eczane-blok .eb-ust{border-bottom:2px solid #c00;padding-bottom:.4rem}
.eczane-blok .eb-vurgu{color:#c00}
.eczane-blok .eb-kart{background:#fff}
.eczane-blok .eb-ad{line-height:1.25!important}
.eczane-blok .eb-adres{flex:1 1 auto}
.eczane-blok .eb-dugme{min-height:44px}

/* Üst bar: mini hava (parca/hava_mini.php) + finans şeridi (parca/finans_serit.php) */
.hava-mini{position:relative;display:inline-flex;align-items:center}
.hava-mini-btn{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;min-height:24px}
.hava-mini-ok{font-size:.7em;opacity:.7}
.hava-mini-liste{position:absolute;top:calc(100% + 6px);left:0;z-index:2000;background:#fff;color:#1f2937;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.15);min-width:230px;max-height:320px;overflow:auto;padding:4px;font-size:13px;line-height:1.3;text-align:left}
.hava-mini-liste[hidden]{display:none}
.hava-mini-liste button{display:flex;width:100%;align-items:center;gap:8px;background:none;border:0;border-radius:6px;padding:7px 9px;color:inherit;font:inherit;cursor:pointer;text-align:left;min-height:36px}
.hava-mini-liste button>span:nth-child(2){flex:1 1 auto}
.hava-mini-liste small{color:#6b7280}
.hava-mini-liste a{display:block;padding:7px 9px;border-top:1px solid #f1f5f9;margin-top:4px;color:#2563eb;text-decoration:none}

.finans-serit{height:34px;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:13px;line-height:34px;overflow:hidden}
.finans-serit>.container{height:34px;display:flex;align-items:center;gap:22px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.finans-serit a{flex:0 0 auto;color:#475569;text-decoration:none}
.finans-serit strong{color:#0f172a;font-variant-numeric:tabular-nums;display:inline-block;min-width:4.2em;text-align:right}

/* Video haberi oynatıcısı (ic_video_haberi.php): width="100%" height="auto" nitelikleri geçersizdi (W3C); 16:9 yer baştan ayrılır */
video.video-tam{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}

/* ===== Haber detay makalesi (ic/makale.php, ic.php) ===== */
/* Okuma Araçları Tasarımı */
.article-actions-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8f9fa;
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #eee;
    margin-bottom: 25px;
    flex-wrap: wrap;
    gap: 15px;
}
.reading-info {
    display: flex;
    align-items: center;
    color: #555;
    font-size: 0.9rem;
    font-weight: 600;
}
.reading-info i { margin-right: 5px; color: #e30613; }

.reading-tools {
    display: flex;
    align-items: center;
    gap: 6px;
}
.btn-tool {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 6px;
    background: #fff;
    color: #444;
    font-size: 1rem;
    font-weight: bold;
    border: 1px solid #ddd;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none !important;
}
.btn-tool:hover { background: #e30613; color: #fff; border-color: #e30613; }
.btn-tool.listening { background: #28a745; color: #fff; border-color: #28a745; animation: pulse-voice 1.5s infinite; }

@keyframes pulse-voice {
    0% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(40, 167, 69, 0); }
    100% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0); }
}

.share-actions-group { display: flex; align-items: center; gap: 8px; }

/* D6 içerik tipi rozeti + D7 güncelleme bloğu (tema-bağımsız) */
.icerik-rozet { display:inline-block; color:#fff; font-size:.72rem; font-weight:800; letter-spacing:.5px; padding:.2rem .6rem; border-radius:4px; margin:0 .4rem .5rem 0; text-transform:uppercase; }
.haber-guncellemeler { margin:1.4rem 0; border:1px solid #e6e8eb; border-radius:10px; padding:.9rem 1.2rem; background:#f8f9fa; }
.haber-guncellemeler h2 { font-size:.9rem; margin:0 0 .4rem; } /* h1 → h2 (başlık sırası; önceden h4) */
.haber-guncellemeler .hg-satir { display:flex; gap:.7rem; padding:.45rem 0; border-top:1px solid #e6e8eb; font-size:.85rem; line-height:1.5; }
.haber-guncellemeler time { white-space:nowrap; color:#596169; } /* #6c757d açık zeminde 4,44:1 idi (AA 4,5) */
.haber-guncellemeler strong { color:#e30613; }

@media print {
    /* yalnız haber detayında (bu dosya her sayfada yüklü: ana sayfa vb. yazdırılırken gizlenmesin) */
    body:has(.news-item) * { visibility: hidden; }
    .news-item, .news-item * { visibility: visible; }
    .news-item { position: absolute; left: 0; top: 0; width: 100%; }
    .article-actions-bar, .article-footer-tags, .comments-area, .next-article-divider, .reklam-alani { display: none !important; }
}

/* tasarim/varsayilan/ic.php: sonsuz kaydırma göstergesi (JS display ile açar/kapatır) ve tetikleyici */
#loading-indicator{display:none;text-align:center;margin-top:10px}
#scroll-trigger{height:1px;visibility:hidden}

/* ===== Kategori/ilçe yan sütunu (parca/kategori_kenar.php) ===== */
.kk-satir{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #eee;color:#222;font-weight:600;text-decoration:none;min-height:40px}
.kk-renk{width:12px;height:12px;border-radius:50%;background:var(--kk-renk,#666);border:1px solid rgba(0,0,0,.15);margin:0 5px}
.kk-lig{margin-left:auto;color:#5c636a;font-weight:400} /* #888 beyaz zeminde 3,54:1 idi (AA 4,5) */
.kk-ikon{width:22px;text-align:center}
.kk-ok{margin-left:auto;color:#c00}
.kk-puan{width:100%;font-size:13px;border-collapse:collapse}
.kk-puan thead tr{color:#5c636a;font-size:11px;text-align:left}
.kk-puan th:first-child{padding:4px 2px}
.kk-puan tbody tr{border-bottom:1px solid #f0f0f0}
.kk-puan tbody tr.kk-yerel{background:#fff7e6;font-weight:700}
.kk-puan td:first-child{padding:6px 2px}
.kk-puan .kk-sayi{text-align:center}
.kk-puan td.kk-p{font-weight:700}
.kk-puan a{color:#c00}

/* ===== Kök dizindeki ortak ana sayfa bileşenleri (retnews + klasik) ===== */
/* Köşe yazıları şeridi (kose_yazilari.php) */
.home-authors-section {
    min-height: 110px;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}

.home-author-card {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 15px 10px; /* İç boşluğu biraz daha dengeli yaptık */
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 10px 5px; 
}

.home-author-card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    border-color: #0b2347; 
    transform: translateY(-3px);
}

/* 1. EN DIŞ KUTU: Sabit Kare ve Ortalı */
.home-author-img-wrapper {
    width: 130px !important; 
    height: 130px !important; 
    margin: 0 auto 15px auto !important;
    overflow: hidden !important;
    border-radius: 8px !important; 
    background-color: #f8f9fa !important;
    padding: 0 !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}

/* 2. LİNK (A) ETİKETİ: Kutuyu Tam Doldurmaya Zorla */
.home-author-img-wrapper a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. RESİM ETİKETİ: Bozulmadan Oturt ve Kafayı Koru */
.home-author-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
    object-position: top center !important; /* Kafa kesilmesini önler */
    transition: transform 0.3s ease !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hover (Üzerine Gelince) Animasyonu */
.home-author-card:hover .home-author-img {
    transform: scale(1.08) !important; 
}

.home-author-name {
    font-size: 1.1rem;
    font-weight: 800;
    color: #0b2347;
    margin-bottom: 8px;
    display: block;
    text-decoration: none;
    transition: color 0.3s ease;
    /* İsim uzunsa 2 satırda kessin */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-author-name:hover {
    color: #e30613; /* Üzerine gelince sitenin ana kırmızısına dönebilir */
    text-decoration: none;
}

.home-article-title {
    font-size: 0.95rem; 
    font-weight: 600;
    color: #444; 
    line-height: 1.4;
    flex-grow: 1;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 4; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s ease;
}

.home-article-title:hover {
    color: #0b2347; 
    text-decoration: none;
}

.home-article-date {
    font-size: 0.75rem;
    color: #666; /* #999 WCAG AA kontrastını (4.5:1) geçemiyordu beyaz zeminde (~2.8:1); #666 ~5.7:1 */
    margin-top: 12px;
    border-top: 1px dashed #eee;
    padding-top: 8px;
}

.home-article-date i {
    color: #0b2347; 
}
.home-authors-section .ka-baslik{border-left:4px solid #0b2347;padding-left:10px;color:#0b2347}
.home-authors-section .ka-tumu{font-size:14px}
.home-authors-section .ka-tumu i{color:#0b2347}


/* Resmî ilanlar bandı (b_ilan_anasayfa.php) */
.bik-ilan-alan{min-height:260px;overflow:hidden}
.bik-ilan-rozet{top:0;left:0;z-index:10;margin:10px}
