/* The room-selection form uses the same 1200px breakpoint as index.css. */
#order-form [hidden], .order-captcha-modal[hidden], .order-captcha-modal [hidden] { display: none !important; }
#order-form #id_phone { order: 1; }
#order-form .order-submit { order: 2; width: 10rem; }
#order-form .order-consent { order: 3; }
#order-form .order-feedback { order: 4; width: 100%; }
#order-form .order-consent-input {
    appearance: auto; width: 22px; min-width: 22px; height: 22px;
    margin: 0 .65rem 0 0; padding: 0; accent-color: #453830; cursor: pointer;
}
#order-form .order-consent label { font-size: inherit; line-height: inherit; padding: 0; cursor: pointer; }
#order-form input[type="hidden"] { display: none !important; }
#order-form :focus-visible, .order-captcha-modal :focus-visible { outline: 2px solid #453830; outline-offset: 3px; }
#order-form .order-captcha-inline { display: none; }
.order-captcha-widget { width: 100%; min-height: 100px; }
#order-form .order-feedback p { margin: .5rem 0; font-size: 1rem; line-height: 1.4; color: #fff; text-align: left; }
#order-form .order-retry { width: auto; margin-bottom: .5rem; padding: .5rem 1rem; }
.order-captcha-modal {
    position: fixed; inset: 0; z-index: 1000; display: flex;
    align-items: center; justify-content: center; padding: 20px;
    background: rgba(0, 0, 0, .5); overflow-y: auto;
}
@media (max-width: 700px) {
    #aside { padding-left: 10px; padding-right: 10px; }
}
.order-captcha-panel {
    position: relative; width: 420px; max-width: 100%; padding: 32px 24px 24px;
    border-radius: 4px; background: #fff; color: #453830;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .2);
}
.order-captcha-panel h2 { font-size: 1.4rem; line-height: 1.4; margin: 8px 20px 20px 0; }
.order-captcha-panel p { font-size: 1rem; line-height: 1.4; margin: 12px 0 0; }
.order-captcha-close {
    position: absolute; top: 4px; right: 4px; width: 40px; height: 40px;
    padding: 0; border: 0; background: transparent; color: #453830;
    font-size: 28px; line-height: 40px; cursor: pointer;
}
.order-captcha-close:hover { background: #faf7f2; }
.order-captcha-panel .order-retry { margin-top: 12px; }
@media (max-width: 1200px) {
    #order-form .order-captcha-inline { display: block; order: 2; width: 100%; margin: 0 0 12px; }
    #order-form .order-consent { order: 3; margin: 0 0 16px; }
    #order-form .order-submit { order: 4; width: 100%; }
    #order-form .order-feedback { order: 5; }
    #order-form .order-consent small { line-height: 1.3; }
    #order-form .order-captcha-widget { max-width: 420px; margin: auto; }
    #order-form .order-consent-input { width: 22px; margin: 0 .65rem 0 0; }
}