/**
 * Global Form Styles - Prevents white-on-white and other contrast issues
 * Include this in all HTML pages to ensure consistent form styling
 *
 * Usage: <link rel="stylesheet" href="/global-form-styles.css">
 */

/* GLOBAL FIX: Prevent white-on-white dropdown issues */
select {
    background: rgba(255,255,255,0.05) !important;
    color: white !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    padding: 0.75rem !important;
    border-radius: 8px !important;
}

select option {
    background: #1e293b !important;
    color: white !important;
    padding: 0.5rem !important;
}

/* Ensure all form inputs have proper contrast */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="password"],
input[type="search"],
input[type="url"],
textarea {
    background: rgba(255,255,255,0.05) !important;
    color: white !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    padding: 0.75rem !important;
    border-radius: 8px !important;
}

input::placeholder,
textarea::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
}

/* Ensure checkboxes and radio buttons are visible */
input[type="checkbox"],
input[type="radio"] {
    accent-color: #4ade80 !important;
    cursor: pointer;
}

/* Fix for disabled inputs - make them clearly disabled but still readable */
input:disabled,
select:disabled,
textarea:disabled {
    background: rgba(100,100,100,0.2) !important;
    color: #8b949e !important;
    cursor: not-allowed !important;
}

/* Button contrast fixes */
button {
    cursor: pointer;
}

button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}