/** 
    Table Booking form Style
*/

.wdt-opentable-booking-form > div:not(:last-child) { margin: 0 0 20px; }
.wdt-opentable-booking-form ~ .reserve-copyright { margin-top: 14px; margin-bottom: 0px;text-align: left; }

.wdt-opentable-booking-form .wdt-date-selection:has(> .wdt-date-bottom) ~ #ui-datepicker-div { transform: translateY(calc(100% + 56px)); }
.wdt-opentable-booking-form .wdt-date-selection:has(> .wdt-date-top) ~ #ui-datepicker-div { transform: translateY(0px); }


/* Date Icon style */

.wdt-opentable-booking-form .wdt-date-selection { position: relative; }
.wdt-opentable-booking-form .wdt-date-selection > .wdt-icon-calendar { width: 1em; height: 1em; position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; -webkit-user-select: none; user-select: none; font-size: 1rem; }
.wdt-opentable-booking-form .wdt-date-selection > .wdt-icon-calendar i { display: flex; }

/* Heading Style */

.wdt-opentable-booking-content { margin-bottom: clamp(2rem, 1.5962rem + 1.7949vw, 3.75rem); /* 32px - 60px */display: none; }
.wdt-opentable-booking-content:empty { display: none; }

.wdt-opentable-booking .table-title-group > *:not(:last-child) { margin: 0 0 8px; line-height: normal; }
.wdt-opentable-booking .table-title-group > *:last-child { margin: 0px; }

.wdt-opentable-booking:not(.type1) .table-title-group > .table-title { line-height: 1;
    font-size: clamp(2.5rem, 1.9231rem + 2.5641vw, 5rem); /* 40px - 80px */ }

.wdt-opentable-booking .table-title-group > .table-title-msg { font-size: 1.1em; 
    font-family: var(--wdtFontTypo_Alt); line-height: normal; }

    
/* Table Type Style-1 */

.wdt-opentable-booking.type1 .wdt-opentable-booking-form input:not([type="submit"]),
.wdt-opentable-booking.type1 .wdt-opentable-booking-form select { background-color: var(--wdtTertiaryColor); }

.wdt-opentable-booking.type1 { text-align: start; }


/* Table Type Style-2 */

.wdt-opentable-booking.type2 { text-align: center; height: 100%; display: flex; flex-direction: column; }
.wdt-opentable-booking.type2 .wdt-opentable-booking-content.media-type { display: grid; margin-bottom: 20px; flex-grow: 1; }
.wdt-opentable-booking.type2 .wdt-opentable-booking-content.media-type > div { grid-area: 1/-1; margin: 0px;
    border-radius: var(--wdtRadius_3X); overflow: hidden; will-change: transform; }

.wdt-opentable-booking.type2 .wdt-opentable-booking-content.media-type > div.table-title-group { position: relative; z-index: 1; padding: 30px; }
.wdt-opentable-booking.type2 .wdt-opentable-booking-content.media-type .table-media-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.wdt-opentable-booking.type2 .wdt-opentable-booking-form { display: flex; flex-wrap: wrap; gap: 20px; }
.wdt-opentable-booking.type2 .wdt-opentable-booking-form > div { flex: 0 0 calc(33.33% - 13.333px); margin: 0px; }
.wdt-opentable-booking.type2 .wdt-opentable-booking-form > input[type="submit"] { flex: 1 1 100%; min-height: 52px; margin: 0px; }


.wdt-opentable-booking.type2 .wdt-opentable-booking-content.media-type .table-title { position: absolute;
    top: 50%; writing-mode: sideways-lr; -webkit-transform: translateY(-50%); transform: translateY(-50%); 
    height: calc(100% - 40px); margin: 0px; }


/* Table Type Style-3 */

.wdt-opentable-booking.type3 { text-align: center; }

.wdt-opentable-booking.type3 .wdt-opentable-booking-form { display: grid;grid-template-columns: repeat(3, 1fr);row-gap: 40px;column-gap: 20px; }
.wdt-opentable-booking.type3 .wdt-opentable-booking-form > div { flex: 1 1 100%; margin: 0px; }
.wdt-opentable-booking.type3 .wdt-opentable-booking-form > input[type="submit"] { flex: 1 1 80%; min-height: 50px; margin: 0px; }

.wdt-opentable-booking.type3 .wdt-opentable-booking-form input:not([type="submit"]),
.wdt-opentable-booking.type3 .wdt-opentable-booking-form select { background-color: var(--wdtBodyBGColor); }


/* .wdt-opentable-booking.type3 .wdt-opentable-booking-form > div{line-height: 28px;-webkit-border-radius: 0;border-radius: 0;} */

.wdt-opentable-booking.type3 .wdt-opentable-booking-form > div .select2-results__option, 
.wdt-opentable-booking.type3 .wdt-opentable-booking-form > div .select2-container.select2-container--default .select2-selection--single, 
.wdt-opentable-booking.type3 .wdt-opentable-booking-form > div.select2-container.select2-container--default .select2-selection--multiple{line-height: 28px;-webkit-border-radius: 0;border-radius: 0;}

.wdt-opentable-booking.type3 .wdt-opentable-booking-form > div.wdt-submit-button {text-align: left;}

.wdt-opentable-booking.type3 .wdt-opentable-booking-form input:not([type="submit"]), 
.wdt-opentable-booking.type3 .wdt-opentable-booking-form select,
.wdt-opentable-booking.type3 span.select2-selection.select2-selection--single{border: none;border-bottom: 1px solid var(--wdtSecondaryColor) !important;padding-left: 0;backface-visibility: hidden;}
.wdt-opentable-booking.type3 .wdt-opentable-booking-form input::-webkit-input-placeholder{opacity: 1;}

.wdt-opentable-booking.type3 .wdt-opentable-booking-form > div.wdt-submit-button p.reserve-copyright {margin-top: 10px;}

.wdt-opentable-booking.type3 .wdt-opentable-booking-form .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered{padding-left: 0;}

.wdt-opentable-booking.type3 .wdt-opentable-booking-form > div.wdt-submit-button input[type="submit"] {border: 2px solid var(--wdtPrimaryColor);}

.wdt-opentable-booking.type3 .wdt-opentable-booking-form > div.wdt-submit-button input[type="submit"]:hover{background: transparent;color: var(--wdtPrimaryColor);}

/** 
    AT Media Query
*/

@media screen and (max-width: 767px) 
{
    .wdt-opentable-booking.type2 .wdt-opentable-booking-form > div { flex: 0 0 calc(50% - 10px); }
    .wdt-opentable-booking.type2 .wdt-opentable-booking-form > input[type="submit"] { flex: 0 0 calc(50% - 10px); }
    .wdt-opentable-booking.type3 .wdt-opentable-booking-form { flex-wrap: wrap;grid-template-columns: 1fr; }
    .wdt-opentable-booking.type3 .wdt-opentable-booking-form > div,
    .wdt-opentable-booking.type3 .wdt-opentable-booking-form > input[type="submit"] { flex: 0 0 calc(50% - 10px); }
    
}

@media screen and (max-width: 480px) 
{
    .wdt-opentable-booking.type2 .wdt-opentable-booking-form > div,
    .wdt-opentable-booking.type2 .wdt-opentable-booking-form > input[type="submit"],
    .wdt-opentable-booking.type3 .wdt-opentable-booking-form > div,
    .wdt-opentable-booking.type3 .wdt-opentable-booking-form > input[type="submit"] { flex: 0 0 100%; }
    
}