/* ============================================
   EMERGENCY INPUT VISIBILITY FIX
   Job-Scouts.com | LOAD THIS CSS FILE LAST
   ============================================ */

/* ==========================================================================
   CRITICAL: Maximum Priority Input Protection
   This overrides ALL gradient effects that could make text invisible
   ========================================================================== */

/* Force visible text on ALL input types */
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
textarea,
select,
.form-control,
.form-control-modern,
.form-input,
.filter-input,
.search-input,
.modern-select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="date"] {
    /* Force black text color */
    color: #1e293b !important;
    
    /* Override ANY gradient text effects */
    -webkit-text-fill-color: #1e293b !important;
    
    /* Prevent background-clip from affecting text */
    background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    
    /* Ensure no transparency */
    opacity: 1 !important;
}

/* Force visible placeholder text */
input::placeholder,
textarea::placeholder,
select::placeholder,
.form-control::placeholder,
.form-input::placeholder {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
    opacity: 0.7 !important;
}

/* Force visible text when focused */
input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.form-input:focus {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
}

/* Force visible text when typing */
input:not(:placeholder-shown),
textarea:not(:placeholder-shown) {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
}

/* Override any parent gradient effects */
.text-gradient input,
.text-gradient textarea,
.text-gradient select,
.gradient-text input,
.gradient-text textarea,
.gradient-text select,
.text-gradient-effect input,
.text-gradient-effect textarea,
.text-gradient-effect select,
[class*="gradient"] input,
[class*="gradient"] textarea,
[class*="gradient"] select {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
}

/* Special cases - Newsletter/Dark backgrounds */
.newsletter-input,
.newsletter-input.form-control,
.dark-input,
input.text-white,
textarea.text-white {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.newsletter-input::placeholder,
.dark-input::placeholder,
input.text-white::placeholder,
textarea.text-white::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;
}

/* ==========================================================================
   Additional Protection for Select Dropdowns
   ========================================================================== */

select option {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    background-color: white !important;
}

/* ==========================================================================
   Protection for Input Groups
   ========================================================================== */

.input-group input,
.input-group textarea,
.input-group select,
.form-group input,
.form-group textarea,
.form-group select,
.filter-group input,
.filter-group textarea,
.filter-group select {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
}

/* ==========================================================================
   Debug Mode (Remove after confirming fix works)
   Uncomment this to see if the CSS is loading
   ========================================================================== */

/*
input:not([type="hidden"]) {
    border: 2px solid red !important;
    background: yellow !important;
}
*/

/* Exception for newsletter input - keep white text */
.newsletter-input,
.newsletter-input.form-control,
#newsletter-email {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.newsletter-input:focus,
.newsletter-input.form-control:focus,
#newsletter-email:focus {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.newsletter-input:-webkit-autofill,
#newsletter-email:-webkit-autofill {
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(59, 130, 246, 0.2) inset !important;
}