/* ================================================================
   AUTH MODALS v13 — Stake Dark Theme
   Palet: #0f212e / #1a2c38 / #213743
   Aksan: #1fff20 (kayıt CTA)
   Giriş butonu: rgba(255,255,255,0.07) + rgba(255,255,255,0.16) border
   Gold detay: #c9a84c
   Metin: #c2cfe0
   ================================================================ */

/* ── OVERLAY ── */
.auth-modal-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,0.78) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    z-index: 3000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.22s ease, visibility 0.22s ease !important;
}
.auth-modal-overlay.active {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ── MODAL WRAPPER ── */
.auth-modal {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -46%) !important;
    z-index: 3001 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.24s ease, transform 0.26s cubic-bezier(.22,.68,0,1.15), visibility 0.24s ease !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    width: min(580px, 94vw) !important;
    max-width: none !important;
    height: auto !important;
    min-height: unset !important;
    max-height: 94vh !important;
    background: #0f212e !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    box-shadow: 0 32px 80px rgba(0,0,0,0.85), 0 0 0 1px rgba(255,255,255,0.04) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
}
.auth-modal.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) !important;
}
.auth-modal::before,
.auth-modal::after {
    display: none !important;
    content: none !important;
}

/* ID seçiciler — yüksek özgüllük */
#loginModal,
#forgotModal {
    width: min(580px, 94vw) !important;
    max-width: none !important;
    height: auto !important;
    max-height: 94vh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
}

#registerModal {
    width: min(800px, 94vw) !important;
    max-width: none !important;
    height: auto !important;
    max-height: 94vh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
}

/* ── GÖRSEL PANEL ── */
.am-img {
    width: 42% !important;
    min-width: 42% !important;
    max-width: 42% !important;
    flex-shrink: 0 !important;
    align-self: stretch !important;
    position: relative !important;
    overflow: hidden !important;
    background: #091820 !important;
    height: auto !important;
    min-height: 420px !important;
}
.am-img::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
        135deg,
        rgba(15,33,46,0.15) 0%,
        rgba(15,33,46,0.0) 40%,
        rgba(15,33,46,0.55) 100%
    ) !important;
    z-index: 1 !important;
}
/* Alt gradient — forma geçişi */
.am-img::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important; right: -1px !important; bottom: 0 !important;
    width: 60px !important;
    background: linear-gradient(
        270deg,
        rgba(26,44,56,1) 0%,
        rgba(26,44,56,0.6) 30%,
        rgba(26,44,56,0) 100%
    ) !important;
    z-index: 2 !important;
}
.am-img img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    filter: none !important;
    z-index: 0 !important;
}

/* ── FORM PANEL ── */
.am-form {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    background: #0f212e !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255,255,255,0.08) transparent !important;
    height: auto !important;
}
.am-form::-webkit-scrollbar { width: 3px !important; }
.am-form::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.10) !important; border-radius: 3px !important; }

/* ── KAPAT BUTONU ── */
.am-close {
    position: absolute !important;
    top: 14px !important;
    right: 16px !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: none !important;
    border: none !important;
    color: #3c5464 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    box-shadow: none !important;
    transform: none !important;
    padding: 0 !important;
    transition: color 0.15s !important;
}
.am-close:hover {
    background: none !important;
    color: #c2cfe0 !important;
    border-color: transparent !important;
}

/* ── BAŞLIK ── */
.am-head {
    padding: 26px 28px 0 28px !important;
    position: relative !important;
    flex-shrink: 0 !important;
}
.am-head h2 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #c2cfe0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
    margin: 0 0 5px 0 !important;
    line-height: 1.25 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    background-clip: unset !important;
    text-shadow: none !important;
}
/* Başlık altındaki vurgu çizgisi */
.am-head h2::after {
    content: "" !important;
    display: block !important;
    width: 28px !important;
    height: 2px !important;
    background: #1fff20 !important;
    border-radius: 2px !important;
    margin-top: 7px !important;
}
.am-head p {
    font-size: 12.5px !important;
    color: #8fa8b8 !important;
    margin: 0 !important;
}

/* ── FORM GÖVDE ── */
.am-body {
    padding: 20px 28px 20px 28px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    justify-content: center !important;
}
.am-group { margin-bottom: 11px !important; }
.am-group:last-child { margin-bottom: 0 !important; }

