/* Styling untuk form tanggal booking */
.single-product .wbd-booking-date-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}

.single-product .wbd-booking-date-wrapper label {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
    display: block;
}

.single-product .wbd-booking-date-wrapper input[type="date"] {
    display: block;
    width: 100%;
    max-width: 300px;
    padding: 10px;
    font-size: 14px;
    border: 2px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
    color: #333;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.single-product .wbd-booking-date-wrapper input[type="date"]:focus {
    border-color: #007cba; /* Biru khas WooCommerce */
    background-color: #fff;
    outline: none;
    box-shadow: 0 0 3px rgba(0,124,186,0.5);
}

/* Sedikit polish untuk kontrol date di WebKit */
.single-product .wbd-booking-date-wrapper input[type="date"]::-webkit-calendar-picker-indicator,
.single-product .wbd-booking-date-wrapper input[type="date"]::-webkit-inner-spin-button {
    cursor: pointer;
}

/* Pesan validasi WooCommerce (lebih spesifik agar tidak bentrok global) */
.single-product .woocommerce .woocommerce-error {
    color: #d9534f;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-weight: 700;
}

.single-product .woocommerce .woocommerce-message {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-weight: 700;
}

/* Responsif: pada layar kecil, input lebar penuh */
@media (max-width: 480px) {
    .single-product .wbd-booking-date-wrapper input[type="date"] {
        max-width: 100%;
    }
}