.opentable-widget-wrapper {
    font-size: 16px;
}

.opentable-widget-wrapper #ot-widget-container4,
.opentable-widget-wrapper #ot-reservation-widget.parent-widget-type-standard,
.opentable-widget-wrapper .ot-dtp-picker.ot-standard {
    width: 100% !important;
    max-width: 1170px !important;
}

.opentable-widget-wrapper .ot-dtp-picker.ot-standard {
    width: 100% !important;
    background-color: #d8d0c9 !important;
    background-color: var(--ot-widget-backround-colour, #d8d0c9) !important;
    border-radius: 5px !important;
    border: none !important;
}

.opentable-widget-wrapper .ot-standard .ot-title {
    color: var(--ot-widget-text-colour, #2d333f) !important;
}

.opentable-widget-wrapper .picker__table .picker__cell {
    height: 30px;
    width: 30px;
}

.opentable-widget-wrapper .ot-dtp-picker .picker__nav,
.opentable-widget-wrapper .iconRegular {
    height: 24px !important;
    width: 24px !important;
}

.opentable-widget-wrapper #ot-reservation-widget .ot-dtp-picker-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    border: none !important;
    background-color: transparent;
}

@media (min-width: 768px) {
    .opentable-widget-wrapper #ot-reservation-widget .ot-dtp-picker-form {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.opentable-widget-wrapper #ot-reservation-widget .ot-dtp-picker-form .ot-dtp-picker-selector {
    background-color: #fff !important;
    margin-bottom: 0px !important;
    width: 100% !important;
    border-radius: 10px !important;
}

.opentable-widget-wrapper #ot-reservation-widget .ot-select-label.ot-dtp-picker-selector-link {
    border-radius: 10px !important;
}

.opentable-widget-wrapper .ot-dtp-picker .ot-dtp-picker-button {
    height: auto !important;
}

.opentable-widget-wrapper .wide-calendar.picker--opened .picker__holder {
    height: 262px !important;
    max-height: 290px !important;
}

.opentable-widget-wrapper .wide-calendar .picker__holder {
    width: 250px !important;
}

.opentable-widget-wrapper #ot-reservation-widget .ot-dtp-picker-form [type=submit] {
    background-color: #bd955a;
    background-color: var(--ot-widget-button-bg-colour, #bd955a) !important;
    color: var(--ot-widget-button-text-colour, #fff) !important;
    border: none !important;
    width: 100% !important;
    min-width: 0px !important;
    box-shadow: none !important;
    margin-top: 0px !important;
    border-radius: 999px;
}

.opentable-widget-wrapper #ot-reservation-widget .ot-dtp-picker-form [type=submit]:hover {
    background-color: var(--ot-widget-button-hover-bg-colour, #bd955a) !important;
    color: var(--ot-widget-button-hover-text-colour, #fff) !important;
}

.opentable-widget-wrapper .ot-date-picker.ot-dtp-picker-selector,
.opentable-widget-wrapper .ot-select-label.ot-dtp-picker-selector-link.ot-date-label.ot-hidden.ot-calendar-tall-dropdown {
    border-radius: 10px !important;
    /*   overflow: hidden; */
}

.opentable-widget-wrapper .picker__button_reset.picker__button.picker__day.picker__day--highlighted {
    border-color: #bd955a !important;
    border-color: var(--ot-widget-date-seleted-bg-colour, #2d333f) !important;
    color: var(--ot-widget-date-seleted-text-colour, #bd955a) !important;
    background-color: var(--ot-widget-date-seleted-bg-colour, #bd955a) !important;
    outline: none !important;
}

.opentable-widget-wrapper .ot-dtp-picker .picker__day:hover {
    outline: 2px solid #bd955a !important;
    outline: 2px solid var(--ot-widget-date-seleted-hover-colour, #bd955a) !important;
}

.ot-dtp-picker .picker__nav:not([disabled]):hover,
#ot-reservation-widget .ot-dtp-picker .picker__nav:not([disabled]):hover {
    border: .0625rem solid #bd955a !important;
    border: .0625rem solid var(--ot-widget-date-seleted-hover-colour, #bd955a) !important;
}