/* =========================================================
   ALTUNBİZ – İletişim Sayfası (Açık Tema) – GÜNCEL
   ========================================================= */
:root{
  --accent:#e67e22;            /* Turuncu (marka) */
  --page-bg:#f6f8fb;           /* Açık sayfa zemini */
  --section:#ffffff;           /* Bölüm/kart zeminleri */
  --ink:#0f172a;               /* Koyu metin (siyahımsı) */
  --muted:#5b6b86;             /* İkincil metin */
  --line:rgba(15,23,42,.08);   /* İnce sınır rengi */
  --shadow:0 10px 26px rgba(15,23,42,.08);
  --radius:1rem;
}

/* ---------- Base ---------- */
html,body{height:100%}
body.iletisim-body{
  background:var(--page-bg);
  color:var(--ink);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Helvetica Neue",Helvetica,"Apple Color Emoji","Segoe UI Emoji";
}
a{ color:inherit; text-decoration:none }
a:hover{ color:var(--accent) }

/* ---------- HERO ---------- */
.hero-iletisim{
  position:relative; isolation:isolate; min-height:48vh;
}
.hero-iletisim::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(140deg, rgba(15,23,42,.55), rgba(2,8,23,.35));
  z-index:0;
}
.hero-iletisim .container{
  position:relative; z-index:1; color:#fff;
}

/* Başlık altındaki ikon/metinler görünür olsun */
.hero-meta{ display:flex; align-items:center; gap:1rem; justify-content:center; }
.hero-meta .bi, .hero-meta i{
  color:#fff; opacity:.95;
  text-shadow:0 2px 6px rgba(0,0,0,.45);
}
.hero-meta span{
  color:#fff; opacity:.92;
  text-shadow:0 2px 6px rgba(0,0,0,.35);
}

/* ---------- HERO Butonları: default beyaz, hover turuncu ---------- */
.hero-actions{ display:flex; gap:.6rem; justify-content:center; flex-wrap:wrap; }
.hero-actions .btn{
  border:1px solid #e5eaf3; 
  background:#fff; color:var(--ink);
  border-radius:.7rem; font-weight:700; padding:.7rem 1rem;
  display:inline-flex; align-items:center; gap:.5rem;
  transition:transform .2s ease, filter .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
  box-shadow:0 8px 22px rgba(0,0,0,.08);
  will-change: transform;
}
.hero-actions .btn:hover{
  background:var(--accent); color:#fff; border-color:var(--accent);
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(230,126,34,.28);
}
.btn-call,.btn-mail,.btn-wa{ /* hepsi aynı görünümde olsun */
  background:#fff; color:var(--ink);
}

/* ---------- İletişim Kartları ---------- */
.contact-cards{
  background:transparent;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  content-visibility:auto;            /* boyama maliyetini azalt */
  contain-intrinsic-size: 600px;
}
.c-card{
  background:var(--section);
  border:1px solid var(--line);
  color:var(--ink);
  border-radius:var(--radius);
  padding:1.25rem 1.2rem;
  box-shadow:var(--shadow);
  transition:transform .18s ease, box-shadow .18s ease;
  will-change: transform;
}
.c-card:hover{ transform:translateY(-3px); box-shadow:0 16px 32px rgba(15,23,42,.12) }
.c-card h6{
  font-weight:800; letter-spacing:.2px; margin:.6rem 0 .25rem;
  color:var(--ink);
}
/* Alt yazıları SİYAH yap */
.c-card p, .c-card small{ color:var(--ink); opacity:.95 }

/* Kart ikon kutuları */
.c-icon{
  width:48px; height:48px; border-radius:12px;
  display:grid; place-items:center; font-size:1.1rem;
  background:#eef2ff; border:1px solid var(--line); color:#2b3a55;
}

