/* Reservation form, scoped to its dialog so the existing site stays intact. */
#olla-reservation { box-sizing:border-box; width:min(700px,calc(100vw - 40px)); max-width:700px; max-height:calc(var(--olla-reservation-viewport-height,100dvh) - 40px); inset-block-start:var(--olla-reservation-viewport-top,0px); inset-block-end:auto; margin:20px auto; padding:30px 32px; border:1px solid #d6c3af; border-radius:0; background:#faf6f0; color:#302018; box-shadow:0 24px 80px rgba(20,12,7,.3); overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; scroll-padding-block:66px 24px; -webkit-overflow-scrolling:touch; }
#olla-reservation > .olla-dialog-close { position:sticky; top:0; right:auto; bottom:auto; left:auto; display:flex; align-items:center; justify-content:center; width:48px; height:48px; min-width:48px; min-height:48px; margin:0 0 -48px auto; padding:0; border:1px solid #b58c67; border-radius:0; background:#faf6f0; color:#654324; font:30px/1 Arial,sans-serif; cursor:pointer; z-index:6; }
#olla-reservation h2 { margin:0 66px 12px 0; color:#302018; font:500 clamp(28px,4vw,36px)/1.2 Cormorant,Georgia,serif; letter-spacing:0; text-transform:none; }
#olla-reservation .olla-reservation-intro { max-width:52ch; margin:0; color:#615044; font:16px/1.6 Jost,sans-serif; }
#olla-reservation .olla-reservation-form { margin:22px 0 0; font:16px/1.45 Jost,sans-serif; color:#302018; }
#olla-reservation .olla-reservation-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px 18px; }
#olla-reservation .olla-reservation-field { min-width:0; margin-bottom:16px; }
#olla-reservation .olla-reservation-grid .olla-reservation-field { margin-bottom:0; }
#olla-reservation .olla-reservation-grid + .olla-reservation-field { margin-top:18px; }
#olla-reservation .olla-reservation-field label { display:block; margin:0 0 7px; font-size:15px; line-height:1.4; font-weight:500; color:#302018; }
#olla-reservation .olla-reservation-field input,#olla-reservation .olla-reservation-field textarea { display:block; box-sizing:border-box; width:100%; max-width:100%; min-width:0; min-height:48px; margin:0; border:1px solid #b9aaa0; border-radius:0; padding:11px 12px; font:16px/1.4 Jost,sans-serif; background:#fff; color:#302018; box-shadow:none; scroll-margin-block:70px 24px; }
#olla-reservation input[type="date"],#olla-reservation input[type="time"] { min-inline-size:0; inline-size:100%; text-align:left; }
#olla-reservation input::-webkit-date-and-time-value { min-width:0; text-align:left; }
#olla-reservation .olla-reservation-field textarea { min-height:98px; resize:vertical; }
#olla-reservation .olla-reservation-field input:focus,#olla-reservation .olla-reservation-field textarea:focus { outline:2px solid #9b744f; outline-offset:2px; border-color:#76522e; }
#olla-reservation .olla-reservation-field input:disabled,#olla-reservation .olla-reservation-field textarea:disabled { background:#f4eee9; color:#68574b; }
#olla-reservation .olla-reservation-field input[aria-invalid="true"],#olla-reservation .olla-reservation-field textarea[aria-invalid="true"] { border-color:#a22f22; outline-color:#a22f22; }
#olla-reservation .olla-reservation-captcha { min-width:0; box-sizing:border-box; border:1px solid #d2c5b9; padding:16px; margin:22px 0 18px; background:#f3ebe1; }
#olla-reservation .olla-reservation-captcha legend { padding:0 7px; font-size:15px; font-weight:500; color:#302018; }
#olla-reservation .olla-reservation-captcha p { margin:0 0 14px; color:#302018; font:500 18px/1.5 Jost,sans-serif; }
#olla-reservation .olla-reservation-captcha-answer { display:flex; align-items:flex-end; gap:12px; }
#olla-reservation .olla-reservation-captcha-answer .olla-reservation-field { flex:1; margin:0; }
#olla-reservation .olla-reservation-refresh { flex:0 0 auto; min-width:48px; min-height:48px; padding:11px 14px; border:1px solid #9b744f; border-radius:0; background:#fff; color:#654324; font:15px/1.4 Jost,sans-serif; cursor:pointer; }
#olla-reservation .olla-reservation-privacy { margin:0 0 20px; font-size:14px; line-height:1.65; color:#5d5147; }
#olla-reservation .olla-reservation-status { clear:both; margin:18px 0; padding:0; font-size:15px; line-height:1.6; text-align:left; overflow-wrap:anywhere; scroll-margin-block:66px 24px; }
#olla-reservation .olla-reservation-status:empty { display:none; }
#olla-reservation .olla-reservation-status.is-error { border-left:3px solid #a22f22; background:#fff2ef; padding:12px 14px; color:#852419; }
#olla-reservation .olla-reservation-status.is-success { border-left:3px solid #317146; background:#edf7ef; padding:12px 14px; color:#245b36; }
#olla-reservation .olla-reservation-submit,#olla-reservation .olla-reservation-another { display:flex; align-items:center; justify-content:center; min-height:52px; width:100%; padding:13px 18px; border:1px solid #745236; border-radius:0; background:#745236; color:#fff; font:500 16px/1.4 Jost,sans-serif; cursor:pointer; }
#olla-reservation button { box-sizing:border-box; transition:background-color .18s ease,border-color .18s ease,color .18s ease; }
#olla-reservation button:disabled { cursor:not-allowed; opacity:.6; }
#olla-reservation .olla-reservation-form[aria-busy="true"] button:disabled { cursor:progress; }
#olla-reservation button:focus-visible { outline:2px solid #9b744f; outline-offset:3px; }
#olla-reservation [hidden] { display:none!important; }
#olla-reservation .olla-reservation-fallback { margin:24px 0 0; padding-top:18px; border-top:1px solid #d9cab9; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
#olla-reservation .olla-reservation-fallback a { display:inline-flex; align-items:center; min-height:48px; max-width:100%; padding:7px 0; text-underline-offset:4px; }
#olla-reservation a:focus-visible { outline:2px solid #9b744f; outline-offset:4px; }
@media (hover:hover) {
  #olla-reservation .olla-reservation-submit:hover:not(:disabled),#olla-reservation .olla-reservation-another:hover:not(:disabled) { background:#5d3e28; border-color:#5d3e28; }
  #olla-reservation .olla-reservation-refresh:hover:not(:disabled),#olla-reservation > .olla-dialog-close:hover { background:#e9dccd; border-color:#76522e; }
}
@media (max-width:640px) {
  #olla-reservation { width:calc(100vw - 24px); max-height:calc(var(--olla-reservation-viewport-height,100dvh) - 24px - env(safe-area-inset-bottom,0px)); inset-block-start:var(--olla-reservation-viewport-top,0px); inset-block-end:auto; margin:12px auto; padding:22px 20px; scrollbar-gutter:auto; }
  #olla-reservation h2 { margin-right:60px; font-size:28px; }
}
@media (max-width:520px) {
  #olla-reservation .olla-reservation-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
  #olla-reservation .olla-reservation-captcha-answer { gap:9px; }
  #olla-reservation .olla-reservation-refresh { max-width:115px; }
}
@media (max-height:560px) {
  #olla-reservation { padding-block:18px; }
  #olla-reservation .olla-reservation-form { margin-top:18px; }
}
@media (prefers-reduced-motion:reduce) {
  #olla-reservation[open] { animation:none; }
  #olla-reservation button { transition:none; }
}