
/**
 * Zem Residential Quote PRO v4.1.4 - Dark Field Visibility Patch
 * Changes ONLY the internal field colors of the residential quote form.
 * Does not change CRM, pricing, emails, PDF, invoice, database, or functional logic.
 */

.zem-residential-form input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.zem-residential-form select,
.zem-residential-form textarea,
.zem-rq-form input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.zem-rq-form select,
.zem-rq-form textarea,
.zem-quote-form input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.zem-quote-form select,
.zem-quote-form textarea,
.zem-cleaning-form input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.zem-cleaning-form select,
.zem-cleaning-form textarea,
[class*="zem-residential"] input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
[class*="zem-residential"] select,
[class*="zem-residential"] textarea,
[class*="zem-estimator"] input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
[class*="zem-estimator"] select,
[class*="zem-estimator"] textarea,
[class*="zem-quote"] input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
[class*="zem-quote"] select,
[class*="zem-quote"] textarea,
.zem-dark-readable-field-414 {
    background-color: #071A33 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid #00B7FF !important;
    border-radius: 10px !important;
    min-height: 46px !important;
    padding: 11px 14px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    visibility: visible !important;
    caret-color: #FFFFFF !important;
    box-shadow: 0 0 0 1px rgba(0,183,255,0.18), inset 0 0 18px rgba(0,183,255,0.08) !important;
}

/* Textarea should not be forced to a single-line height */
.zem-residential-form textarea,
.zem-rq-form textarea,
.zem-quote-form textarea,
.zem-cleaning-form textarea,
[class*="zem-residential"] textarea,
[class*="zem-estimator"] textarea,
[class*="zem-quote"] textarea {
    min-height: 96px !important;
    height: auto !important;
    resize: vertical !important;
}

/* Focus state: electric blue glow */
.zem-residential-form input:focus,
.zem-residential-form select:focus,
.zem-residential-form textarea:focus,
.zem-rq-form input:focus,
.zem-rq-form select:focus,
.zem-rq-form textarea:focus,
.zem-quote-form input:focus,
.zem-quote-form select:focus,
.zem-quote-form textarea:focus,
.zem-cleaning-form input:focus,
.zem-cleaning-form select:focus,
.zem-cleaning-form textarea:focus,
[class*="zem-residential"] input:focus,
[class*="zem-residential"] select:focus,
[class*="zem-residential"] textarea:focus,
[class*="zem-estimator"] input:focus,
[class*="zem-estimator"] select:focus,
[class*="zem-estimator"] textarea:focus,
[class*="zem-quote"] input:focus,
[class*="zem-quote"] select:focus,
[class*="zem-quote"] textarea:focus {
    background-color: #071A33 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-color: #00B7FF !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0,183,255,0.28), inset 0 0 18px rgba(0,183,255,0.10) !important;
}

/* Placeholder color inside dark fields */
.zem-residential-form input::placeholder,
.zem-residential-form textarea::placeholder,
.zem-rq-form input::placeholder,
.zem-rq-form textarea::placeholder,
.zem-quote-form input::placeholder,
.zem-quote-form textarea::placeholder,
.zem-cleaning-form input::placeholder,
.zem-cleaning-form textarea::placeholder,
[class*="zem-residential"] input::placeholder,
[class*="zem-residential"] textarea::placeholder,
[class*="zem-estimator"] input::placeholder,
[class*="zem-estimator"] textarea::placeholder,
[class*="zem-quote"] input::placeholder,
[class*="zem-quote"] textarea::placeholder {
    color: #C7D4E8 !important;
    -webkit-text-fill-color: #C7D4E8 !important;
    opacity: 1 !important;
}

/* Dropdown closed field stays premium dark */
.zem-residential-form select,
.zem-rq-form select,
.zem-quote-form select,
.zem-cleaning-form select,
[class*="zem-residential"] select,
[class*="zem-estimator"] select,
[class*="zem-quote"] select,
.zem-dark-readable-field-414 select {
    background-color: #071A33 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    -webkit-appearance: menulist !important;
    appearance: menulist !important;
    min-height: 46px !important;
    cursor: pointer !important;
}

/* Dropdown menu options should be readable when opened */
.zem-residential-form select option,
.zem-rq-form select option,
.zem-quote-form select option,
.zem-cleaning-form select option,
[class*="zem-residential"] select option,
[class*="zem-estimator"] select option,
[class*="zem-quote"] select option {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-weight: 600 !important;
}

/* Autofill correction */
.zem-residential-form input:-webkit-autofill,
.zem-rq-form input:-webkit-autofill,
.zem-quote-form input:-webkit-autofill,
.zem-cleaning-form input:-webkit-autofill,
[class*="zem-residential"] input:-webkit-autofill,
[class*="zem-estimator"] input:-webkit-autofill,
[class*="zem-quote"] input:-webkit-autofill {
    -webkit-text-fill-color: #FFFFFF !important;
    box-shadow: 0 0 0 1000px #071A33 inset !important;
    caret-color: #FFFFFF !important;
}

/* Mobile compatibility */
@supports (-webkit-touch-callout: none) {
    .zem-residential-form input,
    .zem-residential-form select,
    .zem-residential-form textarea,
    .zem-rq-form input,
    .zem-rq-form select,
    .zem-rq-form textarea,
    .zem-quote-form input,
    .zem-quote-form select,
    .zem-quote-form textarea,
    .zem-cleaning-form input,
    .zem-cleaning-form select,
    .zem-cleaning-form textarea,
    [class*="zem-residential"] input,
    [class*="zem-residential"] select,
    [class*="zem-residential"] textarea,
    [class*="zem-estimator"] input,
    [class*="zem-estimator"] select,
    [class*="zem-estimator"] textarea,
    [class*="zem-quote"] input,
    [class*="zem-quote"] select,
    [class*="zem-quote"] textarea {
        background-color: #071A33 !important;
        color: #FFFFFF !important;
        -webkit-text-fill-color: #FFFFFF !important;
    }

    .zem-residential-form select,
    .zem-rq-form select,
    .zem-quote-form select,
    .zem-cleaning-form select,
    [class*="zem-residential"] select,
    [class*="zem-estimator"] select,
    [class*="zem-quote"] select {
        -webkit-appearance: menulist !important;
        appearance: menulist !important;
    }
}