/* ── LABEL ── */
.am-label {
    display: block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #8fa8b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 6px !important;
}

/* ── INPUT ── */
.am-input,
.am-select,
.am-textarea {
    width: 100% !important;
    height: 42px !important;
    background: #1a2c38 !important;
    border: 1px solid rgba(255,255,255,0.09) !important;
    border-radius: 6px !important;
    color: #c2cfe0 !important;
    font-size: 13.5px !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    padding: 0 13px !important;
    outline: none !important;
    transition: border-color 0.18s, background 0.18s !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}
/* iOS date input — am-input'taki -webkit-appearance:none'u geri al */
.am-input[type="date"],
.am-date-input {
    -webkit-appearance: textfield !important;
    appearance: textfield !important;
    font-size: 16px !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 13px !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Date wrapper — placeholder efekti için */
.am-date-wrapper {
    position: relative !important;
    width: 100% !important;
    display: block !important;
}

.am-date-placeholder {
    position: absolute !important;
    left: 13px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #5a7a8a !important;
    -webkit-text-fill-color: #5a7a8a !important;
    font-size: 13.5px !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    pointer-events: none !important;
    z-index: 3 !important;
    transition: opacity 0.15s !important;
    line-height: 1 !important;
}

.am-date-input:not(:placeholder-shown) + .am-date-placeholder,
.am-date-input.has-value + .am-date-placeholder {
    opacity: 0 !important;
}

/* Date input değer seçilmeden önce metin rengini gizle (sadece placeholder görünsün) */
.am-date-input:not(.has-value) {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

.am-date-input.has-value {
    color: #c2cfe0 !important;
    -webkit-text-fill-color: #c2cfe0 !important;
}

.am-input::placeholder, .am-textarea::placeholder {
    color: #5a7a8a !important;
    -webkit-text-fill-color: #5a7a8a !important;
}
.am-input:focus, .am-select:focus, .am-textarea:focus {
    border-color: rgba(31,255,32,0.35) !important;
    background: #1e3244 !important;
    box-shadow: 0 0 0 3px rgba(31,255,32,0.07) !important;
}
.am-input.err, .am-select.err, .am-textarea.err {
    border-color: rgba(255,80,80,0.5) !important;
    box-shadow: 0 0 0 3px rgba(255,80,80,0.06) !important;
}

/* Password wrapper */
.am-pw { position: relative !important; }
.am-pw .am-input { padding-right: 42px !important; }
.am-pw-toggle {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    color: #3c5464 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    padding: 4px !important;
    line-height: 1 !important;
    transition: color 0.18s !important;
}
.am-pw-toggle:hover { color: #c2cfe0 !important; }

/* Phone */
.am-phone {
    display: flex !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #1a2c38 !important;
    transition: border-color 0.18s !important;
}
.am-phone:focus-within {
    border-color: rgba(31,255,32,0.35) !important;
    box-shadow: 0 0 0 3px rgba(31,255,32,0.07) !important;
}
.am-phone-flag {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 13px !important;
    font-size: 12.5px !important;
    color: #6e8a9a !important;
    white-space: nowrap !important;
    border-right: 1px solid rgba(255,255,255,0.07) !important;
    flex-shrink: 0 !important;
    font-weight: 500 !important;
}
.am-phone-flag img { width: 16px !important; }
.am-phone .am-input {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    flex: 1 !important;
    height: 42px !important;
    padding-left: 11px !important;
    box-shadow: none !important;
}
.am-phone .am-input:focus {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Select */
.am-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath stroke='%236e8a9a' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    padding-right: 34px !important;
    cursor: pointer !important;
}
.am-select option { background: #0f212e !important; color: #c2cfe0 !important; }

/* Textarea */
.am-textarea {
    height: auto !important;
    resize: none !important;
    padding: 10px 13px !important;
    line-height: 1.55 !important;
}

/* Checkbox */
.am-check {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    cursor: pointer !important;
    font-size: 12px !important;
    color: #8fa8b8 !important;
    line-height: 1.55 !important;
    user-select: none !important;
}
.am-check input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    accent-color: #1fff20 !important;
    cursor: pointer !important;
    margin-top: 2px !important;
}
.am-check a { color: #c2cfe0 !important; text-decoration: underline !important; text-underline-offset: 2px !important; }

/* Remember / forgot row */
.am-remember-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 12px 0 16px !important;
}
.am-forgot {
    font-size: 12px !important;
    color: #8fa8b8 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: color 0.18s !important;
}
.am-forgot:hover { color: #c2cfe0 !important; }

/* ── TÜM MODAL BUTONLARI — neon yeşil CTA ── */
.am-btn {
    width: 100% !important;
    height: 44px !important;
    background: #1fff20 !important;
    border: none !important;
    border-radius: 6px !important;
    color: #0a1a0a !important;
    -webkit-text-fill-color: #0a1a0a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    letter-spacing: 0.04em !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: background 0.18s, box-shadow 0.18s !important;
    position: relative !important;
    overflow: hidden !important;
    text-shadow: none !important;
    box-shadow: 0 4px 20px rgba(31,255,32,0.25) !important;
}
/* Tüm modal butonlarında shimmer/parlama efekti kapat */
.auth-modal .am-btn::before, .auth-modal .am-btn::after,
#loginSubmitBtn::before, #loginSubmitBtn::after,
#forgotSubmitBtn::before, #forgotSubmitBtn::after,
#registerSubmitBtn::before, #registerSubmitBtn::after,
#regPanel1 .am-btn::before, #regPanel1 .am-btn::after,
#regPanel2 .am-btn::before, #regPanel2 .am-btn::after {
    display: none !important;
    content: none !important;
}
.am-btn:hover {
    background: #3fff40 !important;
    box-shadow: 0 6px 28px rgba(31,255,32,0.38) !important;
    color: #0a1a0a !important;
    -webkit-text-fill-color: #0a1a0a !important;
    filter: none !important;
    transform: none !important;
}
.am-btn:active {
    background: #1adf1b !important;
    box-shadow: 0 2px 10px rgba(31,255,32,0.18) !important;
}
.am-btn:disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
}

/* Kayıt formu butonu — neon yeşil (CTA) */
#registerSubmitBtn,
#registerModal .am-btn[type="submit"],
#regPanel1 .am-btn,
#regPanel2 .am-btn[type="submit"] {
    background: #1fff20 !important;
    border: none !important;
    color: #0a1a0a !important;
    -webkit-text-fill-color: #0a1a0a !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    box-shadow: 0 4px 20px rgba(31,255,32,0.25) !important;
}
#registerSubmitBtn:hover,
#registerModal .am-btn[type="submit"]:hover,
#regPanel1 .am-btn:hover,
#regPanel2 .am-btn[type="submit"]:hover {
    background: #3fff40 !important;
    border: none !important;
    color: #0a1a0a !important;
    -webkit-text-fill-color: #0a1a0a !important;
    box-shadow: 0 6px 28px rgba(31,255,32,0.38) !important;
    filter: none !important;
}
#registerSubmitBtn:active,
#registerModal .am-btn[type="submit"]:active {
    background: #1adf1b !important;
    box-shadow: 0 2px 10px rgba(31,255,32,0.20) !important;
}

