/* ============================================================
   BASE.CSS - Temel Yapı ve Reset
   ============================================================ */
* { box-sizing: border-box; }

body {
    margin: 0; padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #1a1a1a; color: #eee;
}

a { text-decoration: none; color: inherit; }
ul { list-style: none; padding: 0; margin: 0; }

/* Scrollbar Özelleştirmesi */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #111; }
::-webkit-scrollbar-thumb { background: #444; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #b52b2b; }

.hidden { display: none !important; }

/* Vue Cloak (Yüklenmeden önce gizleme) */
[v-cloak] { display: none !important; }

/* Çift dokunma ile zoom'u engelle */
button, input, select, textarea, a {
    touch-action: manipulation;
}

/* Mobilde inputa tıklayınca otomatik zoom yapmasını engellemek için font boyutu kuralı */
@media (max-width: 800px) {
    input, select, textarea {
        font-size: 16px !important; /* 16px altı olunca iOS otomatik zoom yapar */
    }
}