/* Konfor Cafe — iletisim.css */
.page-iletisim .contact-card{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;
  background:#fff;border:1px solid var(--color-line);border-radius:var(--radius);padding:1.8rem 1.3rem;
  box-shadow:var(--shadow-sm);color:var(--color-ink);transition:transform .2s ease,box-shadow .2s ease}
.page-iletisim a.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);color:var(--color-ink)}
.page-iletisim .contact-card__icon{width:60px;height:60px;border-radius:50%;display:inline-flex;align-items:center;
  justify-content:center;font-size:1.5rem;background:rgba(8,35,60,.08);color:var(--color-primary)}
.page-iletisim .contact-card__icon--wa{background:rgba(37,211,102,.15);color:#1da851}
.page-iletisim .contact-card h3{font-family:var(--font-body);font-size:1.1rem;font-weight:600;margin:.2rem 0 0}
.page-iletisim .contact-card p{color:var(--color-muted);margin:0}
.page-iletisim .contact-card__action{margin-top:.3rem;font-weight:600;font-size:.9rem;color:var(--color-secondary-700)}
.page-iletisim .contact-card__social{display:flex;gap:.8rem;margin-top:.2rem}
.page-iletisim .contact-card__social a{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;
  justify-content:center;background:rgba(8,35,60,.08);color:var(--color-primary);font-size:1.15rem}
.page-iletisim .contact-card__social a:hover{background:var(--color-secondary);color:#fff}

.page-iletisim .contact-hours{margin-top:2rem;text-align:center;color:var(--color-muted)}
.page-iletisim .contact-hours i{color:var(--color-accent);margin-right:.35rem}

.page-iletisim .contact-map{margin-top:1rem}
.page-iletisim .map-embed{min-height:400px}
.page-iletisim .map-facade{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;
  min-height:400px;border:none;border-top:1px solid var(--color-line);background:var(--color-cream);
  color:var(--color-primary);font-weight:600;font-size:1.05rem;padding:1.5rem;transition:background .2s ease}
.page-iletisim .map-facade i{font-size:2.6rem;color:var(--color-secondary)}
.page-iletisim .map-facade__hint{font-weight:400;font-size:.92rem;color:var(--color-muted)}
.page-iletisim .map-facade:hover{background:#fff}
.page-iletisim .map-frame{min-height:400px;border-radius:0}

/* Dar ekran: sosyal ikon dokunma hedefi >=44px */
@media (max-width:380px){
  .page-iletisim .contact-card__social a{width:44px;height:44px}
}