.reservation-summary {
    display: none;
}

.custom-field {
    border: 1px solid #ddd;
    padding: 15px;
    margin: 0 0 1em;
}

.custom-field label {
    font-size: 18px;
    color: #404040;
    font-weight: 600;
    font-family: 'Baloo 2';
    line-height: 30px;
}

.custom-field .form-control.input {
	background-color: #fdfdfd;
    border: 1px solid #e3e3e3;
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 12px 12px 16px;
    font-size: 12px;
    color: #252525;
    border-radius: 5px !important;
    font-weight: 700;
    width: 100%;
    display: block;
    font-family: 'Brandon Grotesque', sans-serif;
}

.booking-cost-outer {
    background: #eee;
    padding: 1em;
}

.booking-cost-outer p {
    margin: 0;
    font-size: 18px;
    color: #253b6f;
}

.product-page-message {
    font-size: 16px;
    color: #333;
}

.product-page-message span {
    font-weight: 700;
}

#reservation-details, #reservation-hours {
    font-size: 16px;
    padding-left: 8px;
}

.woocommerce div.product form.cart div.quantity {
    float: none !important;
    margin: 20px 0 !important;
}

@media screen and (min-width: 576px) {
    .custom-field-time, .custom-field-duration {
        width: 49%;
        display: inline-block;
        padding: 10px 15px;
    }
    .custom-field-time {
        margin-right: 0.65%;
    }
    .custom-field-duration {
        margin-left: 0.65%;
    }
}

/* Custom Flatpickr Styles for a Colorful Theme */
.flatpickr-calendar {
    background-color: #f5f5f5; /* Calendar background */
    border-radius: 8px;
}

.flatpickr-day {
    color: #333; /* Default text color */
    border-radius: 50%;
}

.flatpickr-day:hover {
    background-color: #ffcc00; /* Hover background */
    color: #fff; /* Hover text color */
}

.flatpickr-day.today {
    background-color: #42b72a; /* Today's date background */
    color: white; /* Today's date text */
}

.flatpickr-day.selected {
    background-color: #ff5722; /* Selected date background */
    color: white; /* Selected date text */
}

.flatpickr-month {
    background-color: #3b5998; /* Month title background */
    color: white;
    border-radius: 8px 8px 0 0;
}

.flatpickr-weekdays {
    background-color: #009688; /* Weekdays background */
    color: white;
}

.flatpickr-prev-month, .flatpickr-next-month {
    color: #ff5722; /* Arrow colors */
}

.flatpickr-monthDropdown-months {
    background-color: #3b5998; /* Month dropdown background */
    color: white;
}

.flatpickr-time {
    background-color: #3f51b5; /* Time section background */
    color: white;
}

/* Style the placeholder text */
.flatpickr-input::placeholder {
    color: #999;
    font-size: 14px;
    font-style: italic;
}



.woocommerce table.shop_table td.product-name .custom-product-name-wrapper{
    font-size: 140% !important;

}