/*
 * Advenway Kayak Koşulları — arayüz stilleri
 * Tasarım: "Kar Durumu v3" (Claude Design) — beyaz editoryal yön.
 *
 * TEMEL KURAL: ÖLÇÜLEN veri koyu mavi, MODELDEN hesaplanan gri.
 * Bu ayrım aracın tüm iddiası; renk, etiket ve kart üst çizgisi olmak üzere
 * ÜÇ ayrı yerden tekrarlanıyor ki etiketi okumayan da farkı görsün.
 * Turuncu YALNIZCA tıklanabilir ögelerde — veriye turuncu dokunmaz.
 */

.advks {
	--k-kagit:  #F9F8F6;   /* panel zemini */
	--k-beyaz:  #FFFFFF;   /* tablo/kart zemini */
	--k-cizgi:  #E2DFD9;   /* dış çizgi */
	--k-cizgi2: #F0EDE7;   /* satır arası çizgi */
	--k-serit:  #EFECE6;   /* sezon şeridi zemini */

	--k-metin:  #14181D;
	--k-orta:   #4B5158;
	--k-soluk:  #6E7681;
	--k-silik:  #9AA0A6;
	--k-cok-silik: #B4AFA6;

	--k-olcum:  #1F4E79;   /* ÖLÇÜLEN veri */
	--k-model:  #9AA0A6;   /* MODELDEN hesaplanan */
	--k-turuncu:#E8622A;   /* eylem */
	--k-turuncu-koyu:#C2571A;

	--k-uyari-zemin: #FBF2E2;  /* "ölçüm yok" */
	--k-uyari:       #8A7E63;
	--k-iyi-zemin:   #E4F1E7;  /* kar yapma uygun */
	--k-iyi:         #2F6B45;
	--k-kotu:        #B23B1E;

	font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
	color: var(--k-metin);
	line-height: 1.5;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.advks .mono,
.advks-mono { font-family: 'IBM Plex Mono', ui-monospace, Consolas, monospace; }

/* Araç sayfalarında kenar çubuğu yer israfı — içerik tam genişliğe alınır.
   Seçiciler temaya özgü (CheerUp: .col-8.main-content / .col-4.sidebar) ve
   windsurf aracında ölçümle doğrulandı. Genel adlar (.sidebar, #content,
   .content-wrap) bu temada HİÇBİR ŞEYE denk gelmiyor — ilk denemede öyle
   yazılmıştı ve içerik sütunu 800 px'te kalıp tablo yatay kaymaya girdi. */
body.advks-genis .col-4.sidebar,
body.advks-genis .sidebar.col-4 { display: none; }
body.advks-genis .col-8.main-content { width: 100%; float: none; max-width: none; }
body.advks-genis .col-8.main-content > .the-post,
body.advks-genis .col-8.main-content > article { max-width: none; }

/* Tekil sayfada temanın başlığı ile kartlar aynı hizada dursun. */
.advks-tekil-sayfa .advks-tekil-ust,
.advks-tekil-sayfa .advks-tekil-icerik {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.advks-tekil-sayfa .entry-title {
	text-transform: none;
	font-weight: 800;
	letter-spacing: -0.04em;
}

/* ---------- Üst açıklama ----------
   İKİ SÜTUN. Tek sütunken açıklama 62ch'lik dar bir ölçüde solda alt alta
   sarıyor, sağında yarım ekran boşluk kalıyordu; okunaklı ölçü doğruydu ama
   yanına hiçbir şey konmadığı için sayfa tek yana yığılmış görünüyordu.
   Sağ sütunun genişliği harita panelininkiyle AYNI (320 px) — böylece üstteki
   anahtar ile alttaki panel aynı düşey çizgide hizalanıyor. */
.advks-ust {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 40px;
	align-items: end;
	margin: 0 0 22px;
}
.advks-aciklama {
	margin: 0;
	font-size: 16px;
	line-height: 1.7;
	color: var(--k-orta);
	max-width: 72ch;
	text-wrap: pretty;
}
.advks-aciklama strong { color: var(--k-metin); font-weight: 700; }

/* Ölçüm/model anahtarı + son güncelleme */
/* Anahtar artık açıklamanın ALTINDA değil, YANINDA — sağ sütunda, alta
   hizalı. Ayırıcı üst çizgiye de gerek kalmadı: iki sütun zaten ayrı
   okunuyor. */
.advks-anahtar {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	font-size: 13px;
	color: var(--k-orta);
}
.advks-anahtar .a-grup { display: flex; flex-direction: column; gap: 8px; }
.advks-anahtar span.a-oge { display: flex; align-items: center; gap: 9px; }
.advks-anahtar i { width: 10px; height: 10px; display: inline-block; }
.advks-i-olcum { background: var(--k-olcum); }
.advks-i-model { background: var(--k-model); }
.advks-son {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 12px;
	color: var(--k-soluk);
}

/* Dar ekranda sağ sütun yok; anahtar açıklamanın altına inip yataya dönüyor
   (aynı kırılma noktası haritada da panel için kullanılıyor). */
@media (max-width: 900px) {
	.advks-ust { grid-template-columns: 1fr; gap: 18px; }
	.advks-anahtar { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px 20px; }
	.advks-anahtar .a-grup { flex-direction: row; flex-wrap: wrap; gap: 20px; }
}

/* ---------- Sezon şeridi ---------- */
.advks-sezon {
	display: grid;
	grid-template-columns: 200px 1fr;
	gap: 28px;
	padding: 22px 24px;
	margin: 24px 0;
	background: var(--k-serit);
	border-top: 1px solid var(--k-cizgi);
	border-bottom: 1px solid var(--k-cizgi);
}
.advks-sezon .s-etiket {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 11px;
	letter-spacing: 0.16em;
	color: var(--k-uyari);
}
.advks-sezon p {
	margin: 0;
	font-size: 14px;
	line-height: 1.65;
	color: var(--k-orta);
	max-width: 82ch;
}

/* ---------- Hüküm şeridi (merkez sayfası) ----------
   Kartlar ham sayı verir; bu şerit o sayıların bugün ne anlama geldiğini
   söyler. Renk seviyeye göre değişiyor ama TEK BAŞINA anlam taşımıyor —
   etiket (UYARI/DİKKAT/BUGÜN) ve cümlenin kendisi de aynı şeyi söylüyor. */
.advks-hukum {
	display: grid;
	grid-template-columns: 92px 1fr;
	gap: 20px;
	align-items: start;
	padding: 16px 20px;
	margin: 0 0 22px;
	background: var(--k-serit);
	border-left: 3px solid var(--k-olcum);
}
.advks-hukum .h-etiket {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 11px;
	letter-spacing: 0.16em;
	color: var(--k-soluk);
	padding-top: 3px;
}
.advks-hukum p {
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
	color: var(--k-orta);
	max-width: 78ch;
	text-wrap: pretty;
}
.advks-hukum-olumsuz { background: #FBF0EC; border-left-color: var(--k-kotu); }
.advks-hukum-olumsuz .h-etiket { color: var(--k-kotu); }
.advks-hukum-dikkat { background: var(--k-uyari-zemin); border-left-color: var(--k-uyari); }
.advks-hukum-dikkat .h-etiket { color: var(--k-uyari); }
@media (max-width: 700px) {
	.advks-hukum { grid-template-columns: 1fr; gap: 6px; }
}

/* ---------- Podyum (yalnızca sezonda) ---------- */
.advks-podyum {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
	margin: 26px 0 12px;
}
.advks-pod {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 22px;
	background: var(--k-beyaz);
	border: 1px solid var(--k-cizgi);
}
.advks-pod .p-sira {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 12px;
	color: var(--k-silik);
}
.advks-pod .p-orta { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.advks-pod .p-ad { font-size: 16px; font-weight: 700; letter-spacing: -0.02em; }
.advks-pod .p-not { font-size: 12px; color: var(--k-soluk); }
.advks-pod .p-sag { display: flex; flex-direction: column; align-items: flex-end; }
.advks-pod .p-deger { font-size: 22px; font-weight: 700; letter-spacing: -0.03em; white-space: nowrap; }
.advks-pod .p-etiket {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 10px; letter-spacing: 0.12em; color: var(--k-olcum);
}
.advks-podyum-not { margin: 0 0 22px; font-size: 13px; line-height: 1.6; color: var(--k-soluk); }
.advks-podyum-not strong { color: var(--k-metin); }

/* ---------- Tablo ---------- */
.advks-tablo-ust {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 30px 0 16px;
}
.advks-tablo-ust h3 {
	margin: 0;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.03em;
}
.advks-sirala { display: flex; gap: 8px; flex-wrap: wrap; }
.advks-sirala span {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 11px;
	letter-spacing: 0.06em;
	padding: 9px 14px;
	border: 1px solid #D8D4CC;
	color: var(--k-soluk);
	cursor: pointer;
	user-select: none;
}
.advks-sirala span.aktif { background: var(--k-metin); color: var(--k-kagit); border-color: var(--k-metin); }
.advks-sirala span.pasif { border-style: dashed; color: var(--k-cok-silik); cursor: default; }

.advks-kaydir { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.advks-tablo {
	width: 100%;
	min-width: 980px;
	border-collapse: collapse;
	background: var(--k-beyaz);
	border: 1px solid var(--k-cizgi);
	font-size: 14px;
}
.advks-tablo thead th {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 10px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.1em;
	color: var(--k-soluk);
	text-align: left;
	vertical-align: bottom;
	padding: 14px 14px;
	border-bottom: 1px solid var(--k-cizgi);
	white-space: nowrap;
	cursor: pointer;
}
.advks-tablo thead th .advks-etiket { display: block; margin-top: 2px; }
.advks-e-olcum { color: var(--k-olcum); }
.advks-e-model { color: var(--k-model); }

.advks-tablo tbody td,
.advks-tablo tbody th {
	padding: 16px 14px;
	border-bottom: 1px solid var(--k-cizgi2);
	vertical-align: middle;
	text-align: left;
	font-weight: 400;
}
.advks-tablo tbody tr:last-child td,
.advks-tablo tbody tr:last-child th { border-bottom: 0; }
.advks-tablo tbody tr:hover { background: #FBFAF8; }

.advks-s-ad { min-width: 190px; }
.advks-s-ad a {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--k-metin);
	text-decoration: none;
}
.advks-s-ad a:hover { color: var(--k-turuncu-koyu); text-decoration: underline; text-underline-offset: 2px; }
.advks-il { display: block; font-size: 12px; color: var(--k-soluk); font-weight: 400; margin-top: 2px; }

/* Kar kalınlığı — sayfanın en önemli rakamı */
.advks-kar {
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: var(--k-olcum);
}
.advks-birim {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 11px;
	color: var(--k-silik);
	margin-left: 3px;
}
.advks-yenikar,
.advks-mono-deger {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 13px;
	color: var(--k-orta);
	white-space: nowrap;
}
.advks-bos { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 13px; color: var(--k-silik); }
.advks-karyok { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 12px; color: var(--k-cok-silik); }
.advks-yok {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 11px;
	background: var(--k-uyari-zemin);
	color: var(--k-uyari);
	padding: 5px 8px;
	white-space: nowrap;
}

.advks-sic { white-space: nowrap; }
.advks-sic .advks-t,
.advks-sic .advks-z {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 13px;
	color: var(--k-orta);
}
.advks-ok { color: var(--k-silik); margin: 0 4px; }

.advks-ruzgar {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 14px;
	color: var(--k-olcum);
	white-space: nowrap;
}
.advks-yon {
	display: inline-block;
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 10px;
	background: var(--k-soluk);
	color: #fff;
	padding: 2px 5px;
	margin-left: 5px;
}

.advks-acik-cip {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 12px;
	background: var(--k-iyi-zemin);
	color: var(--k-iyi);
	padding: 6px 9px;
	white-space: nowrap;
}
.advks-kapali-cip {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 12px;
	color: var(--k-silik);
}

.advks-rakim {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 12px;
	color: var(--k-orta);
	white-space: nowrap;
}
.advks-dusum { display: block; color: var(--k-silik); }

/* Kaynak sütunu — merkezin kendi sayfasına giden düğmeler */
.advks-kaynak-hucre { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.advks-kaynak-hucre a {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid var(--k-turuncu);
	color: var(--k-turuncu-koyu);
	padding: 5px 9px;
	white-space: nowrap;
}
.advks-kaynak-hucre a:hover { background: var(--k-turuncu); color: #fff; }
.advks-kaynak-hucre .hicbiri {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 11px;
	color: var(--k-cok-silik);
}

/* Kapalı tesis satırı */
.advks-satir-kapali { background: #FBFAF8; }
.advks-satir-kapali .advks-s-ad a { color: var(--k-soluk); }
.advks-kapali-not { font-size: 13px; line-height: 1.6; color: var(--k-orta); }
.advks-kapali-not strong { color: var(--k-metin); }

.advks-taze { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 12px; color: var(--k-iyi); }
.advks-bayat { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 12px; color: var(--k-kotu); }

.advks-dipnot {
	padding: 14px 16px;
	font-size: 12px;
	line-height: 1.6;
	color: var(--k-soluk);
	background: var(--k-beyaz);
	border: 1px solid var(--k-cizgi);
	border-top: 0;
}
/* ---------------------------------------------------------------------------
   HARİTA
   Betiksiz: renk, vurgu ve duyarlılık tamamen CSS'te. Dairelerin yarıçapı
   PHP'de hesaplanıyor çünkü ölçülmüş kar kalınlığına bağlı ve o veri sunucuda.
   --------------------------------------------------------------------------- */
.advks-harita {
	background: var(--k-beyaz);
	border: 1px solid var(--k-cizgi);
	border-top: 0;
}
.advks-harita svg { display: block; width: 100%; height: auto; }

/* Harita solda, okuma paneli sağda. minmax(0,1fr) şart: sade 1fr, içindeki
   SVG'nin kendi genişliğini taban alıp ızgarayı taşırıyor. */
.advks-harita .h-govde {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
}
.advks-harita .h-tuval { border-right: 1px solid var(--k-cizgi); min-width: 0; }

/* Komşular Türkiye'den KOYU. Ters kurulduğunda (Türkiye daha açık zeminden
   daha koyu) göz hangi şeklin konu olduğunu ayırt edemiyor; ülke çevresine
   karışıyor. Sınır çizgisinin kalınlığı da bu ayrımı ikinci kez kuruyor. */
.advks-harita .h-komsu   { fill: #EAE7E1; stroke: #DCD8D1; stroke-width: 1; }
.advks-harita .h-turkiye { fill: var(--k-kagit); stroke: var(--k-metin); stroke-width: 1.6; }

.advks-harita .h-nokta circle {
	fill: var(--k-olcum);
	stroke: #fff;
	stroke-width: 1.5;
	transition: stroke .12s, fill .12s;
}
/* Ölçüm istasyonu yoksa daire İÇİ BOŞ: büyüklük uydurulmadığını gösteriyor.
   Tabloda "ölçüm yok" yazdığımız yerde haritada dolu daire çizmek çelişki
   olurdu. */
.advks-harita .h-olcumsuz circle { fill: #fff; stroke: #B4AFA6; }
.advks-harita .h-kapali circle {
	fill: var(--k-zemin, #EDEBE8);
	stroke: #B23B1E;
	stroke-dasharray: 3 2;
}

.advks-harita .h-etiket {
	font-family: inherit;
	font-size: 10.5px;
	font-weight: 500;
	fill: var(--k-soluk);
	/* text-anchor BURADA TANIMLANMIYOR — her etiket kendi hizalamasını
	   öznitelik olarak taşıyor (yerleşim PHP'de çakışmaya göre seçiyor) ve
	   CSS bildirimi önceliklidir; burada middle yazsaydık sağa/sola yaslama
	   sessizce ezilirdi. */
	paint-order: stroke;
	stroke: var(--k-kagit);
	stroke-width: 3.5px;
	pointer-events: none;
}
.advks-harita .h-nokta:hover circle,
.advks-harita .h-nokta:focus circle { stroke: var(--k-metin); stroke-width: 2.5; }
.advks-harita .h-nokta:hover .h-etiket,
.advks-harita .h-nokta:focus .h-etiket { fill: var(--k-metin); font-weight: 700; }

.advks-harita-lejant {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 22px;
	padding: 10px 16px;
	border-top: 1px solid var(--k-cizgi);
	font-size: 12px;
	color: var(--k-soluk);
}
.advks-harita-lejant .l-oge,
.advks-harita-lejant .l-olcek { display: flex; align-items: center; gap: 8px; }
.advks-harita-lejant .l-olcek { align-items: flex-end; gap: 10px; }
.advks-harita-lejant .l-adim { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.advks-harita-lejant .l-adim i { display: block; border-radius: 50%; background: var(--k-olcum); }
.advks-harita-lejant .l-adim b { font-weight: 500; font-size: 10px; }
.advks-harita-lejant .l-ad { padding-bottom: 2px; }
.advks-harita-lejant .l-oge i {
	width: 11px; height: 11px; border-radius: 50%;
	background: var(--k-olcum); border: 1.5px solid var(--k-olcum);
}
.advks-harita-lejant .l-bos { background: #fff; border-color: #B4AFA6; }
.advks-harita-lejant .l-kapali { background: transparent; border-style: dashed; border-color: #B23B1E; }

/* --- Yan panel ---
   Panelin YÜKSEKLİĞİNİ harita belirliyor. Izgara satırı normalde en uzun
   ögeye göre büyür; on yedi satırlık merkez listesi sağ sütunu haritanın iki
   katı uzatıyordu. İçeriği mutlak konumlamak onu satır yüksekliği hesabından
   çıkarıyor — satır yalnızca haritaya göre kuruluyor, panel de tam o boyda
   kalıp taşan kısmı kendi içinde kaydırıyor. */
/* min-height detayin ALT SINIRI. Panelin yuksekligi normalde haritadan gelir,
   harita yuksekligi de kap genisligine bagli; dar bir duzende harita kisalinca
   bes satirlik detay sigmaz ve gorunmeden kirpilirdi. Bu taban degeri o durumda
   satiri ayakta tutuyor. Deger olcumle bulundu: en uzun merkez adi + iki
   aksiyonla detay 436 px; 450 hem onu hem 14 px pay birakiyor. */
.advks-harita .h-panel { position: relative; min-height: 450px; }
.advks-harita .h-panel-ic {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 18px 20px;
	overflow: hidden;
}
/* KAYDIRMA YALNIZCA MERKEZ LİSTESİNDE.
   Bir merkeze gelindiğinde panel tek parça görünmeli — detayı kaydırmak
   taslaktaki bütünlüğü bozuyor. Bunun karşılığı: detay beş satıra sabitlendi
   ve ölçüler o beş satır panel yüksekliğine sığacak şekilde sıkıldı
   (bkz. advks_harita_panel(), altıncı satır bilerek eklenmiyor). */
.advks-harita .h-p-liste {
	flex: 0 1 auto;
	min-height: 0;
	overflow-y: auto;
	/* Alt kenarda solma. Kaydırılan liste düz kesildiğinde son satır ortadan
	   bölünüyor ve "bozuk" gibi duruyor; solma hem o kesiği yumuşatıyor hem de
	   aşağıda devamı olduğunu söylüyor. */
	-webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 24px), transparent 100%);
	mask-image: linear-gradient(to bottom, #000 calc(100% - 24px), transparent 100%);
}
/* Tek istisna: kapalı tesiste fazladan bir açıklama kutusu var ve beş satırlık
   hesabı taşırıyor. Görünmeyen kırpma yerine kaydırma tercih ediliyor. */
.advks-harita .h-panel-ic:has(.h-p-kapali) { overflow-y: auto; }
/* İnce kaydırma çubuğu — varsayılan kalın çubuk 320 px'lik panelde çok yer
   kaplıyor ve tasarımın çizgi kalınlıklarıyla uyuşmuyor. */
.advks-harita .h-p-liste { scrollbar-width: thin; scrollbar-color: #D8D4CC transparent; }
.advks-harita .h-p-liste::-webkit-scrollbar { width: 6px; }
.advks-harita .h-p-liste::-webkit-scrollbar-thumb { background: #D8D4CC; border-radius: 3px; }
.advks-harita .h-p-liste::-webkit-scrollbar-track { background: transparent; }
.advks-harita .h-p-ust {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 11px;
	letter-spacing: 0.14em;
	color: var(--k-soluk);
}
.advks-harita .h-p-giris { margin: 0; font-size: 14px; line-height: 1.6; color: var(--k-soluk); }

.advks-harita .h-p-liste { display: flex; flex-direction: column; }
.advks-harita .h-p-liste a {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 0;
	border-bottom: 1px solid var(--k-cizgi2);
	font-size: 13px;
	font-weight: 600;
	color: var(--k-metin);
	text-decoration: none;
}
.advks-harita .h-p-liste a:hover { color: var(--k-turuncu); }
.advks-harita .h-p-liste b { font-weight: 500; color: var(--k-soluk); }

.advks-harita .h-p-bas { display: flex; flex-direction: column; gap: 2px; }
.advks-harita .h-p-ad { font-size: 21px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; }
.advks-harita .h-p-il { font-size: 13px; color: var(--k-soluk); }

/* Ölçüler beş satırın panel yüksekliğine sığması için sıkıldı; dolgu 10→7,
   satır aralığı 3→2. Detay kaydırılmadığı için burada bir piksel bile önemli. */
.advks-harita .h-p-satir {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 6px 0;
	border-bottom: 1px solid var(--k-cizgi2);
}
.advks-harita .h-p-etiket {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 10px;
	letter-spacing: 0.11em;
	color: var(--k-soluk);
}
.advks-harita .h-p-etiket i { font-style: normal; margin-left: 4px; }
.advks-harita .h-p-olcum { color: var(--k-olcum); }
.advks-harita .h-p-model { color: var(--k-model); }
.advks-harita .h-p-deger { font-size: 17px; line-height: 1.35; font-weight: 700; letter-spacing: -0.02em; }
.advks-harita .h-p-deger.v-olcum { color: var(--k-olcum); }
.advks-harita .h-p-deger.v-yok { color: #B4AFA6; }

.advks-harita .h-p-kapali {
	padding: 12px 13px;
	background: #FBF0EC;
	font-size: 13px;
	line-height: 1.55;
	color: #8A3A22;
}
.advks-harita .h-p-dugme {
	padding: 11px 14px;
	background: var(--k-turuncu);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}
/* İkincil bağlantı çerçeveli düğme DEĞİL: iki kutu düğme yan yana durunca
   hangisinin asıl eylem olduğu kayboluyor, üstelik 38 px yer yiyordu. */
.advks-harita .h-p-ikincil {
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	color: var(--k-soluk);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.advks-harita .h-p-yok {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 11px;
	color: #B4AFA6;
}

/* Dar ekranda etiketler okunamaz boyuta iniyor (1000 birimlik viewBox 360 px'e
   sıkıştığında 10,5 px yazı ≈ 3,8 px olur). Etiketler gizleniyor; daireler
   yine bağlantı ve <title> ipucu taşıyor, adlar da hemen altındaki tabloda.
   Panel de haritanın altına iniyor — 320 px'lik sütun dar ekranda haritaya
   yer bırakmıyor. */
@media (max-width: 900px) {
	.advks-harita .h-govde { grid-template-columns: 1fr; }
	.advks-harita .h-tuval { border-right: 0; border-bottom: 1px solid var(--k-cizgi); }
	/* Panel artık haritanın ALTINDA; mutlak konum burada anlamsız ve zararlı
	   (yüksekliği sıfır bir kutuya sıkışırdı). Liste normal akışa dönüyor,
	   uzunluğu sabit bir tavanla sınırlanıyor. */
	.advks-harita .h-panel { position: static; min-height: 0; }
	.advks-harita .h-panel-ic { position: static; overflow: visible; }
	.advks-harita .h-p-liste { max-height: 320px; }
}
@media (max-width: 700px) {
	.advks-harita .h-etiket { display: none; }
	.advks-harita .h-nokta circle { stroke-width: 2; }
}

/* Kullanım ipucu: tablonun devamı, dipnotun üstü. Dipnottan büyük ve koyu
   çünkü ince yazı değil yönlendirme — ama tabloyla aynı çerçevenin içinde
   kalıyor, yoksa sayfaya düşmüş yetim paragraf gibi duruyor. */
.advks-ipucu {
	margin: 0;
	padding: 14px 16px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--k-metin);
	background: var(--k-beyaz);
	border: 1px solid var(--k-cizgi);
	border-top: 0;
}
.advks-ipucu + .advks-dipnot { border-top: 1px solid var(--k-cizgi); }

.advks-dipnot a { color: inherit; text-decoration: underline; }

/* Karşılaştırma sayfasında dipnot tablonun devamı olduğu için üst çizgisi yok.
   Merkez sayfasında tek başına duruyor: çerçevesi kapanmalı ve üstündeki
   kutulardan ayrılmalı. */
.advks-dipnot-tek {
	margin-top: 18px;
	border-top: 1px solid var(--k-cizgi);
}

.advks-uyari { padding: 16px; background: var(--k-uyari-zemin); color: var(--k-uyari); }

/* ---------- Tek merkez ---------- */
.advks-baslik h2 { margin: 0 0 6px; font-size: 36px; font-weight: 800; letter-spacing: -0.04em; }
.advks-ozet { margin: 0 0 24px; font-size: 14px; color: var(--k-soluk); }

.advks-kartlar {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 16px;
	margin-bottom: 28px;
}
/* Kartın ÜST ÇİZGİSİ verinin kaynağını söyler: mavi = ölçüm, gri = model.
   Etiketi okumayan kullanıcı bile farkı görsün diye üçüncü bir işaret. */
.advks-kart {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px;
	background: var(--k-beyaz);
	border: 1px solid var(--k-cizgi);
	border-top: 3px solid var(--k-model);
}
.advks-kart-ana { border-top-color: var(--k-olcum); }
.advks-kart-olcum { border-top-color: var(--k-olcum); }
.advks-kart .advks-kart-ad {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 10px;
	letter-spacing: 0.12em;
	color: var(--k-soluk);
	text-transform: uppercase;
}
.advks-kart .advks-kart-deger { font-size: 26px; font-weight: 700; letter-spacing: -0.03em; }
.advks-kart-ana .advks-kart-deger,
.advks-kart-olcum .advks-kart-deger { color: var(--k-olcum); }
.advks-kart .advks-kart-alt { font-size: 12px; line-height: 1.55; color: var(--k-soluk); text-wrap: pretty; }

.advks-alt-baslik {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin: 30px 0 14px;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -0.03em;
}
.advks-kaynak {
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.12em;
	color: var(--k-olcum);
}
.advks-kaynak-model { color: var(--k-model); }
.advks-kaynak-not { margin: -6px 0 12px; font-size: 13px; line-height: 1.6; color: var(--k-soluk); }

/* Tekil merkez sayfasındaki anahtar YATAY kalır. Karşılaştırma sayfasında
   anahtar dar bir sağ sütuna girdiği için dikey; burada öyle bir sütun yok,
   iki öge yan yana tek satırda daha derli toplu duruyor. */
.advks-anahtar-tek { margin: -10px 0 22px; padding-top: 0; border-top: 0; flex-direction: row; }
.advks-anahtar-tek .a-grup { flex-direction: row; flex-wrap: wrap; gap: 24px; }

/* Beş günlük tahmin — çerçevesiz, üst çizgili.
   Tema tablolara şeritli zemin veriyor (tr:nth-child); burada satırlar sütun
   gibi yan yana durduğu için o şerit "bir gün gri bir gün beyaz" diye rastgele
   bir desen üretiyordu — hata gibi görünüyor. Zemini kesin olarak temizliyoruz. */
.advks-tahmin { min-width: 620px; border: 0; background: transparent; }
.advks-tahmin thead { display: none; }
.advks-tahmin tbody { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 16px; }
.advks-tahmin tbody tr,
.advks-tahmin tbody tr:nth-child(odd),
.advks-tahmin tbody tr:nth-child(even),
.advks-tahmin tbody tr:hover {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px 0 0;
	border-top: 2px solid var(--k-olcum);
	background: transparent !important;
}
.advks-tahmin tbody td,
.advks-tahmin tbody td:nth-child(odd),
.advks-tahmin tbody td:nth-child(even) { padding: 0; border: 0; background: transparent !important; }
/* Model kaynaklı tahminde üst çizgi de gri olsun — kaynak çipiyle tutarlı. */
.advks-tahmin-model tbody tr { border-top-color: var(--k-model); }
.advks-tahmin .t-gun { font-size: 13px; color: var(--k-soluk); }
.advks-tahmin .t-sic { font-size: 20px; font-weight: 700; letter-spacing: -0.03em; }
.advks-tahmin .t-ruzgar { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 12px; color: var(--k-soluk); }

.advks-kutu { padding: 22px 24px; margin: 24px 0; background: var(--k-beyaz); border: 1px solid var(--k-cizgi); }
.advks-kutu strong { font-size: 16px; font-weight: 700; letter-spacing: -0.02em; }
.advks-kutu p { margin: 10px 0 14px; font-size: 14px; line-height: 1.6; color: var(--k-orta); max-width: 88ch; }
.advks-kutu-kapali { background: #FDF2EF; border-color: #F0CFC6; }
.advks-dis {
	display: inline-block;
	background: var(--k-turuncu);
	color: #fff !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 18px;
	margin: 0 10px 8px 0;
}
.advks-dis:hover { background: var(--k-turuncu-koyu); }
.advks-kardes { margin: 16px 0 0; font-size: 13px; line-height: 1.6; color: var(--k-orta); }
.advks-kardes a { color: var(--k-turuncu-koyu); }

/* Listeye dönüş bağlantısı. Üstteki ok geriyi, alttaki tam cümle "buradan
   ne yapabilirim"i anlatıyor; ikisi de aynı yere gidiyor. */
.advks-geri {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
	font-size: 12px;
	letter-spacing: 0.04em;
	color: var(--k-turuncu-koyu);
	text-decoration: none;
	margin-bottom: 18px;
}
.advks-geri::before { content: '←'; font-size: 14px; }
.advks-geri:hover { text-decoration: underline; text-underline-offset: 3px; }

.advks-alt-gezinme {
	margin-top: 36px;
	padding-top: 22px;
	border-top: 1px solid var(--k-cizgi);
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.advks-alt-gezinme .advks-geri {
	margin-bottom: 0;
	font-family: 'Manrope', system-ui, sans-serif;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -0.01em;
}

/* ---------- Tekil sayfanın metin gövdesi ----------
   Tema listelerin işaretini kaldırıyor (list-style:none) ama girintiyi
   bırakıyor; sonuç madde imi olmayan, sebepsiz kaymış bir liste oluyor.
   İşareti geri veriyoruz — maddeler kalın başlangıçlı cümleler, im olmadan
   nerede başlayıp bittikleri okunmuyor. */
.advks-tekil-icerik { margin-top: 34px; }
.advks-tekil-icerik h2 {
	margin: 34px 0 12px;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -0.03em;
	text-transform: none;
}
.advks-tekil-icerik p { margin: 0 0 14px; line-height: 1.75; }
.advks-tekil-icerik ul {
	list-style: disc outside;
	padding-left: 22px;
	margin: 0 0 16px;
}
.advks-tekil-icerik ul li {
	list-style: disc outside;
	margin: 0 0 10px;
	padding-left: 4px;
	line-height: 1.7;
}
.advks-tekil-icerik ul li::marker { color: var(--k-turuncu); }

@media (max-width: 900px) {
	.advks-baslik h2 { font-size: 28px; }
	.advks-tablo-ust h3 { font-size: 22px; }
	.advks-podyum { grid-template-columns: 1fr; }
	.advks-sezon { grid-template-columns: 1fr; gap: 10px; }
	.advks-tahmin { min-width: 0; }
	.advks-tahmin tbody { grid-template-columns: repeat(2, 1fr); }
	.advks-kart .advks-kart-deger { font-size: 22px; }
}