/* Karavanio — özel stiller (Tailwind üstüne premium dokunuşlar) */

html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

/* Başlıklar için ince ayar */
.font-display { letter-spacing: -0.02em; }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f4ecdc; }
::-webkit-scrollbar-thumb { background: #276146; border-radius: 10px; border: 2px solid #f4ecdc; }
::-webkit-scrollbar-thumb:hover { background: #0b3b2e; }

/* Kart hover'ı — premium hareket */
.kart-hover {
  transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease, border-color .3s ease;
}
.kart-hover:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 60px -25px rgba(6,35,25,.35), 0 12px 25px -12px rgba(6,35,25,.2);
}

/* Görsel üstü yumuşak overlay */
.gorsel-overlay::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(6,35,25,.75) 0%, rgba(6,35,25,.1) 45%, transparent 70%);
  pointer-events: none;
}

/* Hero sinematik ken-burns */
@keyframes kenburns {
  0%   { transform: scale(1.06) translate(0,0); }
  50%  { transform: scale(1.12) translate(-1%, -1%); }
  100% { transform: scale(1.06) translate(0, 0); }
}
.hero-zoom { animation: kenburns 22s ease-in-out infinite alternate; }

/* SSS accordion */
.sss-item[open] summary .sss-ic { transform: rotate(45deg); }
.sss-item summary { list-style: none; cursor: pointer; }
.sss-item summary::-webkit-details-marker { display: none; }

/* Yumuşak girişler */
@keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.anim-fade-up { animation: fadeUp .8s cubic-bezier(.2,.8,.2,1) both; }
.anim-delay-1 { animation-delay: .1s; } .anim-delay-2 { animation-delay: .2s; }
.anim-delay-3 { animation-delay: .3s; } .anim-delay-4 { animation-delay: .4s; }

/* Rozet şerit */
.rozet {
  background: linear-gradient(135deg, #f5b946 0%, #d08520 100%);
  color: #062319;
  box-shadow: 0 8px 20px -8px rgba(208,133,32,.45);
}

/* Input tutarlılığı */
.girdi {
  width: 100%;
  border-radius: .75rem;
  border: 1px solid #dcece3;
  background: #ffffff;
  padding: .75rem 1rem;
  font-size: 14.5px;
  color: #0b3b2e;
  transition: border-color .2s, box-shadow .2s;
}
.girdi:focus {
  outline: none;
  border-color: #3b7a5b;
  box-shadow: 0 0 0 4px rgba(59,122,91,.15);
}
.etiket { display:block; font-size: 12.5px; font-weight: 600; color: #1d4d39; margin-bottom: .4rem; letter-spacing: .02em; }

/* Buton sistem */
.btn-primary { background:#f5b946; color:#062319; font-weight:700; padding:.85rem 1.25rem; border-radius:.75rem; box-shadow: 0 10px 25px -12px rgba(245,185,70,.6); transition:.25s; display:inline-flex; align-items:center; gap:.5rem; }
.btn-primary:hover { background:#eea236; transform: translateY(-1px); }
.btn-dark { background:#0b3b2e; color:#fff; font-weight:600; padding:.85rem 1.25rem; border-radius:.75rem; transition:.25s; display:inline-flex; align-items:center; gap:.5rem; }
.btn-dark:hover { background:#153b2d; transform: translateY(-1px); }
.btn-ghost { background:transparent; color:#0b3b2e; font-weight:600; padding:.85rem 1.25rem; border-radius:.75rem; border:1px solid #dcece3; transition:.25s; display:inline-flex; align-items:center; gap:.5rem; }
.btn-ghost:hover { background:#f1f7f4; }

/* Bölüm başlığı */
.bolum-ust { text-align:center; max-width: 680px; margin: 0 auto 2.5rem; }
.bolum-kicker { display:inline-block; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color:#276146; font-weight:700; background:#dcece3; padding:.35rem .75rem; border-radius: 999px; }
.bolum-baslik { font-family:'Playfair Display', serif; font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 800; color:#0b3b2e; margin-top: .75rem; line-height:1.15; letter-spacing:-.02em; }
.bolum-alt { color:#276146; margin-top: .75rem; font-size: 15.5px; }

/* Etiket çip */
.cip { display:inline-flex; align-items:center; gap:.35rem; padding:.35rem .6rem; border-radius:8px; background:#f1f7f4; color:#1d4d39; font-size: 12px; font-weight:600; }

/* Admin basit stilleri */
.admin-card { background:#fff; border:1px solid #e5e7eb; border-radius: 14px; padding: 1.25rem; box-shadow: 0 1px 2px rgba(0,0,0,.02); }
.admin-table { width:100%; border-collapse: collapse; font-size:14px; }
.admin-table th { text-align:left; font-weight:600; color:#64748b; padding:10px 12px; border-bottom:1px solid #e5e7eb; background:#f8fafc; }
.admin-table td { padding:12px; border-bottom:1px solid #f1f5f9; }
.admin-table tr:hover td { background:#f8fafc; }