/* Devam et butonu (regPanel1) — yeşil */
#regPanel1 .am-group:last-child .am-btn {
    background: #1fff20 !important;
    border: none !important;
    color: #0a1a0a !important;
    -webkit-text-fill-color: #0a1a0a !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 20px rgba(31,255,32,0.25) !important;
}

/* ── ALERT ── */
.am-alert {
    display: none !important;
    padding: 10px 13px !important;
    border-radius: 6px !important;
    font-size: 12.5px !important;
    margin-bottom: 13px !important;
    align-items: center !important;
    gap: 8px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}
.am-alert.error {
    display: flex !important;
    background: rgba(255,70,70,0.08) !important;
    border: 1px solid rgba(255,70,70,0.20) !important;
    color: #ff7878 !important;
}
.am-alert.success {
    display: flex !important;
    background: rgba(31,255,32,0.07) !important;
    border: 1px solid rgba(31,255,32,0.20) !important;
    color: #1fff20 !important;
}

/* ── FOOTER ── */
.am-footer {
    padding: 12px 28px 18px !important;
    border-top: 1px solid rgba(255,255,255,0.05) !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    margin-top: auto !important;
    background: rgba(0,0,0,0.25) !important;
}
.am-switch {
    font-size: 12.5px !important;
    color: #6e8a9a !important;
    margin: 0 !important;
}
.am-switch a {
    color: #c2cfe0 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.18s !important;
}
.am-switch a:hover { color: #fff !important; }

/* ── Şifremi unuttum açıklama ── */
.am-desc {
    font-size: 13px !important;
    color: #8fa8b8 !important;
    margin-bottom: 18px !important;
    line-height: 1.65 !important;
}

/* ── Section başlıkları ── */
.am-section {
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    color: #5a7a8a !important;
    font-weight: 700 !important;
    margin: 16px 0 9px 0 !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}
.am-section:first-child { margin-top: 0 !important; }

/* ── Register grid ── */
.am-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px 10px !important;
}
.am-grid .am-full { grid-column: 1 / -1 !important; }
.am-grid .am-group { margin-bottom: 0 !important; }

