/* ==========================================================
   Keçeci Sigorta - Ortak Stil Dosyası
   (Orijinal HTML dosyalarındaki tüm <style> blokları buraya
   aktarılmıştır. Sayfaya özel sınıflar da bölüm başlıklarıyla
   bu dosyada toplanır.)
   ========================================================== */

/* ---------- Genel ---------- */
body {
  font-family: 'Inter', sans-serif;
  background-color: #ffffff;
  color: #0A1F44;
}

/* ---------- Anasayfa Hero ---------- */
.hero-section {
  background: url('../images/anasayfa_hero_bg.jpg') no-repeat center center;
  background-size: cover;
}

/* ---------- Altın gradyan başlıklar ---------- */
.gold-gradient-text {
  background: linear-gradient(135deg, #D4AF37 0%, #F3DFA3 50%, #B8942A 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

.gold-shine {
  background: linear-gradient(90deg, #B8942A 0%, #F3DFA3 25%, #D4AF37 50%, #F3DFA3 75%, #B8942A 100%);
  background-size: 200% auto;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 4s linear infinite;
}

@keyframes shine {
  0% { background-position: 200% center; }
  100% { background-position: -200% center; }
}

/* ---------- Kaydırma çubuğu ---------- */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #F1F5F9; }
::-webkit-scrollbar-thumb { background: #D4AF37; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #B8942A; }

/* ---------- Skip link ---------- */
.skip-link { position: absolute; left: -9999px; top: 0; background: #D4AF37; color: #0A1F44; padding: 12px 20px; z-index: 100; border-radius: 0 0 8px 0; font-weight: 600; }
.skip-link:focus { left: 0; }

/* ---------- Anasayfa - Müşteri yorumları ---------- */
.testimonial-card { transition: all 0.3s ease; }
.testimonial-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(212, 175, 55, 0.15); }

/* ---------- SSS (Anasayfa & İletişim) ---------- */
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; }
.faq-item.open .faq-answer { max-height: 300px; }
.faq-item.open .faq-icon { transform: rotate(45deg); }
.faq-icon { transition: transform 0.3s ease; }

/* ---------- Anasayfa - Blog / Rehber ---------- */
.blog-card img { transition: transform 0.5s ease; }
.blog-card:hover img { transform: scale(1.05); }

/* ---------- Sigorta Türleri ---------- */
.insurance-card img { transition: transform 0.5s ease; }
.insurance-card:hover img { transform: scale(1.05); }

/* ---------- Hakkımızda - Ekip ---------- */
.team-card img { transition: transform 0.3s ease; }
.team-card:hover img { transform: scale(1.1); }
.team-card { transition: all 0.3s ease; }

/* ---------- Teklif Al ---------- */
.loader { width: 48px; height: 48px; border: 4px solid #E2E8F0; border-top-color: #D4AF37; border-radius: 50%; animation: spin 0.8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.policy-card { opacity: 0; transform: translateY(24px); animation: fadeInUp 0.5s ease-out forwards; }
.policy-card:nth-child(1) { animation-delay: 0.1s; }
.policy-card:nth-child(2) { animation-delay: 0.25s; }
.policy-card:nth-child(3) { animation-delay: 0.4s; }

/* ---------- Fade-in-up animasyonu (Tailwind config'te tanımlı anahtarlar) ---------- */
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}