.elementor-kit-4735{--e-global-color-primary:#1A1A1A;--e-global-color-secondary:#5A5A5A;--e-global-color-text:#5A5A5A;--e-global-color-accent:#F09F11;--e-global-typography-primary-font-family:"Jost";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Jost";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Cormorant Garamond";--e-global-typography-accent-font-weight:700;}.elementor-kit-4735 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Legend styles */
.booking-legend {
    display: flex;
    gap: 15px;
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
}

/* Legend colored squares */
.legend {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin-right: 5px;
}

/* Colors for each status */
.legend.available, .pbs_available { background-color: white; color: black; border: 1px solid #ccc; } /* Free / Available */
.legend.reserved, .pbs_reserved { background-color: purple; color: white; } /* Reserved */
.legend.booked, .pbs_booked { background-color: green; color: white; } /* Booked / Unavailable */

/* Ensure reserved and booked days are fully colored in the calendar */
.pbs_reserved, .pbs_booked {
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
}

/* Hover effect */
.pbs_day:hover { 
    background-color: lightgray !important;
}/* End custom CSS */