/* Email Input Visibility Fix */
/* Ensure email inputs are always visible with proper contrast */

input[type="email"],
input[name="email"],
#id_email {
    color: #1f2937 !important;
    background-color: white !important;
    -webkit-text-fill-color: #1f2937 !important;
    -webkit-background-clip: text !important;
}

input[type="email"]:focus,
input[name="email"]:focus,
#id_email:focus {
    color: #1f2937 !important;
    background-color: white !important;
    -webkit-text-fill-color: #1f2937 !important;
}

input[type="email"]::placeholder,
input[name="email"]::placeholder,
#id_email::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
}

/* Specific fixes for forms with glass effect backgrounds */
.glass-effect input[type="email"],
.glass-effect input[name="email"] {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #1f2937 !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
}

.glass-effect input[type="email"]:focus,
.glass-effect input[name="email"]:focus {
    background: white !important;
    color: #1f2937 !important;
    border-color: #3b82f6 !important;
}

/* Bootstrap form control overrides */
.form-control[type="email"],
.form-control[name="email"] {
    color: #1f2937 !important;
    background-color: white !important;
}

.form-control[type="email"]:focus,
.form-control[name="email"]:focus {
    color: #1f2937 !important;
    background-color: white !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25) !important;
}

/* Tailwind CSS overrides */
.text-gray-900 {
    color: #1f2937 !important;
}

.bg-white {
    background-color: white !important;
}

/* Search input fixes */
.search-input {
    color: #1a202c !important;
    -webkit-text-fill-color: #1a202c !important;
    background: white !important;
}

.search-input:focus {
    color: #1a202c !important;
    -webkit-text-fill-color: #1a202c !important;
    background: white !important;
}

/* Mobile search input fixes */
.mobile-search-input input {
    color: #1a202c !important;
    -webkit-text-fill-color: #1a202c !important;
    background: white !important;
}

.mobile-search-input input:focus {
    color: #1a202c !important;
    -webkit-text-fill-color: #1a202c !important;
    background: white !important;
}