/* ============================================================
   reset.css — Tarayıcı Sıfırlama (CSS Reset)
   Tüm tarayıcılarda tutarlı görünüm sağlamak için
   varsayılan stilleri sıfırlar.
   ============================================================ */

/* Tüm elemanların box-sizing'ini border-box yapar —
   padding ve border genişliğe dahil edilir */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Varsayılan margin ve padding'i tüm elemanlardan kaldırır */
* {
  margin: 0;
  padding: 0;
}

/* HTML elemanının font boyutunu %100 yapar,
   düzgün rem hesaplaması için gerekli */
html {
  font-size: 100%;
  /* Sayfa kaydırmasını yumuşatır */
  scroll-behavior: smooth;
  /* iOS'da metin boyutunu ayarlamayı engeller */
  -webkit-text-size-adjust: 100%;
  /* [data-animate] elemanlari ekrana girmeden once transform ile
     kaydirilmis halde bulunuyor (animations.css); bu, henuz
     IntersectionObserver tetiklenmemis asagidaki bolumler icin
     birkac pikselik gizli bir yatay tasmaya yol aciyordu. */
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

/* Body'nin minimum yüksekliğini viewport'a eşitler */
body {
  min-height: 100vh;
  /* Metin render kalitesini artırır */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Metin render optimizasyonu */
  text-rendering: optimizeLegibility;
}

/* Görseller blok eleman olarak davranır,
   altındaki boşluğu kaldırır */
img,
picture,
video,
canvas,
svg {
  display: block;
  /* Görsellerin container'ı aşmasını engeller */
  max-width: 100%;
}

/* Form elemanlarının font'unu parent'tan miras almasını sağlar */
input,
button,
textarea,
select {
  font: inherit;
}

/* Başlık elemanlarının font boyutunu ve ağırlığını sıfırlar —
   kendi stil dosyalarında tekrar tanımlanacak */
h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* Paragraf metinlerinin uzun kelimelerle taşmasını engeller */
p {
  overflow-wrap: break-word;
}

/* Listelerin varsayılan bullet/numara stilini kaldırır */
ul, ol {
  list-style: none;
}

/* Linklerin varsayılan alt çizgisini kaldırır */
a {
  text-decoration: none;
  /* Rengi parent'tan miras alır */
  color: inherit;
}

/* Tablo hücrelerinin kenarlıklarını birleştirir */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Butonların varsayılan stilini sıfırlar */
button {
  background: none;
  border: none;
  cursor: pointer;
}

/* Ekran okuyucular için gizli ama erişilebilir sınıf */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  /* Elemanı görünmez kılar ama DOM'da kalır */
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}