/* =====================================================================
   Yenihisar Sürücü Kursu - Özel Stiller
   (Tailwind CDN üzerine ince ayarlar)
   ===================================================================== */

:root {
  --renk-ana: #1e3a8a;      /* lacivert  */
  --renk-vurgu: #f59e0b;    /* amber     */
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ---- Hero degrade & desen ---- */
.hero-gradient {
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(245, 158, 11, 0.18), transparent 60%),
    radial-gradient(900px 500px at 0% 100%, rgba(59, 130, 246, 0.20), transparent 55%),
    linear-gradient(135deg, #0f172a 0%, #1e3a8a 60%, #1d4ed8 100%);
}

.grid-pattern {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 42px 42px;
}

/* ---- Kesikli yol animasyonu (hero) ---- */
@keyframes yol-kay {
  from { background-position-x: 0; }
  to   { background-position-x: -84px; }
}
.yol-cizgi {
  height: 6px;
  border-radius: 999px;
  background-image: linear-gradient(90deg, #fbbf24 0 42px, transparent 42px 84px);
  background-size: 84px 6px;
  animation: yol-kay 1.1s linear infinite;
}

/* ---- Kart hover ---- */
.kart-hover {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.kart-hover:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 40px -18px rgba(30, 58, 138, 0.35);
}

/* ---- Yavaş giriş animasyonu ---- */
@keyframes belir {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}
.belir {
  opacity: 0;
}
.belir.gorundu {
  animation: belir .7s ease forwards;
}

/* ---- WhatsApp buton nabız ---- */
@keyframes nabiz {
  0%   { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.55); }
  70%  { box-shadow: 0 0 0 16px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
.wa-nabiz {
  animation: nabiz 2s infinite;
}

/* ---- Quiz seçenek ---- */
.quiz-secenek {
  transition: all .18s ease;
}
.quiz-secenek:hover:not(:disabled) {
  border-color: #1d4ed8;
  background: #eff6ff;
}
.quiz-dogru {
  background: #dcfce7 !important;
  border-color: #16a34a !important;
  color: #166534 !important;
}
.quiz-yanlis {
  background: #fee2e2 !important;
  border-color: #dc2626 !important;
  color: #991b1b !important;
}

/* ---- İnce kaydırma çubuğu (admin) ---- */
.ince-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
.ince-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
.ince-scroll::-webkit-scrollbar-track { background: transparent; }