/* dilekceyazdir.com.tr - Saf Kurumsal & Aydınlık Stil */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --primary-navy: #1E3A8A;
  --primary-navy-dark: #172554;
  --wa-green: #25D366;
  --wa-green-hover: #1eb857;
  --badge-red: #DC2626;
  --bg-light: #F8FAFC;
  --text-dark: #0F172A;
  --text-muted: #475569;
  --border-color: #E2E8F0;
}

/* Premium Hukuk Temalı Marka Fontu */
.brand-law-font {
  font-family: 'Cinzel', 'Playfair Display', Georgia, serif;
  letter-spacing: 0.5px;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: #FFFFFF;
  color: var(--text-dark);
  -webkit-font-smoothing: antialiased;
}

/* iOS Safari Klavyede Otomatik Zoom ve Bozulmayı Önleme (Minimum 16px Kuralı) */
@media (max-width: 640px) {
  input, select, textarea, button {
    font-size: 16px !important;
  }
}

.floating-wa-btn:hover {
  background-color: var(--wa-green-hover);
  transform: translateY(-2px);
  box-shadow: 0 14px 28px -5px rgba(37, 211, 102, 0.5);
}

/* Damga & Mühür Efekti (Gemini Oval Hap) */
.official-seal {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: #FEF2F2;
  color: var(--badge-red);
  border: 1px dashed #FCA5A5;
  padding: 5px 14px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* Adım Numaratörü */
.step-number {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--primary-navy);
  color: #FFFFFF;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

/* Dilekçe Kartı (Gemini AI Organik Oval Köşeler) */
.petition-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border: 1px solid var(--border-color);
  border-radius: 28px !important;
}
.petition-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px -8px rgba(15, 23, 42, 0.08);
  border-color: #CBD5E1;
}

/* Yasal Uyarı Kutusu (Gemini AI Yumuşak Oval Ada) */
.legal-disclaimer-box {
  background-color: #FFFDF5;
  border: 1.5px solid #FDE68A;
  border-radius: 28px !important;
}

/* Özel Dropdown Scrollbar (Belirgin & Akıcı Kaydırma) */
#dropdownMenu::-webkit-scrollbar {
  width: 8px;
}
#dropdownMenu::-webkit-scrollbar-track {
  background: #F1F5F9;
  border-radius: 8px;
}
#dropdownMenu::-webkit-scrollbar-thumb {
  background: #94A3B8;
  border-radius: 8px;
}
#dropdownMenu::-webkit-scrollbar-thumb:hover {
  background: #64748B;
}

/* Kayan Yorumlar (Infinite Marquee Ticker) */
@keyframes scrollLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes scrollRight {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

.marquee-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.marquee-content-left {
  display: flex;
  gap: 16px;
  width: max-content;
  animation: scrollLeft 50s linear infinite;
}

.marquee-content-right {
  display: flex;
  gap: 16px;
  width: max-content;
  animation: scrollRight 50s linear infinite;
}

.marquee-container:hover .marquee-content-left,
.marquee-container:hover .marquee-content-right {
  animation-play-state: paused;
}