/**
 * Auth forms (login/register) — loaded last; fixes dark mode vs .bg-white
 */
html.ahlmall-dark-mode .login_register_wrap .padding_eight_all,
html.ahlmall-dark-mode .login_register_wrap .login_wrap .padding_eight_all,
html.ahlmall-dark-mode .login_register_wrap .login_wrap .bg-white,
html.ahlmall-dark-mode .login_register_wrap .ahlmall-auth-card,
html.ahlmall-dark-mode .login_register_wrap .bg-white {
    background-color: rgb(47, 48, 49) !important;
    background: rgb(47, 48, 49) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    color: #e4e6eb !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
}

html.ahlmall-dark-mode .login_register_wrap .heading_s1 h1,
html.ahlmall-dark-mode .login_register_wrap .heading_s1 h2,
html.ahlmall-dark-mode .login_register_wrap .heading_s1 h3,
html.ahlmall-dark-mode .login_register_wrap .heading_s1 h4,
html.ahlmall-dark-mode .login_register_wrap .heading_s1 h5 {
    color: #f5f6f7 !important;
}

html.ahlmall-dark-mode .login_register_wrap p,
html.ahlmall-dark-mode .login_register_wrap label,
html.ahlmall-dark-mode .login_register_wrap .form-note,
html.ahlmall-dark-mode .login_register_wrap .form-note a,
html.ahlmall-dark-mode .login_register_wrap .login_footer,
html.ahlmall-dark-mode .login_register_wrap .login_footer a,
html.ahlmall-dark-mode .login_register_wrap .custome-checkbox .form-check-label,
html.ahlmall-dark-mode .login_register_wrap .custome-checkbox .form-check-label span,
html.ahlmall-dark-mode .login_register_wrap .text-center,
html.ahlmall-dark-mode .login_register_wrap .text-center p,
html.ahlmall-dark-mode .login_register_wrap .text-center span,
html.ahlmall-dark-mode .login_register_wrap .divider span {
    color: #b0b3b8 !important;
}

html.ahlmall-dark-mode .login_register_wrap .form-note a:hover,
html.ahlmall-dark-mode .login_register_wrap .login_footer a:hover {
    color: var(--color-1st, #fd6a00) !important;
}

html.ahlmall-dark-mode .login_register_wrap .form-control,
html.ahlmall-dark-mode .login_register_wrap input.form-control,
html.ahlmall-dark-mode .login_register_wrap textarea.form-control,
html.ahlmall-dark-mode .login_register_wrap select.form-control {
    background-color: rgb(55, 56, 58) !important;
    background: rgb(55, 56, 58) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #e4e6eb !important;
}

html.ahlmall-dark-mode .login_register_wrap .form-control::placeholder {
    color: #8fa3bc !important;
    opacity: 1 !important;
}

html.ahlmall-dark-mode .login_register_wrap .form-control:focus {
    border-color: var(--color-1st, #fd6a00) !important;
    box-shadow: 0 0 0 2px rgba(253, 106, 0, 0.25) !important;
}

html.ahlmall-dark-mode .login_register_wrap input:-webkit-autofill,
html.ahlmall-dark-mode .login_register_wrap input:-webkit-autofill:hover,
html.ahlmall-dark-mode .login_register_wrap input:-webkit-autofill:focus,
html.ahlmall-dark-mode .login_register_wrap input:-webkit-autofill:active,
html.ahlmall-dark-mode .login_register_wrap textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px rgb(55, 56, 58) inset !important;
    box-shadow: 0 0 0 1000px rgb(55, 56, 58) inset !important;
    -webkit-text-fill-color: #e4e6eb !important;
    caret-color: #e4e6eb !important;
}

html.ahlmall-dark-mode .login_register_wrap .btn-fill-out {
    color: #fff !important;
}

html.ahlmall-dark-mode .login_register_wrap .alert-danger {
    background-color: rgba(127, 29, 29, 0.5) !important;
    border-color: rgba(248, 113, 113, 0.45) !important;
    color: #fecaca !important;
}

html.ahlmall-dark-mode .login_register_wrap .text-danger {
    color: #fca5a5 !important;
}

/* Light mode: ensure readable dark text on white card */
html:not(.ahlmall-dark-mode) .login_register_wrap .ahlmall-auth-card,
html:not(.ahlmall-dark-mode) .login_register_wrap .padding_eight_all.bg-white {
    background-color: #fff !important;
}

html:not(.ahlmall-dark-mode) .login_register_wrap .heading_s1 h3 {
    color: #292b2c !important;
}

html:not(.ahlmall-dark-mode) .login_register_wrap .form-note,
html:not(.ahlmall-dark-mode) .login_register_wrap .login_footer a {
    color: #687188 !important;
}