/* ============================================================
   iletisim.css — İletişim (iletisim.php)
   iletişim bilgileri · sosyal · harita · yol tarifi (FORM YOK)
   Mobil öncelikli: base · 768 · 1200
   ============================================================ */

.contact-grid{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,32px);align-items:start}

/* ---------- Bilgi kartı ---------- */
.contact-info{display:grid;gap:8px;padding:clamp(18px,2.2vw,26px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);min-width:0}
.ci-item{display:flex;align-items:center;gap:.9rem;padding:.7rem;border-radius:12px;transition:.25s;min-width:0}
.ci-item>span{min-width:0;overflow-wrap:anywhere}
a.ci-item:hover{background:rgba(251,178,23,.07)}
.ci-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--grad-gold-soft);border:1px solid rgba(251,178,23,.22);color:var(--gold);flex:0 0 auto}
.ci-ic svg{width:22px;height:22px}
.ci-item small{display:block;color:var(--faint);font-size:.78rem}
.ci-item b{font-family:var(--font-d);font-size:1rem;font-weight:600;overflow-wrap:anywhere}

/* ---------- Hızlı aksiyon butonları ---------- */
.ci-actions{display:grid;gap:.6rem;margin-top:.4rem}
.ci-actions .btn{width:100%}

.ci-socials{display:flex;gap:.6rem;padding:.9rem .7rem 0;border-top:1px solid var(--line);margin-top:.6rem}
.ci-socials a{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;border:1px solid var(--line);color:var(--muted);transition:.3s}
.ci-socials a:hover{color:var(--gold);border-color:var(--gold);transform:translateY(-3px)}
.ci-socials svg{width:19px;height:19px}

/* ---------- Harita ---------- */
.map-wrap{border:1px solid var(--line-2);border-radius:var(--radius-lg);overflow:hidden;line-height:0}
.map-wrap iframe{width:100%;height:340px;border:0;filter:grayscale(.3) invert(.92) hue-rotate(180deg) contrast(.9)}


/* ============================================================
   768px ve üstü — tablet
   ============================================================ */
@media (min-width:768px){
  .contact-grid{grid-template-columns:.95fr 1.05fr}
  .map-wrap iframe{height:100%;min-height:420px}
}