/* Tanıtım sitesinin işlev parçaları (yha-site.js'nin çizdiği durum kutuları, form hataları, paket kartı, servis durumu,
 * dosya listesi, yasal metin gövdesi). Görünüm T-13 ve "Yazar Haber Ajansı" tasarım sisteminin değişkenleriyle
 * (yha-vars.css) kurulur; renkler açık ve koyu temada değişkenlerden gelir. Durağan; dış yazı tipi/CDN yok. */
[hidden]{display:none !important}
.gorunmez,.tuzak{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
main:focus{outline:none}

/* durum kutusu (yükleniyor, hata, başarı) */
.durum{box-sizing:border-box;margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-1);color:var(--ink);font:400 15px/22px var(--font-sans)}
.durum.hata{background:var(--flash-soft);border-color:var(--flash);color:var(--flash-ink)}
.durum.iyi{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}
.durum.uyari{background:var(--wait-soft);border-color:var(--wait);color:var(--wait)}
.not{margin:0;color:var(--ink-2);font:400 14px/22px var(--font-sans)}

/* form hataları */
.alan-hata{margin:var(--space-1) 0 0;color:var(--flash-ink);font:500 13px/18px var(--font-sans)}
.yha-input[aria-invalid="true"],.yha-select[aria-invalid="true"],.yha-textarea[aria-invalid="true"],.yha-pick[aria-invalid="true"]{border-color:var(--flash);box-shadow:0 0 0 1px var(--flash)}
.yha-btn[disabled]{opacity:.6;cursor:wait}
.zorunlu{color:var(--flash-ink)}

/* paket kartı (Paketler; T-13 "örnek paket" kartının görünümü, veri /api/v1/site/paketler'den) */
.paketler{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:var(--space-6);margin:40px 0 0;padding:0}
.paket{display:flex;flex-direction:column;box-shadow:var(--shadow-pop)}
.paket .yha-card__head{min-height:56px;padding:0 var(--space-5)}
.paket__ozet{margin:0;padding:var(--space-4) var(--space-5) 0;color:var(--ink-2);font:400 14px/22px var(--font-sans)}
.paket .yha-kv{gap:14px var(--space-6);padding:var(--space-5)}
.paket__alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding:var(--space-3) var(--space-5);border-top:1px solid var(--line);background:var(--surface-0)}
.paket__turler{display:flex;flex-wrap:wrap;gap:var(--space-2)}

/* servis durumu */
.servisler,.olaylar{list-style:none;margin:var(--space-4) 0 var(--space-6);padding:0;display:grid;gap:10px}
.servis{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-1)}
.servis-ad{font-weight:600;overflow-wrap:anywhere}
.rozet{flex:none;padding:2px 10px;border-radius:var(--radius-full);background:var(--surface-2);color:var(--ink-2);font:500 13px/20px var(--font-sans)}
.rozet.iyi{background:var(--ok-soft);color:var(--ok)}
.rozet.uyari{background:var(--wait-soft);color:var(--wait)}
.rozet.hata{background:var(--flash-soft);color:var(--flash-ink)}
.olay{padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-1)}
.olay h3{margin:0 0 var(--space-1);font:600 16px/22px var(--font-sans)}
.olay p{margin:var(--space-1) 0 0;overflow-wrap:anywhere}

/* yasal metin gövdesi (düz metin) */
.metin-uzun{max-width:46rem;white-space:pre-wrap;overflow-wrap:anywhere}
.madde{margin-top:var(--space-5)}
.madde h3{margin:0 0 var(--space-1);font:600 17px/24px var(--font-sans)}
.yer-tutucu{padding:1px 6px;border:1px dashed var(--wait);border-radius:var(--radius-xs);background:var(--wait-soft);color:var(--wait);overflow-wrap:anywhere}

/* dosya listesi (serbest muhabir başvurusu ekleri) */
.dosyalar{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:var(--space-2)}
.dosya{padding:10px var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-0)}
.dosya.hatali{border-color:var(--flash)}
.dosya-ust{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1) var(--space-3)}
.dosya-ad{font-weight:600;overflow-wrap:anywhere}
.dosya-eylem{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:6px}
.dosya-eylem select{width:auto;flex:1 1 10rem}
.dosya .rozet{display:inline-block;margin-top:6px}
.dosya progress{display:block;width:100%;height:8px;margin-top:var(--space-2);accent-color:var(--primary)}
.etiket{display:block;font-weight:600}

/* kod, özet */
code{font-family:var(--font-mono);font-size:.92em}
.ozet-satiri code{overflow-wrap:anywhere;word-break:break-all}

/* tasarımdaki hap seçimler gerçek girdilerle: label.yha-tab / label.yha-chip içinde radyo ya da onay kutusu */
.secim-gizli{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
label.yha-tab:has(input:checked){background:var(--surface-1);color:var(--ink);box-shadow:var(--shadow-sheet)}
label.yha-chip:has(input:checked){background:var(--ink);border-color:var(--ink);color:var(--surface-1)}
label.yha-tab:has(input:focus-visible),label.yha-chip:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.yha-select{appearance:auto}
.metin-kutusu{max-height:16rem;overflow:auto;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-0);white-space:pre-wrap;font:400 13px/20px var(--font-sans)}
.basari{display:grid;gap:var(--space-3);padding:var(--space-6);border:1px solid var(--ok);border-radius:var(--radius-lg);background:var(--ok-soft)}
.basari h2{margin:0}
/* sunucusuz yayın: form yerine e-posta yönlendirmesi ve tarayıcı içi arama sonuçları */
.t13-statik-not{display:grid;gap:var(--space-3);justify-items:start;max-width:640px;margin:var(--space-6) auto;padding:var(--space-6)}
.t13-statik-not .t13-p{margin:0}
.t13-ara__bilgi{margin:var(--space-5) 0 var(--space-3);color:var(--ink-2)}
.t13-ara__sonuclar{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}
.t13-ara__sonuc a{display:grid;gap:4px;padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-1);color:var(--ink)}
.t13-ara__sonuc a:hover{border-color:var(--brand-fill)}
.t13-ara__baslik{font:600 16px/22px var(--font-sans)}
.t13-ara__ozet{color:var(--ink-2);font:400 14px/21px var(--font-sans)}