/* Tailwind CSS CDN ile yuklenir, ek ozellestirme icin buraya yazabilirsin */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

/* Kurumsal Renk Paleti (ayrica root'da tanimliyorum)
   Birincil: #1e40af, Ikincil: #0891b2, Vurgu: #f59e0b, Arka: #f8fafc, Metin: #1e293b, Beyaz: #fff */
:root {
    --color-primary: #1e40af;
    --color-secondary: #0891b2;
    --color-accent: #f59e0b;
    --color-bg: #f8fafc;
    --color-text: #1e293b;
}
body {
    font-family: 'Inter', Arial, sans-serif;
}
/* Responsive, utility-first ve dark mode destekli class'lar icin Tailwind kullanilacak. Burasi ozel stil v.b. icin ayrildi. */
.bg-primary {
  background-color: var(--color-primary) !important;
}
.hover\:bg-secondary:hover {
  background-color: var(--color-secondary) !important;
}

/* Urun kartı resimlerinin boyutu sabit ve kesilmeden tam görünüm için */
.urun-karti-img {
  width: 100%;  
  height: 250px;
  object-fit: contain;
  background: #f9fafb;
  display: block;
}

/* Menu alt banner */
.site-top-banner {
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* Basit tipografi: veritabanından gelen HTML icin */
.prose h1 { font-size: 1.875rem; line-height: 2.25rem; margin: 0 0 .75rem; font-weight: 700; color: var(--color-primary); }
.prose h2 { font-size: 1.5rem; line-height: 2rem; margin: 1rem 0 .5rem; font-weight: 700; color: var(--color-primary); }
.prose h3 { font-size: 1.25rem; line-height: 1.75rem; margin: .75rem 0 .5rem; font-weight: 600; color: #0f172a; }
.prose p { margin: .5rem 0 1rem; color: #334155; }
.prose ul { padding-left: 1.25rem; margin: .5rem 0 1rem; }
.prose li { list-style: disc; margin: .25rem 0; }

/* Footer logo: beyaz filtre */
.footer-logo { filter: brightness(0) invert(1); }

/* Sertifikalar marquee */
.marquee { overflow: hidden; position: relative; }
.marquee-track { display: flex; width: max-content; animation: marquee-left 25s linear infinite; gap: 2rem; }
.marquee:hover .marquee-track { animation-play-state: paused; }
@keyframes marquee-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}