/* Scoped styles reuse Elementor global fonts where available. */
.sg-booking-card, .sg-booking-card *, .sg-query-popup { box-sizing: border-box; }
.sg-booking-card {
    --sg-green: #0c4b3b;
    --sg-gold: #caa252;
    width: 100%; max-width: 580px; min-height: 0; margin: 0 auto; padding: 0;
    border: 1px solid #e4dac5; border-radius: 16px;
    background: #fcf9f2; color: #263f35; overflow: hidden;
    font-family: var(--e-global-typography-text-font-family, "Montserrat"), Arial, sans-serif;
    font-size: 13px; line-height: 1.5; text-align: left;
}
.sg-booking-card .sg-booking-header { margin: 0; text-align: left; padding: 30px 36px 26px; background: radial-gradient(ellipse at top right, #286751 0, transparent 65%), #0c4b3b; color: #fff; border-bottom: 3px solid var(--sg-gold); }
.sg-booking-eyebrow { display: block; color: #ebcb88; font-size: 10px; font-weight: 600; letter-spacing: 2px; margin-bottom: 9px; }
.sg-booking-card .sg-booking-title { font-family: var(--e-global-typography-primary-font-family, Georgia), "Times New Roman", serif; font-size: clamp(26px, 4vw, 34px); font-weight: 500; line-height: 1.15; letter-spacing: -.5px; color: #fff; margin: 0 0 10px; padding: 0; }
.sg-booking-card .sg-booking-subtitle { color: #e1e9df; font-size: 12px; line-height: 1.6; margin: 0; max-width: 390px; }
.sg-booking-form { padding: 23px 32px 22px; position: relative; margin: 0; }
.sg-booking-tabs { display: grid; grid-template-columns: 1fr 1fr; padding: 4px; gap: 4px; border: 1px solid #dfdfd0; border-radius: 8px; background: #edf0e5; }
.sg-booking-card .sg-booking-tab { border: 0; border-radius: 5px; background: transparent; color: #345446; font: inherit; font-size: 12px; font-weight: 600; padding: 11px 5px; cursor: pointer; min-height: 42px; }
.sg-booking-card .sg-booking-tab:hover { background: #dde5d7; color: #0c4b3b; }
.sg-booking-card .sg-booking-tab.active { background: var(--sg-green); color: #fff; box-shadow: 0 2px 5px #15382a1f; }
.sg-booking-card .sg-booking-required { color: #657368; font-size: 10px; margin: 11px 0; }
.sg-booking-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 16px; }
.sg-booking-wide { grid-column: 1 / -1; }
.sg-booking-card .sg-booking-field { display: block; min-width: 0; margin: 0 0 13px; font-size: 12px; font-weight: 500; color: #304c3f; }
.sg-booking-card input:not([type="hidden"]), .sg-booking-card select, .sg-booking-card textarea { display: block; width: 100%; min-width: 0; min-height: 43px; margin: 5px 0 0; padding: 10px 12px; border: 1px solid #d8dacc; border-radius: 6px; background: #fffefa; color: #263f35; font: inherit; font-weight: 400; line-height: 1.4; box-shadow: none; color-scheme: light; }
.sg-booking-card textarea { resize: vertical; max-height: 180px; }
/* Safari date controls have an intrinsic width; keep them inside their grid cell. */
.sg-booking-card input[type="date"],
.sg-booking-card input[type="number"] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-inline-size: 0;
}
.sg-booking-card input[type="date"] {
    -webkit-appearance: none;
    appearance: none;
    min-height: 44px;
    text-align: left;
}
.sg-booking-card input[type="date"]::-webkit-date-and-time-value {
    min-height: 1.4em;
    text-align: left;
}
.sg-booking-card input[type="date"]::-webkit-datetime-edit { min-width: 0; padding: 0; }
.sg-booking-card input::placeholder, .sg-booking-card textarea::placeholder { color: #778076; opacity: 1; }
.sg-booking-card :is(input, select, textarea):focus { border-color: #8b712f; outline: 2px solid #caa25266; outline-offset: 1px; }
.sg-booking-card button:focus-visible, .sg-booking-card a:focus-visible, .sg-popup-close:focus-visible { outline: 3px solid #caa252; outline-offset: 3px; }
.sg-booking-panel { border: 0; padding: 0; margin: 0; min-width: 0; }
.sg-booking-card .sg-booking-panel:not([hidden]) { display: block; }
.sg-booking-panel[hidden] { display: none !important; }
.sg-optional { color: #687568; font-size: 10px; font-weight: 400; }
.sg-booking-card .sg-booking-note { font-size: 10px; line-height: 1.6; color: #617061; margin: 0 0 14px; }
.sg-booking-card a { color: #0c4b3b; text-decoration: underline; text-underline-offset: 3px; }
.sg-booking-card .sg-booking-submit { display: flex; justify-content: center; align-items: center; gap: 14px; width: 100%; min-height: 47px; padding: 12px 18px; border: 1px solid #b99243; border-radius: 6px; background: #caa252; color: #243b2d; font: inherit; font-weight: 700; cursor: pointer; transition: background .2s; }
.sg-booking-card .sg-booking-submit:hover { background: #ddb86c; color: #243b2d; }
.sg-booking-card .sg-booking-submit:disabled { opacity: .65; cursor: wait; }
.sg-booking-card .sg-booking-phone { text-align: center; font-size: 11px; color: #63715f; margin: 15px 0 0; }
.sg-booking-phone a { display: inline-block; font-weight: 600; }
.sg-booking-message:empty { display: none; }
.sg-booking-message { border-radius: 6px; padding: 12px; margin-top: 13px; font-size: 12px; }
.sg-booking-message.success { background: #e5efdf; color: #174e35; border: 1px solid #aac79a; }
.sg-booking-message.error { background: #fff0e9; color: #92351f; border: 1px solid #d7ab9b; }
.sg-booking-honeypot, .sg-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.sg-query-popup { width: min(580px, calc(100% - 32px)); max-width: 580px; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); padding: 0; margin: auto; border: 0; border-radius: 16px; background: #fcf9f2; box-shadow: 0 28px 100px #001e2780; overflow-y: auto; overscroll-behavior: contain; }
.sg-query-popup:not([open]) { display: none; }
.sg-query-popup::backdrop { background: #031b22b3; backdrop-filter: blur(4px); }
.sg-query-popup .sg-booking-card { border: 0; }
.sg-query-popup .sg-booking-header { padding-right: 58px; }
.sg-query-popup .sg-popup-close { position: absolute; top: 12px; right: 12px; z-index: 2; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid #ffffff59; border-radius: 50%; background: #ffffff12; color: #fff; font: 26px/1 Arial, sans-serif; cursor: pointer; }
.sg-query-popup .sg-popup-close:hover { background: #ffffff30; color: #fff; }
html.sg-popup-open, html.sg-popup-open body { overflow: hidden; }
@media (max-width: 480px) {
    .sg-booking-card .sg-booking-header { padding: 14px 16px; }
    .sg-query-popup .sg-booking-header { padding-right: 48px; }
    .sg-booking-card .sg-booking-title { font-size: 23px; line-height: 1.15; margin-bottom: 5px; }
    .sg-booking-card .sg-booking-subtitle { font-size: 11px; line-height: 1.4; }
    .sg-booking-eyebrow { font-size: 8px; letter-spacing: .8px; margin-bottom: 5px; }
    .sg-booking-form { padding: 14px 14px; }
    /* Keep paired fields compact; explicit input sizing above constrains Safari controls. */
    .sg-booking-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 10px; }
    .sg-booking-card .sg-booking-field { margin-bottom: 11px; font-size: 14px; line-height: 1.4; }
    .sg-booking-card .sg-optional { font-size: 11px; }
    .sg-booking-card input:not([type="hidden"]), .sg-booking-card select, .sg-booking-card textarea { max-width: 100%; font-size: 14px; padding: 8px; margin-top: 3px; }
    .sg-booking-card input::placeholder, .sg-booking-card textarea::placeholder { font-size: 13px; }
    .sg-booking-card input[type="date"], .sg-booking-card input[type="number"] { height: 44px; }
    .sg-booking-card .sg-booking-tab { font-size: 11px; padding: 8px 4px; }
    .sg-booking-card .sg-booking-required { margin: 7px 0; }
    .sg-booking-card .sg-booking-note { margin-bottom: 8px; line-height: 1.4; }
    .sg-booking-card .sg-booking-submit { min-height: 44px; padding: 10px 14px; }
    .sg-booking-card .sg-booking-phone { margin-top: 8px; font-size: 12px; }
    .sg-query-popup .sg-popup-close { top: 8px; right: 8px; }
}
@media (max-width: 360px) {
    .sg-booking-grid { gap: 0 8px; }
    .sg-booking-form { padding: 10px; }
}
@media (prefers-reduced-motion: reduce) { .sg-booking-card .sg-booking-submit { transition: none; } }
