/**
 * Ori İçerik Görüntülenme Sayacı — ön yüz
 *
 * ===========================================================================
 * TASARIM İLKESİ: ROZET KENDİ SESİYLE KONUŞMAZ
 * ===========================================================================
 * Bu rozet temanın künye satırının İÇİNE giriyor — "ÜMİT GÖRGÜ TARAFINDAN ·
 * AĞUSTOS 3, 2026 · 5 DK. OKUMA" satırına. Orada zaten bir tipografi var:
 * bir punto, bir renk, bir harf aralığı, bir büyük/küçük harf tercihi.
 *
 * Doğru davranış o tipografiyi MİRAS ALMAK. Kendi rengini, kendi puntosunu,
 * kendi arka planını dayatan bir rozet künye satırında yamalı durur.
 *
 * Bu yüzden: renk `inherit`, punto `inherit`, arka plan yok, kenarlık yok.
 * Rozet komşusuyla aynı görünür — çünkü öyle olmalı.
 *
 * Sonuç olarak GECE MODU İÇİN AYRI KURAL DA GEREKMEZ: tema kararınca metin
 * rengi değişir, rozet onunla birlikte değişir. Aşağıdaki `html.ori-dark`
 * kuralı yalnız temanın rengi miras bırakmadığı durumlar için güvenlik ağı.
 * ===========================================================================
 */

.origs-rozet {
	/* Temanın tipografisini miras al — dayatma yok. */
	font: inherit;
	color: inherit;
	line-height: inherit;

	display: inline-flex;
	align-items: center;
	gap: 0.32em;
	white-space: nowrap;
	vertical-align: baseline;
}

/* Künye satırındaki komşularla arasındaki nefes. */
.origs-rozet-otomatik {
	margin-left: 0.5em;
}

.origs-rozet-ayirac {
	margin-right: 0.4em;
	opacity: 0.55;
}

.origs-rozet-ikon-sarmal {
	display: inline-flex;
	align-items: center;
}

.origs-rozet-ikon {
	/* currentColor kullanıyor: tema rengini ve gece modunu kendiliğinden
	   takip eder. Ayrı bir koyu varyant gerekmez. */
	display: block;
	width: 1em;
	height: 1em;
	opacity: 0.7;
	flex: none;
}

.origs-rozet-sayi {
	font-variant-numeric: tabular-nums;

	/* Sayı beacon yanıtıyla değişebilir. Ani sıçrama yerine yumuşak geçiş —
	   ama yalnız bunu isteyen kullanıcıda; hareket hassasiyeti olanlar için
	   aşağıda kapatılıyor. */
	transition: opacity 0.18s ease;
}

.origs-rozet-etiket {
	opacity: 0.75;
}

@media ( prefers-reduced-motion: reduce ) {
	.origs-rozet-sayi {
		transition: none;
	}
}

/*
 * Güvenlik ağı: tema künye satırına renk miras bırakmıyorsa rozet koyu
 * zeminde okunmaz kalabilir. Ori Gece Modu `html.ori-dark` sınıfını
 * kullanıyor (bkz. class-ori-gece-modu.php).
 */
html.ori-dark .origs-rozet {
	color: inherit;
}

/* ---------------------------------------------------------------------------
 * En çok okunanlar listesi (kısa kod / blok)
 *
 * Rozetin aksine bu bir blok öğesi ve kendi başına duruyor; burada biraz
 * yapı vermek doğru. Yine de renk ve punto temadan geliyor.
 * ------------------------------------------------------------------------ */

.origs-liste {
	font: inherit;
	color: inherit;
	margin: 1.5em 0;
}

.origs-liste-baslik {
	font-size: 1.05em;
	margin: 0 0 0.6em;
}

.origs-liste-ol {
	margin: 0;
	padding: 0 0 0 1.4em;
	list-style: decimal;
}

.origs-liste-satir {
	margin: 0 0 0.5em;
	line-height: 1.5;
}

.origs-liste-satir a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid currentColor;

	/* Bağlantı olduğu belli olsun ama alt çizgi metni boğmasın. */
	padding-bottom: 0.05em;
	opacity: 0.95;
}

.origs-liste-satir a:hover,
.origs-liste-satir a:focus-visible {
	opacity: 1;
}

.origs-liste-sayi {
	font-size: 0.85em;
	opacity: 0.65;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}