/* ── Step göstergesi ── */
.am-steps {
    display: flex !important;
    gap: 5px !important;
    margin-bottom: 18px !important;
}
.am-step {
    height: 3px !important;
    flex: 1 !important;
    border-radius: 3px !important;
    background: rgba(255,255,255,0.07) !important;
    transition: background 0.28s !important;
}
.am-step.active { background: #c2cfe0 !important; }

.am-step-panel { display: none !important; }
.am-step-panel.active { display: block !important; }

/* ── Geri butonu ── */
.am-back {
    background: none !important;
    border: none !important;
    color: #6e8a9a !important;
    font-size: 12px !important;
    cursor: pointer !important;
    padding: 0 !important;
    font-family: inherit !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 14px !important;
    transition: color 0.18s !important;
}
.am-back:hover { color: #c2cfe0 !important; }

/* ── Mobil banner ── */
.am-mob-banner { display: none !important; }

/* Register: justify flex-start */
#registerModal .am-body {
    justify-content: flex-start !important;
    padding-bottom: 16px !important;
}
#registerModal .am-form {
    overflow-y: auto !important;
}

/* ================================================================
   MOBİL ≤ 640px
================================================================ */
@media (max-width: 640px) {
    .auth-modal,
    #loginModal, #forgotModal, #registerModal {
        width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        min-height: 100dvh !important;
        max-height: none !important;
        border-radius: 0 !important;
        border: none !important;
        flex-direction: column !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        top: 0 !important;
        left: 0 !important;
        transform: translateY(3%) !important;
    }
    .auth-modal.active,
    #loginModal.active, #forgotModal.active, #registerModal.active {
        transform: translateY(0) !important;
    }

    .am-img { display: none !important; }

    .am-mob-banner {
        display: block !important;
        width: 100% !important;
        height: 150px !important;
        flex-shrink: 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }
    .am-mob-banner img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center 35% !important;
    }

    .am-form {
        flex: none !important;
        width: 100% !important;
        overflow-y: visible !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .am-head { padding: 20px 20px 0 !important; }

    .am-body {
        padding: 18px 20px 0 !important;
        justify-content: flex-start !important;
        flex: none !important;
    }

    .am-footer {
        padding: 14px 20px 22px !important;
        margin-top: 0 !important;
        background: transparent !important;
    }

    .am-input, .am-select { height: 46px !important; font-size: 15px !important; }
    .am-phone .am-input { height: 46px !important; }
    .am-date-input { height: 46px !important; line-height: 46px !important; font-size: 16px !important; }
    .am-date-placeholder { font-size: 15px !important; }
    .am-btn { height: 48px !important; font-size: 15px !important; }

    .am-grid { grid-template-columns: 1fr !important; }
    .am-grid .am-full { grid-column: 1 !important; }
    .am-remember-row { margin: 10px 0 14px !important; }
    .am-section { margin: 12px 0 7px !important; }
}

/* ================================================================
   GLOBAL OVERRIDE — Diğer CSS dosyalarından gelen
   çelişen kuralları sıfırla
================================================================ */
.auth-modal-overlay {
    background: rgba(0,0,0,0.78) !important;
    backdrop-filter: blur(6px) !important;
}

