/* =========================================================================
 * "BUGÜN SAHADA" AÇILIR PANELİ — kendi kendine yeten stil dosyası
 *
 * Tasarım kaynağı: kullanıcının verdiği Claude Design mockup'ı (22 Eyl 2026,
 * "Ana Sayfa Windsurf Paneli"). Renkler/tipografi oradan BİREBİR alındı.
 * Eski özet paneli (adv-ozet.css, [advenway_araclar] kısa kodu) AYRI dosya,
 * bu ikisi çakışmaz — sınıf önekleri farklı (advwp- / advws-op-).
 * ====================================================================== */

.advwp {
	--wp-bg:     #131416;
	--wp-yuzey:  #17181a;
	--wp-yuzey2: #1d1e21;
	--wp-uyari-bg: #1e1a12;
	--wp-eniyi-bg: #16211c;
	--wp-cizgi:  rgba(255,255,255,.14);
	--wp-cizgi2: rgba(255,255,255,.1);
	--wp-ink:    #f2f0ec;
	--wp-ink-2:  #cfcac3;
	--wp-ink-3:  #b7b2ac;
	--wp-ink-4:  #9a9691;
	--wp-ink-5:  #8d8983;
	--wp-ink-6:  #7e7a75;
	--wp-turuncu: #ff5b23;
	--wp-iyi:    #4fc98a;
	--wp-sinir:  #e7b24c;
	--wp-kotu:   #b4564a;

	background: var(--wp-yuzey);
	border: 1px solid var(--wp-cizgi);
	border-top: 2px solid var(--wp-turuncu);
	color: var(--wp-ink);
	font-family: 'Archivo', Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5;
}
.advwp * { box-sizing: border-box; }
.advwp a { color: var(--wp-turuncu); text-decoration: none; }
.advwp a:hover { color: #ff7d4f; }
.advwp-mono { font-family: 'JetBrains Mono', ui-monospace, monospace; }

/* ---------- Başlık + gün/seviye seçici (SABİT, REST ile değişmez) ------- */
.advwp-bas {
	padding: 20px 24px;
	border-bottom: 1px solid var(--wp-cizgi);
	display: flex; align-items: flex-end; justify-content: space-between;
	gap: 28px; flex-wrap: wrap;
}
.advwp-bas-sol { display: flex; flex-direction: column; gap: 10px; max-width: 640px; }
.advwp-eyebrow {
	font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .2em;
	color: var(--wp-turuncu);
}
.advwp-baslik { margin: 0; font-size: 26px; font-weight: 700; letter-spacing: -.015em; line-height: 1.15; }
.advwp-aciklama { margin: 0; font-size: 15px; color: var(--wp-ink-3); line-height: 1.5; }

.advwp-bas-sag { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.advwp-secici { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.advwp-secici-et {
	font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .18em;
	color: var(--wp-ink-6);
}
.advwp-btn {
	appearance: none; cursor: pointer; padding: 7px 13px;
	border: 1px solid rgba(255,255,255,.18); background: transparent; color: var(--wp-ink-2);
	font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: .06em;
	transition: border-color .12s ease-out, background .12s ease-out, color .12s ease-out;
}
.advwp-btn:hover { border-color: rgba(255,255,255,.4); color: var(--wp-ink); }
.advwp-btn.is-aktif { border-color: var(--wp-turuncu); background: var(--wp-turuncu); color: var(--wp-bg); }
.advwp-btn[disabled] { opacity: .5; cursor: default; }

/* ---------- Gövde sarmalayıcı (REST ile değişen kısım) ------------------ */
.advwp-govde-sar.is-yukleniyor { opacity: .5; pointer-events: none; }
.advwp-bos { padding: 24px; color: var(--wp-ink-4); }

/* ---------- KPI şeridi --------------------------------------------------- */
.advwp-kpi {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 1px; background: var(--wp-yuzey); border-bottom: 1px solid var(--wp-cizgi);
}
.advwp-k {
	background: var(--wp-yuzey); box-shadow: 1px 0 0 var(--wp-cizgi);
	padding: 16px 20px; display: flex; flex-direction: column; gap: 6px;
}
.advwp-k-et { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .18em; color: var(--wp-ink-6); }
.advwp-k-deger { display: flex; align-items: baseline; gap: 8px; }
.advwp-k-deger b { font-family: 'JetBrains Mono', monospace; font-size: 30px; font-weight: 700; line-height: 1; color: var(--wp-ink); }
.advwp-k-deger i { font-style: normal; font-family: 'JetBrains Mono', monospace; font-size: 14px; color: var(--wp-ink-4); }
.advwp-k-not { font-size: 13px; color: var(--wp-ink-5); }

/* ---------- İki kolon: liste + en iyi seçenek/harita --------------------- */
.advwp-govde { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)); gap: 1px; background: var(--wp-yuzey); }
.advwp-sol, .advwp-sag { background: var(--wp-yuzey); box-shadow: 1px 0 0 var(--wp-cizgi); padding: 18px 22px; display: flex; flex-direction: column; gap: 14px; }

.advwp-cipler { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.advwp-cip {
	display: flex; align-items: center; gap: 8px; padding: 7px 12px;
	border: 1px solid rgba(255,255,255,.16); font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--wp-ink-2);
}
.advwp-cip b { font-weight: 700; color: var(--wp-ink); }
.advwp-cip .advwp-nokta { background: var(--r, var(--wp-ink-6)); }
.advwp-nokta { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--r, currentColor); }

