/* ========================================
   GLOBAL FORM STYLES - PLACEHOLDER BEHAVIOR
   Áp dụng cho TẤT CẢ các form trong hệ thống
   ======================================== */

/* Placeholder ẩn mặc định, chỉ hiện khi focus vào ô input */
input::placeholder,
textarea::placeholder,
select::placeholder {
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* Placeholder hiện ra mờ khi user focus vào ô */
input:focus::placeholder,
textarea:focus::placeholder,
select:focus::placeholder {
    opacity: 0.6;
}

/* Các class form phổ biến */
.form-control::placeholder,
.form-input::placeholder,
.mbm-input::placeholder,
.bmr-form-input::placeholder,
.popup-input::placeholder {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.form-control:focus::placeholder,
.form-input:focus::placeholder,
.mbm-input:focus::placeholder,
.bmr-form-input:focus::placeholder,
.popup-input:focus::placeholder {
    opacity: 0.6;
}

/* ========================================
   SELECT PLACEHOLDER COLOR - GLOBAL
   Màu xám cho option "-- Chọn ... --"
   ======================================== */
select option[value=""] {
    color: #9ca3af;
}

/* Các option có giá trị thực - màu đen đậm */
select option[value]:not([value=""]) {
    color: #374151;
}

select:invalid {
    color: #9ca3af !important;
}

select:valid {
    color: #374151 !important;
}

.form-control option[value=""],
.form-select option[value=""],
.bmr-form-select option[value=""],
.mbm-input option[value=""],
.bmr-form-input option[value=""] {
    color: #9ca3af;
}

.form-control option[value]:not([value=""]),
.form-select option[value]:not([value=""]),
.bmr-form-select option[value]:not([value=""]),
.mbm-input option[value]:not([value=""]),
.bmr-form-input option[value]:not([value=""]) {
    color: #374151;
}

.form-control:invalid,
.form-select:invalid,
.bmr-form-select:invalid,
.mbm-input:invalid,
.bmr-form-input:invalid {
    color: #9ca3af !important;
}

.form-control:valid,
.form-select:valid,
.bmr-form-select:valid,
.mbm-input:valid,
.bmr-form-input:valid {
    color: #374151 !important;
}