/* ===========================================================================
   sırasende — Global stiller (Tailwind üstü ince katman)
   Erişilebilirlik birinci sınıf: 17px taban, güçlü focus, geniş dokunma alanı.
   =========================================================================== */

:root {
  /* Yaşlı kullanıcı için taban yazı boyutu — tüm rem ölçüleri buradan büyür */
  font-size: 17px;
}

html { scroll-behavior: smooth; }

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* --- Focus: her yerde net, gold halka (WCAG) --- */
*:focus-visible {
  outline: 3px solid #cba36c;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Klavye kullanıcısı için "içeriğe atla" bağlantısı */
.skip-link {
  position: fixed;
  left: 1rem;
  top: -100px;
  z-index: 100;
  background: #10314d;
  color: #fff;
  padding: .75rem 1.25rem;
  border-radius: .5rem;
  transition: top .2s ease;
}
.skip-link:focus { top: 1rem; }

/* --- Reveal on scroll --- */
.reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1);
  will-change: opacity, transform;
}
.reveal.in { opacity: 1; transform: none; }

/* --- Çok satır kırpma --- */
.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.line-clamp-3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* --- İnce kaydırma çubuğu --- */
.no-scrollbar::-webkit-scrollbar { display:none; }
.no-scrollbar { -ms-overflow-style:none; scrollbar-width:none; }

/* --- Ürün kartı görsel zoom --- */
.card-media img { transition: transform .6s cubic-bezier(.22,1,.36,1); }
.group:hover .card-media img { transform: scale(1.06); }

/* --- Range input (fiyat filtresi) gold --- */
input[type="range"] { accent-color: #cba36c; }

/* --- Alpine yüklenmeden gizle --- */
[x-cloak] { display: none !important; }

/* --- Dekoratif nokta deseni --- */
.dot-grid {
  background-image: radial-gradient(rgba(16,49,77,.08) 1px, transparent 1px);
  background-size: 22px 22px;
}

/* --- Hero degrade --- */
.hero-fade {
  background: linear-gradient(180deg, #f7f5f1 0%, #eef3f8 100%);
}

/* Hareketi azalt tercihine saygı */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration:.001ms !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
  .reveal { opacity:1; transform:none; }
}

/* --- İkonlar tıklamayı yutmasın: tık her zaman parent butona/linke gitsin
   (modal X, sepet/favori toggle, quick-view vb. güvenilir çalışır) --- */
svg.lucide,
[data-lucide] {
  pointer-events: none;
}

/* --- Tipografi cilası: başlıklar daha zarif (semibold + sıkı harf aralığı) --- */
.font-display {
  font-weight: 600 !important;   /* 700→600: kalınlığı yumuşat */
  letter-spacing: -0.02em;       /* daha sıkı, rafine görünüm */
}
h1.font-display, .font-display.text-4xl, .font-display.text-5xl {
  letter-spacing: -0.03em;
  line-height: 1.1;
}
/* Gövde metni biraz daha ferah */
body { letter-spacing: -0.006em; }