/* ==================================================================
   iletisim.css — İLETİŞİM SAYFASI (.il-*)                   2026-09-09
   ==================================================================
   Sayfa  : views/yeni/iletisim.php  (/iletisim)
   Yükleme: ortak.css + kurs.css + vitrin.css + BU DOSYA (+ tw.css)
   Plan   : memory-bank/iletisim-sayfasi-analiz-ve-plan.md

   BURADA OLMAYANLAR (yüklü dosyalardan geliyor, YENİDEN YAZILMADI):
     .vit-hero .vit-hero-yanli .vit-h1 .vit-yol .vit-kicker
     .vit-hero-cta .vit-hero-mikro .vit-hero-yan .vit-yan-bas
     .vit-yan-alt                                           (vitrin.css)
     .btn .btn-primary .btn-cam .btn-navy .btn-outline .sec-head
     .kicker .wrap .tnum .lede .faq .sss-liste .icon      (ortak/kurs)

   Yüzey dili: lacivert panolar (yorumlar/şikayet paletiyle aynı;
   yeni renk uydurulmadı). WhatsApp yeşili yorumlar.css .yr-btn-wa
   ile AYNI ton — iki sayfa aynı butonu konuşuyor.
   ================================================================== */


/* ---- HERO: cevap-önce özet + WhatsApp birincil ---------------------- */
.il-cevap{
  margin:14px 0 22px; max-width:62ch;
  font-size:clamp(15.5px,1.5vw,17px); line-height:1.7; color:#C9D8EE;
}
.il-cevap b{ color:#fff }

/* WhatsApp birincil düğme — yorumlar.css .yr-btn-wa ikizi (ton aynı). */
.il-btn-wa{
  background:#1DAA53;
  box-shadow:0 1px 2px rgb(9 84 40 / .3), 0 8px 20px -10px rgb(29 170 83 / .6);
}
.il-btn-wa:hover{
  background:#22BF5E;
  box-shadow:0 2px 4px rgb(9 84 40 / .26), 0 14px 28px -12px rgb(29 170 83 / .65);
}
.il-btn-wa .icon{ width:19px; height:19px; flex:none }


/* ---- HERO SAĞ PANELİ: hızlı iletişim satırları ----------------------
   Cam kart dili (yorumlar .yr-one paletiyle aynı). */
.il-yan{ display:grid; gap:10px }
.il-yan-satir{
  display:flex; align-items:center; gap:12px;
  padding:13px 15px; border-radius:14px;
  color:#fff;
  background:linear-gradient(158deg, rgb(255 255 255 / .1), rgb(255 255 255 / .04));
  border:1px solid rgb(255 255 255 / .14);
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.il-yan-satir:hover{
  border-color:rgb(255 255 255 / .3);
  background:linear-gradient(158deg, rgb(255 255 255 / .14), rgb(255 255 255 / .06));
  transform:translateY(-1px);
}
.il-yan-ikon{
  flex:none; width:40px; height:40px; border-radius:12px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgb(255 255 255 / .12);
}
.il-yan-ikon .icon{ width:19px; height:19px }
.il-yan-satir .il-ikon-whatsapp{ background:rgb(29 170 83 / .32); color:#7FE3B4 }
.il-yan-metin{ display:grid; gap:1px; min-width:0 }
.il-yan-metin b{ font-size:13px; font-weight:800; letter-spacing:.01em }
.il-yan-metin span{
  font-size:13.5px; color:#C9D8EE;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}


/* ---- BÖLÜM RİTMİ ---------------------------------------------------- */
.il-bolum{ padding-block:0 clamp(28px,4vw,56px) }
.il-bolum:first-of-type{ padding-top:clamp(34px,5vw,64px) }
.il-sayfa .sec-head{ margin-bottom:clamp(20px,3vw,30px) }


/* ---- KANAL KARTLARI -------------------------------------------------
   Tıklanabilir kartlar — tamamı <a>: mobilde tek dokunuş arama/yazma. */
.il-kanallar{
  list-style:none; margin:0; padding:0;
  display:grid; gap:14px;
  grid-template-columns:repeat(auto-fill, minmax(min(300px, 100%), 1fr));
}
.il-kanal{
  display:flex; align-items:center; gap:14px;
  height:100%; padding:18px 18px;
  border-radius:var(--r-x);
  background:var(--surface); border:1px solid var(--line);
  box-shadow:var(--sh-1); color:var(--ink);
  transition:box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}
.il-kanal:hover{
  border-color:rgb(47 107 208 / .3); box-shadow:var(--sh-2);
  transform:translateY(-2px);
}
.il-kanal-ikon{
  flex:none; width:46px; height:46px; border-radius:14px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--tint); color:var(--brand-d);
}
.il-kanal-ikon .icon{ width:21px; height:21px }
.il-kanal-metin{ display:grid; gap:2px; min-width:0 }
.il-kanal-tip{
  font-size:11.5px; font-weight:800; letter-spacing:.08em;
  text-transform:uppercase; color:var(--ink-3);
}
.il-kanal-metin b{
  font-size:16px; font-weight:800; letter-spacing:-.01em;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.il-kanal-ok{ margin-left:auto; width:16px; height:16px; flex:none; color:var(--ink-3) }
.il-kanal:hover .il-kanal-ok{ color:var(--brand) }

/* WhatsApp kartı vurgulu — birincil kanal (patron §F3). */
.il-kanal-wa{ border-color:rgb(29 170 83 / .4); background:rgb(29 170 83 / .06) }
.il-kanal-wa .il-kanal-ikon{ background:rgb(29 170 83 / .14); color:#128C45 }
.il-kanal-wa:hover{ border-color:#1DAA53; box-shadow:0 12px 28px -14px rgb(29 170 83 / .5) }

/* Sosyal medya — metin çipleri (footer ikonlu seti zaten taşıyor). */
.il-sosyal{
  margin:18px 0 0; font-size:13.5px; color:var(--ink-3); font-weight:700;
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
}
.il-sosyal a{
  padding:7px 14px; border-radius:999px;
  background:var(--surface); border:1px solid var(--line);
  color:var(--ink-2); font-weight:700;
  transition:border-color .18s ease, color .18s ease;
}
.il-sosyal a:hover{ border-color:var(--brand); color:var(--brand-d) }


/* ---- KURSİYER DESTEK KUTUSU (§F5) -----------------------------------
   Lacivert pano — yorumlar şikayet panosunun yüzey dili. */
.il-destek{
  display:grid; gap:22px clamp(24px,4vw,48px);
  padding:clamp(26px,4.5vw,46px);
  border-radius:var(--r-x);
  background:linear-gradient(158deg,var(--navy-t),var(--navy-d));
  border:1px solid rgb(255 255 255 / .12);
  box-shadow:0 2px 4px rgb(23 43 76 / .06), 0 24px 52px -26px rgb(16 31 57 / .6);
  color:#fff;
}
.il-destek-metin{ max-width:66ch }
.il-destek-metin .kicker{ color:#8FB4EA }
.il-destek-metin h2{
  margin:10px 0 12px;
  font-size:clamp(22px,2.8vw,30px); line-height:1.22; letter-spacing:-.02em;
}
.il-destek-metin p{ margin:0; font-size:clamp(15px,1.5vw,16.5px); line-height:1.7; color:#C9D8EE }
.il-destek-yollar{
  display:grid; gap:12px;
  grid-template-columns:repeat(auto-fit, minmax(min(240px, 100%), 1fr));
}
.il-yol-kart{
  display:grid; gap:6px; align-content:start;
  padding:16px 16px 15px; border-radius:16px; color:#fff;
  background:linear-gradient(158deg, rgb(255 255 255 / .1), rgb(255 255 255 / .04));
  border:1px solid rgb(255 255 255 / .14);
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.il-yol-kart:hover{
  border-color:rgb(255 255 255 / .3);
  background:linear-gradient(158deg, rgb(255 255 255 / .14), rgb(255 255 255 / .06));
  transform:translateY(-2px);
}
.il-yol-kart b{ font-size:15px; font-weight:800; letter-spacing:-.01em }
.il-yol-kart span{ font-size:13px; line-height:1.55; color:#C9D8EE }


/* ---- ADRES + HARİTA FACADE (§F4 — iframe YOK) ----------------------- */
.il-adres-sarma{
  display:grid; gap:16px;
  grid-template-columns:repeat(auto-fit, minmax(min(320px, 100%), 1fr));
  align-items:stretch;
}
.il-adres{
  display:grid; gap:6px; align-content:center;
  padding:clamp(22px,3vw,32px);
  border-radius:var(--r-x); font-style:normal;
  background:var(--surface); border:1px solid var(--line); box-shadow:var(--sh-1);
}
.il-adres b{ font-size:16.5px; font-weight:800; letter-spacing:-.01em }
.il-adres span{ font-size:15px; line-height:1.6; color:var(--ink-2) }

.il-harita{
  display:grid; gap:12px; justify-items:center; align-content:center;
  text-align:center; padding:clamp(24px,3.5vw,36px);
  border-radius:var(--r-x); color:#fff;
  background:linear-gradient(158deg,var(--navy-t),var(--navy-d));
  border:1px solid rgb(255 255 255 / .12);
  box-shadow:0 2px 4px rgb(23 43 76 / .06), 0 24px 52px -26px rgb(16 31 57 / .6);
}
.il-harita-pin{
  width:52px; height:52px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgb(255 255 255 / .12); color:#8FB4EA;
}
.il-harita-pin .icon{ width:25px; height:25px }
.il-harita-metin{ margin:0; font-size:14.5px; color:#C9D8EE }
.il-harita-metin b{ color:#fff }
.il-harita-cta{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px }
/* Koyu panoda buton çifti: navy düğme kayboluyor → cam yüzeye çevrildi. */
.il-harita .btn-navy{
  background:rgb(255 255 255 / .12); border:1px solid rgb(255 255 255 / .3);
  box-shadow:none;
}
.il-harita .btn-navy:hover{ background:rgb(255 255 255 / .2) }
.il-harita .btn-outline{
  background:#fff; border-color:#fff; color:var(--navy);
}
.il-harita .btn-outline:hover{ background:#F0F5FB; border-color:#F0F5FB }


/* ---- SSS ------------------------------------------------------------ */
.il-sss{ padding-block:0 clamp(28px,4vw,56px); scroll-margin-top:90px }


/* ---- KAPANIŞ CTA ---------------------------------------------------- */
.il-kapanis-bolum{ padding-bottom:clamp(38px,5vw,72px) }
.il-kapanis{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:22px clamp(24px,4vw,48px);
  padding:clamp(26px,4.5vw,46px);
  border-radius:var(--r-x);
  background:linear-gradient(158deg,var(--navy-t),var(--navy-d));
  border:1px solid rgb(255 255 255 / .12);
  box-shadow:0 2px 4px rgb(23 43 76 / .06), 0 24px 52px -26px rgb(16 31 57 / .6);
  color:#fff;
}
.il-kapanis-metin{ flex:1 1 420px; min-width:0; max-width:66ch }
.il-kapanis-metin .kicker{ color:#8FB4EA }
.il-kapanis-metin h2{
  margin:10px 0 12px;
  font-size:clamp(22px,2.8vw,30px); line-height:1.22; letter-spacing:-.02em;
}
.il-kapanis-metin p{ margin:0; font-size:clamp(15px,1.5vw,16.5px); line-height:1.7; color:#C9D8EE }
.il-kapanis-cta{ display:flex; flex-wrap:wrap; gap:12px }