.advwp-liste { display: flex; flex-direction: column; border-top: 1px solid var(--wp-cizgi2); max-height: 320px; overflow-y: auto; }
.advwp-satir {
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px;
	padding: 11px 8px; border-bottom: 1px solid var(--wp-cizgi2); color: inherit;
	transition: background .12s ease-out;
}
.advwp-satir:hover { background: #212327; }
.advwp-satir-sol { flex: 1 1 200px; min-width: 0; display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap; }
.advwp-no { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--wp-ink-6); }
.advwp-ad { font-size: 15px; font-weight: 600; color: var(--wp-ink); }
.advwp-sehir { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--wp-ink-6); }
.advwp-satir-sag { display: flex; align-items: center; gap: 14px; margin-left: auto; }
.advwp-ruzgar { font-family: 'JetBrains Mono', monospace; font-size: 13px; color: var(--wp-ink-2); white-space: nowrap; }
.advwp-pencere { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--wp-ink-5); white-space: nowrap; }
.advwp-rozet {
	font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .06em;
	padding: 5px 10px; border: 1px solid var(--r, var(--wp-ink-6)); color: var(--r, var(--wp-ink-6)); white-space: nowrap;
}

.advwp-yakin { display: flex; flex-direction: column; gap: 8px; }
.advwp-alt-et { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .18em; color: var(--wp-ink-6); }
.advwp-alt-et-yesil { color: var(--wp-iyi); }
.advwp-yakin-kart {
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
	padding: 11px 14px; border: 1px solid rgba(255,255,255,.12); border-left: 2px solid var(--wp-iyi); background: var(--wp-yuzey2);
}
.advwp-yakin-sol { display: flex; flex-direction: column; gap: 3px; }
.advwp-yakin-gun { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .16em; color: var(--wp-ink-6); }
.advwp-yakin-ad { font-size: 15px; font-weight: 600; }
.advwp-yakin-saat { font-family: 'JetBrains Mono', monospace; font-size: 13px; color: var(--wp-iyi); }

.advwp-uyari { border-left: 2px solid var(--wp-sinir); background: var(--wp-uyari-bg); padding: 14px 16px; font-size: 13px; color: var(--wp-ink-3); line-height: 1.55; }
.advwp-uyari strong { color: var(--wp-ink); }

.advwp-eniyi { border: 1px solid rgba(79,201,138,.4); background: var(--wp-eniyi-bg); padding: 18px 20px; display: flex; flex-direction: column; gap: 10px; }
.advwp-eniyi-satir { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.advwp-eniyi-sol { display: flex; flex-direction: column; gap: 4px; }
.advwp-eniyi-ad { font-size: 22px; font-weight: 700; }
.advwp-eniyi-sehir { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--wp-ink-4); }
.advwp-eniyi-ruzgar { display: flex; align-items: baseline; gap: 8px; font-family: 'JetBrains Mono', monospace; }
.advwp-eniyi-ruzgar b { font-size: 34px; font-weight: 700; line-height: 1; }
.advwp-eniyi-ruzgar i { font-style: normal; font-size: 13px; color: var(--wp-ink-4); }
.advwp-eniyi-not { font-size: 13px; color: var(--wp-ink-3); line-height: 1.5; }

.advwp-harita-sar { display: flex; flex-direction: column; gap: 10px; flex: 1 1 auto; min-height: 0; }
.advwp-harita-ust { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.advwp-lejant { display: flex; align-items: center; gap: 14px; font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .1em; color: var(--wp-ink-5); }
.advwp-lejant span { display: flex; align-items: center; gap: 6px; }
.advwp-harita { flex: 1 1 auto; min-height: 220px; border: 1px solid var(--wp-cizgi); background: var(--wp-yuzey2); position: relative; }
.advwp-pin { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 700; color: var(--wp-bg); border: 2px solid var(--wp-bg); }
.advwp-pin-cokiyi, .advwp-pin-iyi { background: var(--wp-iyi); }
.advwp-pin-sinirda { background: var(--wp-sinir); }
.advwp-pin-zayif, .advwp-pin-uygunsuz { background: var(--wp-kotu); }
.advwp-pin-yok { background: var(--wp-ink-6); }

/* ---------- Alt bilgi şeridi ---------------------------------------------- */
.advwp-alt {
	border-top: 1px solid var(--wp-cizgi); padding: 16px 28px;
	display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;
}
.advwp-kaynak { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .12em; color: var(--wp-ink-6); }
.advwp-alt-link { font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: .12em; }

@media (max-width: 640px) {
	.advwp-bas { flex-direction: column; align-items: flex-start; }
	.advwp-eniyi-satir { flex-direction: column; align-items: flex-start; }
	.advwp-satir-sag { margin-left: 0; }
}