/* Craft styling for the ReMarked reservation widget, point 440400. */
.remarked-primary-widget__wrap {
    background: rgba(12, 10, 9, .82) !important;
    color: #242420 !important;
}
.remarked-primary-widget__wrap,
.remarked-primary-widget__wrap input,
.remarked-primary-widget__wrap textarea,
.remarked-primary-widget__wrap button,
.remarked-primary-widget__wrap select {
    font-family: 'Montserrat', sans-serif !important;
}
.remarked-primary-widget {
    background: #f7f4ee !important;
    color: #242420 !important;
    border: 1px solid #ded7c8 !important;
    border-radius: 8px !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .35) !important;
}
.remarked-primary-widget__container { background: transparent !important; }
.remarked-primary-widget__title {
    color: #242420 !important;
    font-weight: 600 !important;
    font-size: clamp(24px, 4vw, 34px) !important;
    line-height: 1.2 !important;
}
.remarked-primary-widget__restaurant-item {
    color: #6e6c64 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}
.remarked-primary-widget__form-row { border-color: #ded7c8 !important; }
.remarked-primary-widget__wrap label {
    color: #6e6c64 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}
.remarked-primary-widget__wrap input:not([type='hidden']):not([type='checkbox']),
.remarked-primary-widget__wrap textarea,
.remarked-primary-widget__wrap select {
    background: #fffdf8 !important;
    color: #242420 !important;
    border: 1px solid #cdc4b3 !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    box-shadow: none !important;
    transition: border-color .2s, box-shadow .2s !important;
}
.remarked-primary-widget__wrap input::placeholder,
.remarked-primary-widget__wrap textarea::placeholder { color: #858279 !important; opacity: 1 !important; }
.remarked-primary-widget__wrap input:focus,
.remarked-primary-widget__wrap textarea:focus,
.remarked-primary-widget__wrap select:focus {
    outline: none !important;
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, .18) !important;
}
.remarked-primary-widget__submit {
    background: #d4af37 !important;
    color: #242420 !important;
    border: 1px solid #d4af37 !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    box-shadow: none !important;
    transition: background .2s !important;
}
.remarked-primary-widget__submit:hover { background: #e1be48 !important; }
.remarked-primary-widget__qtyminus,
.remarked-primary-widget__qtyplus {
    color: #805d05 !important;
    border-radius: 4px !important;
}
.remarked-primary-widget__policy-text,
.remarked-primary-widget__times-notice { color: #6e6c64 !important; }
.remarked-primary-widget__policy-text a {
    color: #805d05 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}
.remarked-primary-widget__policy input { accent-color: #d4af37; }
.remarked-primary-widget__close { filter: invert(1); }
.remarked-primary-widget__wrap .qs-datepicker-container {
    background: #fffdf8 !important;
    border-color: #cdc4b3 !important;
    border-radius: 6px !important;
    font-family: 'Montserrat', sans-serif !important;
    box-shadow: 0 8px 30px rgba(36, 36, 32, .15) !important;
}
.remarked-primary-widget__wrap .qs-controls { background: #eee8dc !important; color: #242420 !important; }
.remarked-primary-widget__wrap .qs-active,
.remarked-primary-widget__wrap .qs-square:not(.qs-disabled):not(.qs-empty):hover {
    background: #d4af37 !important;
    color: #242420 !important;
}
@media (max-width: 560px) {
    .remarked-primary-widget { border-radius: 6px !important; }
    .remarked-primary-widget__container { padding-left: 20px !important; padding-right: 20px !important; }
    .remarked-primary-widget__restaurant-item { font-size: 13px !important; }
}
