.elementor-8772 .elementor-element.elementor-element-c6c8c7f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:28px;--padding-bottom:0px;--padding-left:18px;--padding-right:18px;--z-index:4;}.elementor-8772 .elementor-element.elementor-element-b321a0d{width:var( --container-widget-width, max-content );max-width:max-content;--container-widget-width:max-content;--container-widget-flex-grow:0;z-index:0;text-align:center;}.elementor-8772 .elementor-element.elementor-element-b321a0d .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:normal;letter-spacing:1.76px;color:#957B5E;}.elementor-8772 .elementor-element.elementor-element-2512f52{width:var( --container-widget-width, max-content );max-width:max-content;--container-widget-width:max-content;--container-widget-flex-grow:0;z-index:1;text-align:center;}.elementor-8772 .elementor-element.elementor-element-2512f52 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:32px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:40px;letter-spacing:0em;color:#323232;}.elementor-8772 .elementor-element.elementor-element-dbc4ac8{width:var( --container-widget-width, 42% );max-width:42%;--container-widget-width:42%;--container-widget-flex-grow:0;z-index:2;text-align:start;font-family:"Work Sans", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:30px;letter-spacing:0em;color:#323232;}.elementor-8772 .elementor-element.elementor-element-6f016d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8772 .elementor-element.elementor-element-06d9b79{width:var( --container-widget-width, max-content );max-width:max-content;--container-widget-width:max-content;--container-widget-flex-grow:0;z-index:0;text-align:center;}.elementor-8772 .elementor-element.elementor-element-06d9b79 .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:normal;letter-spacing:1.76px;color:#957B5E;}@media(max-width:1366px){.elementor-8772 .elementor-element.elementor-element-b321a0d .elementor-heading-title{font-size:16px;letter-spacing:1.76px;}.elementor-8772 .elementor-element.elementor-element-2512f52 .elementor-heading-title{font-size:32px;}.elementor-8772 .elementor-element.elementor-element-dbc4ac8{--container-widget-width:371px;--container-widget-flex-grow:0;width:var( --container-widget-width, 371px );max-width:371px;font-size:16px;line-height:30px;}.elementor-8772 .elementor-element.elementor-element-06d9b79 .elementor-heading-title{font-size:16px;}}@media(max-width:1024px){.elementor-8772 .elementor-element.elementor-element-c6c8c7f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:11px 11px;--row-gap:11px;--column-gap:11px;--padding-top:20px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-8772 .elementor-element.elementor-element-b321a0d{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-8772 .elementor-element.elementor-element-b321a0d .elementor-heading-title{font-size:16px;letter-spacing:1.4px;}.elementor-8772 .elementor-element.elementor-element-2512f52{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-8772 .elementor-element.elementor-element-2512f52 .elementor-heading-title{font-size:40px;}.elementor-8772 .elementor-element.elementor-element-dbc4ac8{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;font-size:16px;line-height:24px;}.elementor-8772 .elementor-element.elementor-element-6f016d3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8772 .elementor-element.elementor-element-06d9b79{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-8772 .elementor-element.elementor-element-06d9b79 .elementor-heading-title{font-size:16px;}.elementor-8772 .elementor-element.elementor-element-3684ff7{padding:0px 20px 0px 20px;}}@media(max-width:767px){.elementor-8772 .elementor-element.elementor-element-c6c8c7f{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:11px 11px;--row-gap:11px;--column-gap:11px;--padding-top:40px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-8772 .elementor-element.elementor-element-b321a0d .elementor-heading-title{font-size:0.625em;}.elementor-8772 .elementor-element.elementor-element-2512f52{padding:05px 0px 05px 0px;}.elementor-8772 .elementor-element.elementor-element-2512f52 .elementor-heading-title{font-size:1.625em;}.elementor-8772 .elementor-element.elementor-element-dbc4ac8{text-align:center;font-size:0.8125em;line-height:1.41em;}.elementor-8772 .elementor-element.elementor-element-6f016d3{--padding-top:10px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-8772 .elementor-element.elementor-element-06d9b79{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8772 .elementor-element.elementor-element-06d9b79 .elementor-heading-title{font-size:0.625em;}.elementor-8772 .elementor-element.elementor-element-3684ff7{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-8772 .elementor-element.elementor-element-c6c8c7f{--width:80%;}.elementor-8772 .elementor-element.elementor-element-6f016d3{--content-width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8772 .elementor-element.elementor-element-c6c8c7f{--width:100%;}}@media(min-width:1920px){.elementor-8772 .elementor-element.elementor-element-b321a0d .elementor-heading-title{font-size:16px;letter-spacing:1.76px;}.elementor-8772 .elementor-element.elementor-element-2512f52 .elementor-heading-title{font-size:40px;}.elementor-8772 .elementor-element.elementor-element-dbc4ac8{font-size:16px;}.elementor-8772 .elementor-element.elementor-element-06d9b79{padding:0px 0px 0px 10px;}.elementor-8772 .elementor-element.elementor-element-06d9b79 .elementor-heading-title{font-size:16px;}}


