/* ════════════════════════════════════════════════════════════
   ESPA AUTH SAYFALARI — Neo Kinpaku (giriş / kayıt / şifremi unuttum)
   Yönetim konsoluyla aynı dil: koyu lacquer zemin, kinpaku altın,
   1px gold hairline, sert köşeler (3-6px), neredeyse gölgesiz.
   Bu dosya style.css + admin-console.css SONRASI yüklenir.
   ════════════════════════════════════════════════════════════ */

/* ---- Sayfa zemini: düz siyah (grid kareleri + altın parıltısı KALDIRILDI) ----
   !important: style.css'teki [data-theme=dark] .auth-page (mavi gradyan)
   daha yüksek specificity'de — onu geçmek için zorunlu. */
.auth-page, .login-wrap {
    background: #000 !important;
    min-height: 100vh;
    position: relative;
}

/* ---- Sol panel: marka + özellikler ---- */
.auth-left {
    color: var(--c-body);
    z-index: 1;
    position: relative;
}
.auth-left h1 {
    color: var(--c-text);
    font-family: var(--font-display);
    font-weight: 400;
    letter-spacing: -0.5px;
}
.auth-left p {
    color: var(--c-muted);
}
.auth-features li {
    color: var(--c-body);
    font-size: 0.95rem;
}
.auth-features li .icon {
    color: var(--c-gold);
    font-size: 22px;
    flex-shrink: 0;
}

/* ---- Sağ panel ---- */
.auth-right { z-index: 1; position: relative; }

/* ---- Kart: raised lacquer + gold hairline ---- */
.auth-card {
    background: var(--c-panel);
    border: 1px solid var(--c-line2);
    border-radius: 6px;
    box-shadow: var(--shadow-lg);
    padding: 40px 36px;
}
.auth-card-title {
    color: var(--c-text);
    font-family: var(--font-display);
    font-weight: 400;
    font-size: 1.5rem;
    letter-spacing: -0.3px;
}
.auth-card-subtitle { color: var(--c-muted); }

/* ---- Form kontrolleri ---- */
.auth-page .form-label {
    color: var(--c-body);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}
.auth-page .form-input,
.auth-page .form-select,
.auth-page .form-textarea {
    background: var(--c-panel2);
    border: 1px solid var(--c-line);
    color: var(--c-text);
    border-radius: 4px;
}
.auth-page .form-input:focus,
.auth-page .form-select:focus,
.auth-page .form-textarea:focus {
    border-color: var(--c-gold);
    box-shadow: 0 0 0 3px var(--c-gold-dim);
    outline: none;
}
.auth-page .form-input::placeholder { color: var(--c-dim); }
.auth-page .input-icon-wrapper .icon { color: var(--c-muted); }

/* ---- Butonlar ---- */
.auth-page .btn { border-radius: 4px; }
.auth-page .btn-primary {
    background: var(--c-gold);
    border: 1px solid var(--c-gold);
    color: var(--c-deep);
    font-weight: 700;
    letter-spacing: 0.02em;
}
.auth-page .btn-primary:hover {
    background: var(--c-gold-pale);
    border-color: var(--c-gold-pale);
}
.auth-page .btn-secondary {
    background: transparent;
    border: 1px solid var(--c-line);
    color: var(--c-body);
}
.auth-page .btn-secondary:hover {
    border-color: var(--c-gold-deep);
    color: var(--c-gold);
    background: var(--c-gold-dim);
}
.auth-page .btn:disabled { opacity: 0.4; cursor: not-allowed; }

/* ---- Sekmeler (E-posta / QR) ---- */
.auth-page [id$="TabEmail"],
.auth-page [id$="TabQR"] {
    border-bottom: 2px solid transparent;
}
.auth-page [id$="TabEmail"].active,
.auth-page [id$="TabQR"].active {
    border-bottom-color: var(--c-gold);
    color: var(--c-text);
}

/* ---- Ayraç / footer / linkler ---- */
.auth-divider { color: var(--c-dim); }
.auth-divider::before,
.auth-divider::after { background: var(--c-line); }
.auth-footer { color: var(--c-muted); }
.auth-footer a { color: var(--c-gold); font-weight: 600; }
.auth-page a { color: var(--c-gold); }
.auth-page a:hover { color: var(--c-gold-pale); }

/* ---- Hata kutusu ---- */
.auth-page #loginError,
.auth-page .form-error {
    background: var(--c-red-dim);
    border: 1px solid var(--c-red);
    color: var(--c-red);
    border-radius: 4px;
}

/* ---- Checkbox ---- */
.auth-page .form-check-label { color: var(--c-body); font-size: 0.9rem; }
.auth-page .form-check input[type="checkbox"] {
    accent-color: var(--c-gold);
}

/* ---- QR kutusu (beyaz zemin QR için gerekli, sert köşe) ---- */
.auth-page #qrCodeContainer { border-radius: 4px; }

/* ---- Mobil: telefon için özel giriş ekranı ----
   Sol panel gizli, QR sekmesi gizli (mobilde QR ile giriş anlamsız),
   kart tam genişlik, dokunma hedefleri büyütülmüş, iOS zoom engellendi. */
@media (max-width: 768px) {
    .auth-page {
        min-height: 100vh;
        min-height: 100dvh;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        padding: 0;
    }
    .auth-left { display: none; }
    .auth-right {
        width: 100%;
        flex: 1;
        padding: 32px 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .auth-card {
        width: 100%;
        max-width: 420px;
        margin: 0;
        padding: 32px 24px;
        border-radius: 10px;
        background: var(--c-panel);
        border: 1px solid var(--c-line2);
    }

    /* Mobil marka başlığı */
    .auth-mobile-brand { margin-bottom: 24px; }
    .auth-mobile-brand > div { margin-bottom: 14px; }

    /* Sekmeler mobilde gizli — yalnızca e-posta girişi
       (inline display:flex'i ezmek için !important) */
    .auth-tabs { display: none !important; }
    #qrLoginSection { display: none !important; }

    /* Başlık ve alt başlık */
    .auth-card-title {
        font-size: 1.65rem;
        margin-bottom: 6px;
    }
    .auth-card-subtitle {
        margin-bottom: 26px;
        font-size: 0.95rem;
    }

    /* Form grupları */
    .auth-card .form-group { margin-bottom: 18px; }
    .auth-card .form-label {
        font-size: 0.85rem;
        margin-bottom: 8px;
        display: block;
    }

    /* Input'lar: iOS zoom engelleme (16px), dokunma hedefi */
    .auth-card .form-input {
        min-height: 52px;
        font-size: 16px;
    }

    /* Beni Hatırla / Şifremi Unuttum satırı */
    .auth-card .form-check-label { font-size: 0.9rem; }
    .auth-card .form-check input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }

    /* Giriş butonu: tam genişlik, yüksek, dokunma dostu */
    .auth-card .btn-lg {
        min-height: 54px;
        font-size: 1.05rem;
    }
    .auth-card .btn-block { width: 100%; }

    /* Ayraç */
    .auth-divider { margin: 22px 0; }

    /* Footer */
    .auth-footer { margin-top: 6px; }
    .auth-footer p {
        font-size: 0.8rem;
        line-height: 1.55;
    }
}
/* teslim: motor tamamladi (0.3.152) */
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/* teslim: motor tamamladi (0.3.152) */
:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:3px}:focus:not(:focus-visible){outline:none}