/* General Calendar Styling */
.wc-bookings-date-picker {
    font-family: "Arial", sans-serif !important;
    width: 100% !important;
    background: #ffffff !important;
    padding: 10px !important;
    border-radius: 10px !important;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1) !important;
}

html body .wc-bookings-date-picker .ui-datepicker td.bookable a {
    color: #333 !important;
    font-weight: bold !important;
    background: transparent !important;
    background-color:#fff!important;
}
.wc-bookings-booking-form, .wc-bookings-booking-form fieldset{
    border: none!important;
}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next{
    border-radius: 40px!important;
    height: 30px!important;
    margin: 10px!important;
}


/* Month Navigation */
.wc-bookings-date-picker .ui-datepicker-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    padding: 10px 0 !important;
}

/* Month Title */
.wc-bookings-date-picker .ui-datepicker-title {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #333 !important;
}

/* Navigation Arrows */
.wc-bookings-date-picker .ui-datepicker-prev,
.wc-bookings-date-picker .ui-datepicker-next {
    background: none !important;
    border: none !important;
    font-size: 16px !important;
    cursor: pointer !important;
    color: #333 !important;
}

/* Days of the Week */
.wc-bookings-date-picker .ui-datepicker-calendar thead th {
    font-size: 14px !important;
    color: #666 !important;
    text-transform: uppercase !important;
    padding: 8px 0 !important;
}

/* Date Grid */
.wc-bookings-date-picker .ui-datepicker-calendar td {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    text-align: center !important;
    font-size: 16px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}
.woocommerce-js button.button.alt.disabled{
    background-color: #e9fce9!important;
    color: #000!important;
}
.woocommerce-js div.product form.cart table{
    border: none!important;
}

.woocommerce-js div.product form.cart .button.single_add_to_cart_button{
    background-color: #239e57 !important;
        margin: 10px;
        color: #fff!important;
        padding: 15px 20px!important;
        font-size: 22px;

}

.wc-bookings-booking-form{
    padding: 0px!important;
}


.wc-bookings-booking-form .wc-bookings-booking-cost{
    background: #fff!important;
    background-color: #fff!important;
    font-size:20px!important;
    margin: 0px!important;
    padding: 10px!important;;
}

.woocommerce-js div.product p.price, .woocommerce-js div.product span.price{
    font-size: 48px!important;
}
.woocommerce-js div.product .product_title{
    font-size: 48px!important;
}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next{
    fill:#000!important;
    color: #000!important;
}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next{
    background-color: #239e57!important;
    justify-content: center!important;
    
}
/* Selected Date Styling */

 a.ui-state-default.ui-state-active
 {
    background: #2E7D32 !important; /* Darker shade of green */
    color: #fff !important; /* White text for contrast */
    font-weight: bold !important;
    border-radius: 8px !important;
    border: none!important;
    width: 80%!important;
    display: inline-flex!important;
    justify-content: center!important;
    align-content: center!important;
    align-items: center!important;

}
a.ui-state-default.ui-state-active:after

{
    content: "";
    position: absolute !important;
    bottom: 5px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60% !important;
    height: 4px !important;
    background: green !important;
    border-radius: 2px !important;
}


 .wc-bookings-date-picker .ui-datepicker td{
     background-color: #90ee9066!important;
     opacity: 0.9!important;
 }


/* Hover Effect on Selected Date */
.wc-bookings-date-picker .ui-datepicker-calendar td.bookable a.ui-state-active:hover {
    background: #1B5E20 !important; /* Slightly darker when hovered */
    border-color: #145A32 !important;
    transform: scale(1.1) !important; /* Slight zoom effect */
}






/* Available Dates */
.wc-bookings-date-picker .ui-datepicker-calendar td.bookable {
    background: rgba(144, 238, 144, 0.2) !important;
    border: 0px !important;
    padding: 10px!important;
}
.wc-bookings-date-picker .ui-widget-content{
    box-shadow: none!important;
}
/* Hover Effect */
.wc-bookings-date-picker .ui-datepicker-calendar td.bookable:hover {
    background: rgba(144, 238, 144, 0.4) !important;
}

/* Booked or Unavailable Dates */
.wc-bookings-date-picker .ui-datepicker-calendar td.ui-datepicker-other-month {
    color: #ccc !important;
    opacity: 0.5 !important;
}

/* Availability Bars */
.wc-bookings-date-picker .ui-datepicker-calendar td.bookable::after {
    content: "";
    position: absolute !important;
    bottom: 5px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60% !important;
    height: 4px !important;
    background: green !important;
    border-radius: 2px !important;
}

/* Half availability */
.wc-bookings-date-picker .ui-datepicker-calendar td.bookable.half-available::after {
    width: 30% !important;
    background: #7bc47f !important;
}

/* Fix calendar layout */
.wc-bookings-date-picker table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.wc-bookings-date-picker td {
    padding: 5px !important;
    position: relative !important;
}