/* Authentication Modal Input Fix CSS */
/* This file ensures login and signup inputs are always functional */

/* Force all modal inputs to be interactive */
.modal input[type="email"],
.modal input[type="password"],
.modal input[type="text"],
.modal input[type="tel"] {
    background-color: white !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    cursor: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    color: #495057 !important;
}

/* Override disabled and readonly states */
.modal input[type="email"]:disabled,
.modal input[type="password"]:disabled,
.modal input[type="text"]:disabled,
.modal input[type="tel"]:disabled,
.modal input[type="email"][readonly],
.modal input[type="password"][readonly],
.modal input[type="text"][readonly],
.modal input[type="tel"][readonly] {
    background-color: white !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    cursor: text !important;
    color: #495057 !important;
}

/* Specific fixes for login and signup inputs */
#loginEmail,
#loginPassword,
#signupName,
#signupEmail,
#signupPassword,
#signupConfirmPassword,
#signupPhone {
    background-color: white !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    cursor: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    color: #495057 !important;
    border: 1px solid #ced4da !important;
}

/* Override Bootstrap form-control disabled styles */
.form-control:disabled,
.form-control[readonly] {
    background-color: white !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: text !important;
    color: #495057 !important;
}

/* Ensure input groups don't interfere */
.input-group .form-control {
    background-color: white !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    cursor: text !important;
}

/* Focus states */
.modal input[type="email"]:focus,
.modal input[type="password"]:focus,
.modal input[type="text"]:focus,
.modal input[type="tel"]:focus {
    background-color: white !important;
    border-color: #80bdff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
    outline: 0 !important;
}

/* Mobile specific fixes */
@media (max-width: 768px) {
    .modal input[type="email"],
    .modal input[type="password"],
    .modal input[type="text"],
    .modal input[type="tel"] {
        font-size: 16px !important; /* Prevents zoom on iOS */
        background-color: white !important;
        pointer-events: auto !important;
        opacity: 1 !important;
        cursor: text !important;
    }
}

/* Prevent any overlay or pseudo-elements from blocking input */
.modal .input-group::before,
.modal .input-group::after,
.modal .form-control::before,
.modal .form-control::after {
    display: none !important;
}

/* Ensure no z-index issues */
.modal input {
    position: relative !important;
    z-index: 1 !important;
}