/*
 * avaz-components.css — TEMADA KARŞILIĞI OLMAYAN yeni bileşenler (Revize 1, 3 Ekim 2026).
 * Tema geçersiz kılmaları burada DEĞİL, avaz-overrides.css'te (< 8 KB). Bu dosya yalnızca `avz-` önekli
 * sınıfları tanımlar; tema seçicilerine dokunmaz. Sınır: < 10 KB (scripts/check-theme-css.mjs).
 * Bileşenler: kategori blokları · kategori çipleri · haber detay ekleri · WhatsApp balonu · paylaş.
 */

/* --- Ana sayfa kategori blokları --- */
.avz-cat-blocks{padding:40px 0 10px;background:#fff}
.avz-cat{--avz-cat:var(--avaz-turquoise);margin-bottom:40px}
.avz-cat-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:2px solid #eee;margin-bottom:20px}
.avz-cat-title{margin:0;padding:0 0 10px;font-size:22px;font-weight:700;border-bottom:3px solid var(--avz-cat);margin-bottom:-2px}
.avz-cat-title a{color:var(--avaz-black)}
.avz-cat-all{padding-bottom:10px;font-size:13px;font-weight:600;color:var(--avaz-turquoise-ink);white-space:nowrap}
.avz-cat-all:hover,.avz-cat-title a:hover{color:var(--avz-cat);text-decoration:none}
.avz-lead{display:block;color:inherit;margin-bottom:20px}
.avz-lead img{display:block;width:100%;border-radius:4px}
.avz-lead-body{display:block;padding-top:12px}
.avz-lead-title{margin:0 0 8px;font-size:20px;line-height:1.35;font-weight:700;color:var(--avaz-black)}
.avz-lead-summary{margin:0 0 8px;color:#555;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.avz-lead:hover .avz-lead-title,.avz-row:hover .avz-row-title{color:var(--avaz-turquoise-ink);text-decoration:none}
.avz-lead:hover,.avz-row:hover{text-decoration:none}
.avz-meta{font-size:12px;color:#777}
.avz-list{list-style:none;margin:0;padding:0}
.avz-list li+li{border-top:1px solid #eee}
.avz-row{display:flex;gap:14px;align-items:flex-start;padding:12px 0;color:inherit}
.avz-row img{flex:0 0 120px;width:120px;border-radius:3px}
.avz-row-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.avz-row-title{font-weight:600;line-height:1.4;color:var(--avaz-black);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.avz-scroll{display:flex;align-items:flex-start;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch}
.avz-scroll-item{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start}
.avz-scroll:focus-visible{outline:2px solid var(--avaz-turquoise);outline-offset:4px}
@media (max-width:991px){.avz-scroll-item{flex-basis:calc((100% - 20px)/2)}}
@media (max-width:767px){
  .avz-cat-blocks{padding-top:24px}
  .avz-cat{margin-bottom:28px}
  .avz-cat-title{font-size:18px}
  .avz-row img{flex-basis:96px;width:96px}
  .avz-scroll-item{flex-basis:80%}
}

/* --- Kategori çipleri (haber listesi + kategori sayfası; mobilde de görünür) --- */
.avz-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.avz-chips a{display:inline-block;padding:6px 14px;border:1px solid #ddd;border-radius:20px;font-size:13px;color:#333;background:#fff}
.avz-chips a:hover,.avz-chips a[aria-current]{border-color:var(--avaz-turquoise-dark);background:var(--avaz-turquoise-dark);color:#fff;text-decoration:none}
@media (max-width:767px){.avz-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.avz-chips a{white-space:nowrap}}
.avz-cat-intro{margin:0 0 20px;color:#555;line-height:1.6}

/* --- Haber detay ekleri --- */
.avz-news-cat{display:inline-block;margin-bottom:10px;padding:3px 10px;border-radius:3px;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#fff;background:var(--avaz-turquoise-dark)}
.avz-news-cat:hover{color:#fff;text-decoration:none;background:var(--avaz-black)}
.avz-ai-note{margin:20px 0;padding:12px 16px;border-left:3px solid var(--avaz-gold);background:#faf7f0;font-size:13px;color:#555}
.avz-related{margin:25px 0}
.avz-related h2{font-size:18px;font-weight:700;margin:0 0 12px}
.avz-related ul{list-style:none;margin:0;padding:0}
.avz-related li{padding:10px 0;border-top:1px solid #eee}
.avz-related li a{font-weight:600}
.avz-related small{display:block;margin-top:3px;color:#777}

/* --- Paylaş: kopyala / sistem paylaşımı (ShareButtons içinde, tema .share-item ile aynı boy) --- */
.share-buttons button.share-item{display:block;float:left;width:35px;height:35px;margin-right:5px;border:0;border-radius:50%;padding:0;cursor:pointer;background:#555;color:#fff;font-size:15px}
.share-buttons a.telegram{background:#229ED9!important}
@media (pointer:coarse){.share-buttons button.share-item{width:44px;height:44px}}
.share-buttons button.share-item:focus-visible{outline:2px solid var(--avaz-turquoise);outline-offset:2px}
.avz-share-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* --- WhatsApp destek balonu (tüm dillerde, solda) --- */
.avz-wa{position:fixed;left:20px;bottom:calc(20px + var(--avz-cookie-h,0px));z-index:1900;display:flex;align-items:center;gap:10px;height:56px;padding:0 18px 0 14px;border-radius:28px;background:#25D366;color:#fff;font-weight:700;font-size:14px;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:transform .2s ease,box-shadow .2s ease}
.avz-wa i{font-size:28px;line-height:1}
.avz-wa:hover,.avz-wa:focus{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.3)}
.avz-wa:focus-visible{outline:3px solid #075e54;outline-offset:3px}
@media (max-width:767px){.avz-wa{left:16px;bottom:calc(16px + var(--avz-cookie-h,0px));width:56px;padding:0;justify-content:center}.avz-wa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media print{.avz-wa{display:none}}
@media (prefers-reduced-motion:reduce){.avz-wa{transition:none}.avz-wa:hover{transform:none}}

/* --- Kurul ızgarası: eşit yükseklik, float takılması yok (BoardGrid) --- */
.avz-board-grid{display:flex;flex-wrap:wrap}
.avz-board-grid>.clear{flex-basis:100%}
.avz-board-grid>[class*=col-]{display:flex}
.avz-board-grid .kurul-item{float:none}