.auth-modal,
#loginModal, #forgotModal, #registerModal {
    background: #0f212e !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: 0 32px 80px rgba(0,0,0,0.80), 0 0 0 1px rgba(255,255,255,0.04) !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.auth-modal::before, .auth-modal::after,
#loginModal::before, #loginModal::after,
#forgotModal::before, #forgotModal::after,
#registerModal::before, #registerModal::after {
    display: none !important;
    content: none !important;
}

/* Input renk override */
.auth-modal input[type="text"],
.auth-modal input[type="email"],
.auth-modal input[type="password"],
.auth-modal input[type="tel"],
.auth-modal input[type="date"],
.auth-modal select,
.auth-modal textarea {
    background: #1a2c38 !important;
    border: 1px solid rgba(255,255,255,0.09) !important;
    color: #c2cfe0 !important;
    box-shadow: none !important;
}
.auth-modal input:focus,
.auth-modal select:focus,
.auth-modal textarea:focus {
    border-color: rgba(31,255,32,0.35) !important;
    box-shadow: 0 0 0 3px rgba(31,255,32,0.07) !important;
    background: #243e4d !important;
}
.auth-modal input::placeholder,
.auth-modal input::-webkit-input-placeholder,
.auth-modal input::-moz-placeholder {
    color: #5a7a8a !important;
    -webkit-text-fill-color: #5a7a8a !important;
    opacity: 1 !important;
}
.auth-modal .am-phone input {
    border: none !important;
    box-shadow: none !important;
}
.auth-modal label,
.auth-modal .form-label {
    color: #8fa8b8 !important;
    font-weight: 400 !important;
    background: none !important;
    -webkit-text-fill-color: unset !important;
}
.auth-modal .am-head h2 {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    color: #c2cfe0 !important;
    text-shadow: none !important;
}

/* Tüm modal butonları — neon yeşil */
.auth-modal .am-btn,
#loginSubmitBtn,
#forgotSubmitBtn {
    background: #1fff20 !important;
    border: none !important;
    color: #0a1a0a !important;
    -webkit-text-fill-color: #0a1a0a !important;
    text-shadow: none !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 20px rgba(31,255,32,0.25) !important;
}
.auth-modal .am-btn:hover,
#loginSubmitBtn:hover, #loginSubmitBtn:focus,
#forgotSubmitBtn:hover, #forgotSubmitBtn:focus {
    background: #3fff40 !important;
    border: none !important;
    color: #0a1a0a !important;
    -webkit-text-fill-color: #0a1a0a !important;
    box-shadow: 0 6px 28px rgba(31,255,32,0.38) !important;
    filter: none !important;
    transform: none !important;
}

/* Register submit — neon yeşil (override üstüne override) */
#registerSubmitBtn,
#registerSubmitBtn:hover,
#registerSubmitBtn:focus {
    background: #1fff20 !important;
    border: none !important;
    color: #0a1a0a !important;
    -webkit-text-fill-color: #0a1a0a !important;
    text-shadow: none !important;
    box-shadow: 0 4px 20px rgba(31,255,32,0.25) !important;
    filter: none !important;
    transform: none !important;
}
#registerSubmitBtn:hover {
    background: #3fff40 !important;
    box-shadow: 0 6px 28px rgba(31,255,32,0.38) !important;
}
#registerSubmitBtn:active {
    background: #1adf1b !important;
    box-shadow: 0 2px 10px rgba(31,255,32,0.18) !important;
}

/* gold-black-luxury-theme.css button submit hover override */
.auth-modal button[type="submit"]:hover,
.auth-modal button[type="submit"]:focus {
    transform: none !important;
}

/* ── gold-black-luxury-theme.css SIFIRLAMA ── */
/* Shimmer efekti — tüm modal butonlarında kapat */
.auth-modal button[type="submit"]::before,
.auth-modal button[type="submit"]::after,
.auth-modal .am-btn::before,
.auth-modal .am-btn::after,
#loginSubmitBtn::before, #loginSubmitBtn::after,
#forgotSubmitBtn::before, #forgotSubmitBtn::after,
#registerSubmitBtn::before, #registerSubmitBtn::after,
#loginModal .am-btn::before, #loginModal .am-btn::after,
#forgotModal .am-btn::before, #forgotModal .am-btn::after,
#registerModal .am-btn::before, #registerModal .am-btn::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