/* Telefon & e-posta linkleri mavi ve belirgin olsun */
.c-card a{
  color:#1e40af; text-decoration:underline; font-weight:600;
}
.c-card a:hover{ color:#153079 }

/* ---------- Form & Map ---------- */
.form-and-map{ background:transparent; content-visibility:auto; contain-intrinsic-size: 900px; }
.form-wrap{
  background:var(--section);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:1rem 1rem 1.2rem;
}
.form-title{ color:var(--ink) }
.form-sub{ color:var(--ink); opacity:.95 }   /* beyazımsı değil siyah */

/* Form controls (açık tema) */
.form-label{ font-weight:700; color:#0f172a }
.form-control, .form-check-input, textarea{
  background:#ffffff !important;
  border:1px solid #dbe2ef !important;
  color:#0f172a !important;
  border-radius:.65rem !important;
}
.form-control::placeholder{ color:#98a6bf }
.form-control:focus, textarea:focus{
  outline:0; box-shadow:0 0 0 .2rem rgba(230,126,34,.18);
  border-color:var(--accent) !important;
}

/* KVKK checkbox – işaretlenince TAM YEŞİL */
.form-check-input{
  width:1.15rem; height:1.15rem; cursor:pointer;
}
.form-check-input:checked{
  background-color:#22c55e !important;
  border-color:#22c55e !important;
  box-shadow: inset 0 0 0 999px #22c55e, 0 0 0 .15rem rgba(34,197,94,.25) !important;
}

/* Hata mesajı */
.invalid-feedback{ color:#b42318 }
.was-validated .form-control:invalid{ border-color:#ef4444 !important; background:#fff7f7 !important }
.was-validated .form-check-input:invalid{ border-color:#ef4444 !important }

/* Form GÖNDER butonu: default beyaz, hover turuncu */
.btn-submit{
  background:#fff; color:var(--ink);
  border:1px solid #dbe2ef; border-radius:.7rem;
  font-weight:800; padding:.9rem 1.1rem;
  box-shadow:var(--shadow);
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
  will-change: transform;
}
.btn-submit:hover{
  background:var(--accent); color:#fff; border-color:var(--accent);
  transform:translateY(-2px);
}

/* Map */
.map-wrap{
  background:var(--section);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:1rem;
  box-shadow:var(--shadow);
}
.map-iframe{ width:100%; height:360px; border:0; border-radius:.8rem; }

/* Saat ve açıklamalar SİYAH */
.hours li{ color:var(--ink); opacity:.95; padding:.15rem 0 }
.hours i{ margin-right:.35rem; color:#3b5bc7 }

/* ---------- CTA Band (açık) – buton beyaz, hover turuncu ---------- */
.cta-band{
  padding:1.25rem 0;
  background:linear-gradient(135deg, #fefefe, #f4f7fb);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  color:var(--ink);
}
.btn-cta{
  background:#fff; color:var(--ink);
  font-weight:800; padding:.85rem 1.15rem; border-radius:.8rem; display:inline-block;
  border:1px solid #e5eaf3;
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
  box-shadow:var(--shadow);
  will-change: transform;
}
.btn-cta:hover{
  background:var(--accent); color:#fff; border-color:var(--accent);
  transform:translateY(-2px);
}

/* ===================== */
/* WhatsApp Floating Btn */
/* ===================== */
.whatsapp-float {
  position: fixed;
  bottom: 40px;
  left: 40px;
  background-color: #25D366;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  z-index: 1000;
  transition: 0.3s;
}

.whatsapp-float img {
  width: 36px;
  height: 36px;
}

.whatsapp-float:hover {
  background-color: #1ebe57;
  text-decoration: none;
}
/* Küçük ekran ayarı */
@media (max-width: 576px){
  .whatsapp-float{
    width: 70px;
    height: 70px;
    right: 14px;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  }
  .whatsapp-float img{
    width: 36px; height: 36px;
  }
}
/* Hareket hassasiyeti */
@media (prefers-reduced-motion: reduce){
  .whatsapp-float{ transition: none; }
}
/* Yazdırmada gizle */
@media print{
  .whatsapp-float{ display: none !important; }
}

/* ---------- Print ---------- */
@media print{
  .hero-iletisim, .cta-band, .whatsapp-float{ display:none !important }
  body{ background:#fff; color:#000 }
  a{ color:#000 }
}

/* Hareketi azalt tercihine saygı */
@media (prefers-reduced-motion: reduce){
  * { animation: none !important; transition: none !important; }
}