/* Force visible text on WooCommerce variable product dropdown placeholder */
.woocommerce div.product form.cart .variations select {
    color: #ffffff !important;          /* white text */
    background-color: #1a1a1a !important; /* optional: darker bg to contrast */
}

/* Make sure the first/empty option (placeholder) is also white */
.woocommerce div.product form.cart .variations select option {
    color: #ffffff !important;
    background-color: #1a1a1a !important;
}

/* Optional: style the selected value once chosen */
.woocommerce div.product form.cart .variations select option:checked,
.woocommerce div.product form.cart .variations select:focus {
    color: #ffffff !important;
}

/* If the dropdown arrow is hard to see, brighten it too */
.woocommerce div.product form.cart .variations select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'%3E%3Cpath fill='%23ffffff' d='M0 0l6 6 6-6z'/%3E%3C/svg%3E") !important;
}