/**
 * Zepva — Custom Styles
 * Tailwind CDN üzerine ek özel stiller
 */

html { scroll-behavior: smooth; }

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

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #F1F5F9; }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #94A3B8; }

/* Tip: kategori bandı yatay scroll daha şık */
nav[aria-label="Kategoriler"]::-webkit-scrollbar { display: none; }
nav[aria-label="Kategoriler"] { scrollbar-width: none; }

/* Sayı input oklarını kaldır */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] { -moz-appearance: textfield; }

/* Seçim rengi marka tonunda */
::selection { background: #99F6E4; color: #134E4A; }

/* Fade in animasyonu */
.fade-in { animation: fadeIn .35s ease-out both; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Focus visible erişilebilirlik */
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #0D9488;
    outline-offset: 2px;
}