/* Gold input focus — tamamen kaldır, yeşil ile değiştir */
.auth-modal input[type="text"]:focus,
.auth-modal input[type="email"]:focus,
.auth-modal input[type="password"]:focus,
.auth-modal input[type="tel"]:focus,
.auth-modal input[type="date"]:focus,
.auth-modal select:focus,
.auth-modal textarea:focus {
    border-color: rgba(31,255,32,0.35) !important;
    box-shadow: 0 0 0 3px rgba(31,255,32,0.07) !important;
    background: #1e3244 !important;
    outline: none !important;
}

/* Gold box-shadow efekti — giriş/şifre sıfırlama butonlarında yok */
#loginSubmitBtn,
#forgotSubmitBtn {
    box-shadow: 0 4px 20px rgba(31,255,32,0.25) !important;
    overflow: hidden !important;
}

/* Date input — iOS Safari uyumlu */
.auth-modal input[type="date"],
.auth-modal .am-date-input {
    -webkit-appearance: textfield !important;
    appearance: textfield !important;
    background: #1a2c38 !important;
    cursor: pointer !important;
    font-size: 16px !important; /* iOS zoom engellemek için min 16px */
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 13px !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    visibility: visible !important;
    border: 1px solid rgba(255,255,255,0.09) !important;
    border-radius: 6px !important;
}
.auth-modal input[type="date"]::-webkit-date-and-time-value,
.auth-modal .am-date-input::-webkit-date-and-time-value {
    color: #c2cfe0 !important;
    text-align: left !important;
}
.auth-modal input[type="date"]::-webkit-datetime-edit,
.auth-modal .am-date-input::-webkit-datetime-edit {
    color: #c2cfe0 !important;
    -webkit-text-fill-color: #c2cfe0 !important;
    padding: 0 !important;
}
.auth-modal input[type="date"]::-webkit-datetime-edit-text,
.auth-modal input[type="date"]::-webkit-datetime-edit-month-field,
.auth-modal input[type="date"]::-webkit-datetime-edit-day-field,
.auth-modal input[type="date"]::-webkit-datetime-edit-year-field,
.auth-modal .am-date-input::-webkit-datetime-edit-text,
.auth-modal .am-date-input::-webkit-datetime-edit-month-field,
.auth-modal .am-date-input::-webkit-datetime-edit-day-field,
.auth-modal .am-date-input::-webkit-datetime-edit-year-field {
    color: #c2cfe0 !important;
    -webkit-text-fill-color: #c2cfe0 !important;
}
.auth-modal input[type="date"]::-webkit-datetime-edit-fields-wrapper,
.auth-modal .am-date-input::-webkit-datetime-edit-fields-wrapper {
    color: #c2cfe0 !important;
    padding: 0 !important;
}
.auth-modal input[type="date"]::-webkit-inner-spin-button,
.auth-modal input[type="date"]::-webkit-calendar-picker-indicator,
.auth-modal .am-date-input::-webkit-inner-spin-button,
.auth-modal .am-date-input::-webkit-calendar-picker-indicator {
    opacity: 0.5 !important;
    cursor: pointer !important;
    filter: invert(1) !important;
}
/* ── OTP KUTULARI ── */
.am-otp-input {
    width: 42px !important;
    height: 50px !important;
    background: #1a2c38 !important;
    border: 1.5px solid rgba(255,255,255,0.12) !important;
    border-radius: 8px !important;
    color: #c2cfe0 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    text-align: center !important;
    outline: none !important;
    caret-color: #1fff20 !important;
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}
.am-otp-input:focus {
    border-color: #1fff20 !important;
    background: #1e3244 !important;
    box-shadow: 0 0 0 3px rgba(31,255,32,0.12) !important;
}
.am-otp-input.filled {
    border-color: rgba(31,255,32,0.45) !important;
}
.am-otp-input.err {
    border-color: rgba(255,80,80,0.6) !important;
    box-shadow: 0 0 0 3px rgba(255,80,80,0.1) !important;
}
@media (max-width: 480px) {
    .am-otp-input {
        width: 38px !important;
        height: 46px !important;
        font-size: 20px !important;
        border-radius: 7px !important;
    }
}