/* ===========================================================================
   AYSIS v5 — endustriyel/muhendislik rafine tasarim katmani (anti-AI).
   styles.css'i EZER; base'e dokunmaz. v1 yerlesimi uzerine uygulanir.
   =========================================================================== */

/* --- token ezme: gradient'i duz renge, glow'u ince golgeye, SaaS-yuvarlagi sivriye --- */
:root{
  --radius:6px; --radius-sm:4px;
  --accent-grad:var(--blue-500);                      /* mavi gradient -> duz elektrik mavisi */
  --shadow:0 1px 2px rgba(0,0,0,.55); --shadow-soft:0 1px 2px rgba(0,0,0,.4);
}

/* sayfa arka plani: renkli radial glow'lari kaldir; ince muhendislik grid'i kalir (sonuk) */
body::before{ background:var(--navy-900) !important; }
body::after{ opacity:.18; }

/* kicker/eyebrow = AI-tell -> gizle (baslik kendi agirligiyla konusur) */
.eyebrow{ display:none !important; }

/* olculu, siki tipografi */
h1{ letter-spacing:-.032em; font-size:clamp(2rem,4.4vw,3.05rem); }
h2{ letter-spacing:-.024em; }
h3{ letter-spacing:-.012em; }

/* duz yuzeyler: kart/panel/modal'daki dikey gradient yerine duz surface, glow yok */
.card,.map-panel,.modal,.stat-box{ background:var(--surface); box-shadow:none; }
.card{ transition:border-color .2s; }
.card:hover{ transform:none; border-color:var(--blue-400); }        /* zip-ustune-cik animasyonu yok */
.card .ico,.modal-ico{ border-radius:4px; background:var(--surface-2); color:var(--blue-400); }

/* butonlar: duz, mavi-glow yok */
.btn-primary,.btn-primary:hover{ box-shadow:none; }
.btn{ transition:background .18s var(--ease),border-color .18s,color .18s; }

/* veri sayilari tabular (muhendislik hissi) */
.stat-box b,.hero-stats b,.map-head b,#statMw,#statProv{ font-variant-numeric:tabular-nums; }

/* CTA band: radial glow yok */
.cta-band{ border-radius:8px; }
.cta-band::after{ display:none !important; }

/* === cozum kartlarini CANLI HARITA renk sistemine bagla — anlamli (dekor degil);
      "ayni ikon-kart" kalibini kirar, kartlari harita legend'iyla ayni paletle isaretler === */
.card[data-detail="ges"]{ border-top:2px solid var(--ges); }
.card[data-detail="res"]{ border-top:2px solid var(--res); }
.card[data-detail="hes"]{ border-top:2px solid var(--hes); }
.card[data-detail="hibrit"]{ border-top:2px solid var(--hybrid); }
.card[data-detail="ges"] .ico{ color:var(--ges); background:color-mix(in srgb,var(--ges) 13%,transparent); }
.card[data-detail="res"] .ico{ color:var(--res); background:color-mix(in srgb,var(--res) 13%,transparent); }
.card[data-detail="hes"] .ico{ color:var(--hes); background:color-mix(in srgb,var(--hes) 13%,transparent); }
.card[data-detail="hibrit"] .ico{ color:var(--hybrid); background:color-mix(in srgb,var(--hybrid) 13%,transparent); }
.card[data-detail="ges"]:hover{ border-color:var(--ges); }
.card[data-detail="res"]:hover{ border-color:var(--res); }
.card[data-detail="hes"]:hover{ border-color:var(--hes); }
.card[data-detail="hibrit"]:hover{ border-color:var(--hybrid); }
.card-more{ color:var(--blue-400); }

/* bolum basligi altina ince muhendislik ayraci */
.section-head{ border-bottom:1px solid var(--line); padding-bottom:1.1rem; margin-bottom:1.8rem; }
.section-head .lead{ margin-bottom:0; }

/* hero: guclu, olculu; HUD sonuk filigran (premium restraint) */
.hero-copy h1{ font-weight:800; }
.hero-copy .lead,.hero .lead{ max-width:58ch; }
.home-hud canvas{ opacity:.3; }

/* === Yetenekler: Cozumler kart-grid'inin KLONU gibi gorunmesin (iki ozdes 7-kart grid = AI-tell).
      Yogun yetenek-MATRISI: 2 kolon, hairline cerceve, ikon-kutusuz muted ikon = ayri gorsel dil. === */
.v5-caps{ grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line);
  border:1px solid var(--line); border-radius:6px; overflow:hidden; }
.v5-caps .card{ border:0; border-radius:0; background:var(--surface); padding:1.15rem 1.35rem; }
.v5-caps .card:hover{ background:var(--surface-2); transform:none; border-color:transparent; }
.v5-caps .card:last-child{ grid-column:1 / -1; }
.v5-caps .card .ico{ width:auto; height:auto; margin:0 0 .4rem; padding:0; border:0;
  background:transparent; color:var(--txt-mute); place-items:start; }
.v5-caps .card h3{ font-size:1.02rem; margin:0 0 .3rem; }
.v5-caps .card p{ font-size:.9rem; }
@media(max-width:720px){ .v5-caps{ grid-template-columns:1fr; } .v5-caps .card:last-child{ grid-column:auto; } }

/* tarayici yuzeylerini paletten temala — ucuz ama guclu "elle yapildi" sinyali */
::selection{ background:var(--blue-500); color:#fff; }
*{ scrollbar-width:thin; scrollbar-color:var(--line) transparent; }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-thumb{ background:var(--line); }
::-webkit-scrollbar-thumb:hover{ background:var(--blue-400); }
::-webkit-scrollbar-track{ background:transparent; }

/* a11y: mobilde dokunma hedefleri >=42px (audit bulgusu: filter/map-tools <44) */
@media (max-width:900px){
  .map-filters .filter-btn{ min-height:42px; }
  .map-tools button{ width:42px; height:42px; }
}