/* ═══════════════════════════════════════════
   GLOBAL RESET — Tüm oyunlar ve sayfalar
   Focus/active state sızıntılarını önler,
   tarayıcı tutarsızlıklarını sıfırlar.
   ═══════════════════════════════════════════ */

/* ── Box Model ── */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ── Dokunmatik & Mobil ── */
html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

/* ── Body ── */
body {
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ── Buton & İnteraktif Elemanlar ── */
button, input, select, textarea {
    font: inherit;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
}

button, [role="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
}

/* ── Focus Reset: Tarayıcı Tutarlılığı ──
   Mouse/touch tıklamalarında focus ring ve
   state sızıntısını tamamen engeller.
   Klavye navigasyonunda (focus-visible) ring gösterir. ── */

/* Tüm etkileşimli öğelerde varsayılan outline kaldır */
button:focus,
[role="button"]:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none;
}

/* Klavye ile odaklanıldığında görünür ring */
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* Mouse/touch tıklamalarında tüm görsel state'leri sıfırla */
button:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* ── Listeler ── */
ol, ul { list-style: none; }

/* ── Görseller ── */
img, svg, video {
    display: block;
    max-width: 100%;
}

/* ── Tablolar ── */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ── Zoom ayarları (akıllı tahta) ── */
@media(min-width:1800px) { html { zoom: 1.2; } }
@media(min-width:2400px) { html { zoom: 1.45; } }