.elementor-8772 .elementor-element.elementor-element-c6c8c7f {
  min-width: 240px;
  max-width: 100%;
}
/* Start custom CSS for heading, class: .elementor-element-06d9b79 */button.wpbc_button_light {
    font-size: 16px !important;
    font-family: 'Work Sans';
    font-weight: 500;
}/* End custom CSS */

/* Start custom CSS for shortcode, class: .elementor-element-3684ff7 */span.datepick-month-year-label {
    font-size: 1.375em;
}
/* ==========================================================
   MOBILE-ONLY CSS (Screen width <= 768px)
   Applied specifically to: .elementor-element-3684ff7
   ========================================================== */

@media (max-width: 768px) {
    /* ==========================================================================
   WP BOOKING CALENDAR: FIGMA EXACT RESERVATION SUMMARY & SUBMIT
   ========================================================================== */

/* 1. Main Outer Container (416px Hug) */
.wpbc_r_submit.wpbc__field {
    width: 100% !important;
    max-width: 416px !important;
    margin: 0 auto 30px auto !important;
    padding: 24px 18px !important;
    border-bottom: 1px solid #9F948D !important; /* Figma exact bottom border */
    box-sizing: border-box !important;
    font-family: "Work Sans", -apple-system, sans-serif !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important; /* Figma exact 12px gap */
}

/* 2. Summary Wrapper */
.wpbc_reservation_summary {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* 3. Section Title: "RESERVATION SUMMARY" */
.wpbc_reservation_summary .wpbc_summary_title {
    font-family: "Work Sans", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #8C827A !important;
    text-align: center !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

/* 4. Row Item (Date, Time, Pax) */
.wpbc_summary_row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

/* Left Label: Date / Time / Pax */
.wpbc_summary_label {
    font-size: 14px !important;
    color: #3B3833 !important;
    font-weight: 400 !important;
}

/* Right Value: 13 August 2026 / 12:30 PM / 2 Guests */
.wpbc_summary_value {
    font-size: 14px !important;
    color: #3B3833 !important;
    font-weight: 400 !important;
    text-align: right !important;
}

/* 5. Submit Button (SEND RESERVATION) */
.wpbc_r_submit .wpbc_button_light {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    background-color: #1E6B5C !important; /* Figma exact Deep Teal */
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 0px !important;
    font-family: "Work Sans", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    margin: 12px 0 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    transition: background-color 0.2s ease !important;
}

.wpbc_r_submit .wpbc_button_light:hover {
    background-color: #165347 !important;
}
    /* 1. Global Box-Sizing & Reset */
    .elementor-element-3684ff7,
    .elementor-element-3684ff7 * {
        box-sizing: border-box !important;
        font-family: "Work Sans", sans-serif !important;
    }

    .elementor-element-3684ff7 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 16px !important;
        margin: 0 auto !important;
    }
        .elementor-element-3684ff7 .wpbc__form__div > .wpbc__row:nth-of-type(3) {
        grid-column: 2 / 3 !important;
        margin-top: 41px !important;
    }

    /* Hide unwanted elements & plugin inline SVG backgrounds */
    .elementor-element-3684ff7 .wpbc_diagonal-el,
    .elementor-element-3684ff7 .date-content-top,
    .elementor-element-3684ff7 .date-content-bottom,
    .elementor-element-3684ff7 div[style*="font-size:7px"],
    .elementor-element-3684ff7 .block_hints .wpbc_calendar_legend_table_width_height,
    .elementor-element-3684ff7 .block_hints .block_text:first-of-type,
    .elementor-element-3684ff7 br,
    .elementor-element-3684ff7 select#starttime1 {
        display: none !important;
    }

    /* Force linear flow on the main wrappers */
    .elementor-element-3684ff7 .wpbc_booking_form_simple,
    .elementor-element-3684ff7 .wpbc_booking_form_simple > .wpbc__row,
    .elementor-element-3684ff7 .wpbc_booking_form_simple .wpbc__field {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 2. Calendar Frame */
    .elementor-element-3684ff7 .wpbc_cal_container {
        width: 100% !important;
        background: #FFFFFF !important;
        border: 1px solid #EFEAE3 !important;
        padding: 20px 14px 16px 14px !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        margin: 0 0 32px 0 !important;
    }

    .elementor-element-3684ff7 .datepick-header {
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #2D2D2D !important;
        text-align: center !important;
        padding-bottom: 18px !important;
        letter-spacing: 0.5px !important;
    }

    .elementor-element-3684ff7 .datepick-prev a,
    .elementor-element-3684ff7 .datepick-next a {
        color: #A0A0A0 !important;
        font-size: 18px !important;
        text-decoration: none !important;
        font-weight: 300 !important;
    }

    .elementor-element-3684ff7 table.datepick {
        width: 100% !important;
        border-collapse: separate !important;
        border-spacing: 0 8px !important;
    }

    .elementor-element-3684ff7 tr.datepick-title-row th {
        font-weight: 400 !important;
        color: #8C8C8C !important;
        font-size: 12px !important;
        text-align: center !important;
        padding-bottom: 8px !important;
        text-transform: uppercase !important;
    }

    .elementor-element-3684ff7 td.datepick-days-cell {
        border: none !important;
        background: transparent !important;
        text-align: center !important;
        padding: 0 !important;
        height: 36px !important;
    }

    .elementor-element-3684ff7 .wpbc-cell-box {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        margin: 0 auto !important;
        border-radius: 50% !important;
    }

    .elementor-element-3684ff7 td.datepick-days-cell a,
    .elementor-element-3684ff7 td.datepick-days-cell span {
        color: #2D2D2D !important;
        font-size: 13px !important;
        text-decoration: none !important;
        font-weight: 400 !important;
    }

    /* Strikethrough for unavailable dates */
    .elementor-element-3684ff7 td.date_user_unavailable span,
    .elementor-element-3684ff7 td.datepick-unselectable span,
    .elementor-element-3684ff7 td.datepick-other-month span {
        color: #D3CFC9 !important;
        text-decoration: line-through !important;
    }

    /* Selected Date Circle */
    .elementor-element-3684ff7 td.datepick-selected .wpbc-cell-box,
    .elementor-element-3684ff7 td.datepick-days-cell-over .wpbc-cell-box {
        background-color: #166A53 !important;
    }

    .elementor-element-3684ff7 td.datepick-selected a,
    .elementor-element-3684ff7 td.datepick-days-cell-over a {
        color: #FFFFFF !important;
        font-weight: 500 !important;
    }

    /* Legend */
    .elementor-element-3684ff7 .block_hints {
        border-top: 1px solid #EFEAE3 !important;
        padding-top: 14px !important;
        margin-top: 14px !important;
        display: flex !important;
        justify-content: flex-start !important;
        gap: 16px !important;
    }

    .elementor-element-3684ff7 .wpdev_hint_with_text {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        font-size: 11px !important;
        color: #8C8C8C !important;
    }

    .elementor-element-3684ff7 .wpdev_hint_with_text::before {
        content: '' !important;
        width: 6px !important;
        height: 6px !important;
        border-radius: 50% !important;
        display: inline-block !important;
    }

    .elementor-element-3684ff7 .wpdev_hint_with_text:nth-child(1)::before { background-color: #166A53 !important; }
    .elementor-element-3684ff7 .wpdev_hint_with_text:nth-child(2)::before { background-color: #B57E4E !important; }
    .elementor-element-3684ff7 .wpdev_hint_with_text:nth-child(3)::before { background-color: #D3CFC9 !important; }

    /* 3. Available Times Grid (4 Columns Across) */
    .elementor-element-3684ff7 .wpbc_r_starttime {
        width: 100% !important;
        margin-bottom: 30px !important;
    }

    .elementor-element-3684ff7 .wpbc_r_starttime label {
        display: block !important;
        text-align: center !important;
        font-size: 11px !important;
        letter-spacing: 2px !important;
        text-transform: uppercase !important;
        color: #9C815E !important;
        margin-bottom: 16px !important;
        font-weight: 500 !important;
    }

    .elementor-element-3684ff7 .wpbc_times_.elementor-8772 .elementor-element.elementor-element-3684ff7 {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .elementor-element-3684ff7 .wpbc_times_.elementor-8772 .elementor-element.elementor-element-3684ff7 > div {
        border: 1px solid #EFEAE3 !important;
        background: #FFFFFF !important;
        color: #2D2D2D !important;
        padding: 10px 0 !important;
        text-align: center !important;
        font-size: 11px !important;
        letter-spacing: 0.2px !important;
        text-transform: uppercase !important;
        border-radius: 0px !important;
        cursor: pointer !important;
        width: 100% !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    .elementor-element-3684ff7 .wpbc_times_.elementor-8772 .elementor-element.elementor-element-3684ff7 > div.wpbc_time_selected {
        background-color: #166A53 !important;
        border-color: #166A53 !important;
        color: #FFFFFF !important;
    }

    /* 4. Form Details Grid (First/Last Name side-by-side) */
    .elementor-element-3684ff7 .wpbc__form__div {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        column-gap: 10px !important;
        row-gap: 0px !important;
        width: 100% !important;
    }

    .elementor-element-3684ff7 .wpbc__form__div > .wpbc__row {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    /* Name rows: column 1 and column 2 */
    .elementor-element-3684ff7 .wpbc__form__div > .wpbc__row:nth-of-type(2) {
        grid-column: 1 / 2 !important;
    }

    .elementor-element-3684ff7 .wpbc__form__div > .wpbc__row:nth-of-type(3) {
        grid-column: 2 / 3 !important;
    }

    /* "YOUR DETAILS" Section Header */
    .elementor-element-3684ff7 .wpbc_r_name::before {
        content: "YOUR DETAILS" !important;
        display: block !important;
        text-align: center !important;
        font-size: 11px !important;
        letter-spacing: 2px !important;
        text-transform: uppercase !important;
        color: #9C815E !important;
        margin: 0 0 18px 0 !important;
        font-weight: 500 !important;
        width: calc(200% + 10px) !important;
    }

    .elementor-element-3684ff7 .wpbc__field label {
        font-size: 10px !important;
        text-transform: uppercase !important;
        letter-spacing: 1.5px !important;
        color: #706F6C !important;
        margin-bottom: 6px !important;
        display: block !important;
        font-weight: 500 !important;
        text-align: center !important;
    }

    .elementor-element-3684ff7 input.input-xlarge {
        width: 100% !important;
        height: 46px !important;
        border: 1px solid #EFEAE3 !important;
        background-color: #FFFFFF !important;
        border-radius: 0px !important;
        padding: 0 10px !important;
        font-size: 13px !important;
        color: #2D2D2D !important;
        outline: none !important;
        box-shadow: none !important;
        margin-bottom: 14px !important;
        text-align: center !important;
    }

    .elementor-element-3684ff7 input.input-xlarge:focus {
        border-color: #166A53 !important;
    }

    /* Number of Pax centered box */
    .elementor-element-3684ff7 .wpbc_r_numberofpax input {
        max-width: 120px !important;
        margin: 0 auto 20px auto !important;
        display: block !important;
    }

    /* 5. Submit Button */
    .elementor-element-3684ff7 .wpbc_r_submit {
        grid-column: 1 / -1 !important;
    }

    .elementor-element-3684ff7 .wpbc_button_light {
        width: 100% !important;
        height: 50px !important;
        background-color: #166A53 !important;
        border: 1px solid #166A53 !important;
        color: #FFFFFF !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        border-radius: 0px !important;
        cursor: pointer !important;
        margin-top: 6px !important;
    }
}




.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc-cell-box {
    background: #1D7969 !important;
    width: 44px !important;
    height: 30px !important;
    border-radius: 18.72px !important;
    border:0px;
}

.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc-cell-box a {
    color: #ffffff !important;
}

.calendar-links {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.datepick-month-year-label {
    flex: 1;
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    color: #000000;
}

/* Hide the separate datepick-header div (has the dropdowns) */
.datepick-header {
    display: none !important;
}
.datepick-one-month.datepick-new-row {
    margin-top: 3.5rem;
}
.wpdev_hint_with_text .block_text {
    font-size: 10px !important;
}

.elementor-element-3684ff7 .wpdev_hint_with_text .block_text:nth-child(2) {
    display:none;
}
.wpbc_time_selected {
    background: #1D7969 !important;
}





.datepick-inline {
    box-shadow: none;
    border: 0;
}

.wpbc_calendar_wraper.wpbc_change_over_triangle {
    border: 1px solid #F0E8D3;
    padding: 4px;
}

.block_hints.datepick 
{
     padding-top: 0px !important;
        margin-top: 0px !important;
   border:0px !important;
   padding-left:4rem;
   position:relative;
}
.block_hints.datepick:before{
    content: ' ';
    width:80%;
    position: absolute;
    margin:0px auto;
    height:1px;
    background:#F0E8D3;
}
.wpbc_cal_container.bk_calendar_frame.wpbc_no_custom_width.months_num_in_row_.cal_month_num_1.wpbc_timeslot_day_bg_as_available {
    border: 0px !important;
}

.datepick-inline {
    box-shadow: none !important;
}
.wpbc__field label {
    width: 100%;
}
.wpbc__field input{
    border: 1px solid #F0E8D3 !important;
}/* End custom CSS */


/* Start custom CSS */@media (max-width: 400px) {
	
	.wpbc_times_body.elementor-page-8772 {
    display: flex;
    flex-wrap: wrap;
}

.wpbc_times_body.elementor-page-8772 div {
    flex: 0 0 calc(25% - 15px) !important;
    margin: 3px;
}
}/* End custom CSS */