/* Base */
:where([class^="ri-"])::before { content: "\f3c2"; }
body { font-family: 'Montserrat', sans-serif; }

/* Görünüm optimizasyonu (lazy img'ler) */
img[loading="lazy"] { content-visibility: auto; }

/* =========================================================
   Utilities
   ========================================================= */
/* Aspect Ratio yardımcıları */
.ar-16-9 { aspect-ratio: 16/9; }
.ar-3-2  { aspect-ratio: 3/2; }
.ar-3-4  { aspect-ratio: 3/4; }
.ar-1-1  { aspect-ratio: 1/1; }
.ar-auto { aspect-ratio: auto; }

/* İnce, sade scrollbar */
.thin-scroll::-webkit-scrollbar{ width:8px; }
.thin-scroll::-webkit-scrollbar-track{ background:transparent; }
.thin-scroll::-webkit-scrollbar-thumb{ background:#e5e7eb; border-radius:8px; }
.thin-scroll:hover::-webkit-scrollbar-thumb{ background:#d1d5db; }
/* Firefox */
.thin-scroll{ scrollbar-width:thin; scrollbar-color:#e5e7eb transparent; }


/* Küçük etiket (yeşil çip) */
.tag{
  display:inline-block; padding:.125rem .5rem; border-radius:9999px;
  background:#ecfdf5; color:#19ce67; font-weight:500; font-size:.75rem;
}

/* Prose içerik tipografisi (blog/hizmet metinleri) */
.prose h2{ margin:2rem 0 .75rem; font-weight:800; color:#111827; font-size:1.25rem; }
.prose h3{ margin:1.5rem 0 .5rem;  font-weight:700; color:#111827; font-size:1.125rem; }
.prose p{  color:#374151; line-height:1.75; }
.prose ul{ list-style:disc;    padding-left:1.25rem; color:#374151; }
.prose ol{ list-style:decimal; padding-left:1.25rem; color:#374151; }
.prose blockquote{ border-left:4px solid #19ce67; padding-left:1rem; color:#374151; font-style:italic; }

/* Anchor ile gelen başlıklar nav altında kalmasın */
:target{ scroll-margin-top: 90px; }

/* Components */
/* Dropdown (hover / open state) */
.dropdown{
  opacity:0; visibility:hidden; transform:translateY(-10px);
  transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
}
.dropdown-active{
  opacity:1; visibility:visible; transform:translateY(0);
}

/* Testimonial slider (yatay track) */
.testimonial-track{ display:flex; transition: transform .5s ease-in-out; }
.testimonial-item{ min-width:100%; flex-shrink:0; }

/* Hero slider (fade + ken burns) */
#hero{ --fade-ms:900ms; --kenburns-ms:12000ms; }
#hero .hero-slide{
  will-change:opacity,transform;
  transition: opacity var(--fade-ms) cubic-bezier(0.22,1,0.36,1);
}

#hero .hero-active{
  animation-name: hero-kenburns;
  animation-duration: var(--kenburns-ms);
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

/* SSS (details/summary) */
summary::-webkit-details-marker{ display:none; }
details summary{ cursor:pointer; }
.chev{ transition: transform .25s ease; }
details[open] .chev{ transform: rotate(180deg); }

/* Accessibility / Reduced Motion */
@media (prefers-reduced-motion: reduce){
  .dropdown,
  .card,
  .testimonial-track,
  #hero .hero-slide{
    transition: none !important;
  }
  #hero .hero-active{
    animation: none !important;
  }
}