/* Booking pop-up (WoodMart popup #quote → html block 10586 → WPForms 15654).
Loaded on every front-end page: the pop-up lives in the shared pre-footer and
the toolkit's own booking buttons. */
.wd-popup.wd-popup-element:has(.elementor-10586) {
--wd-popup-width: 460px !important;
width: 460px !important;
max-width: calc(100vw - 32px) !important;
box-sizing: border-box;
padding: 34px 32px 26px;
border-radius: 25px;
background: #f8f5f1;
box-shadow: 0 30px 80px -30px rgba(40, 30, 25, 0.55);
}
.elementor-10586 .e-con,
.elementor-10586 .e-con-inner { padding: 0 !important; gap: 0 !important; }
.elementor-10586 .woodmart-title-container {
margin: 0;
font: 600 26px/1.2 "Poppins", sans-serif !important;
letter-spacing: -0.01em;
color: #21201f;
text-transform: none;
}
.elementor-10586 .title-after_title { margin-top: 8px; font: 400 15px/1.6 "Lato", sans-serif; color: #5f5a56; }
.elementor-10586 .title-after_title p { margin: 0; }
.elementor-10586 .wd-title-color-default,
.elementor-10586 .title-wrapper { margin-bottom: 20px !important; }
/* WPForms modern markup: override the widget's inline CSS variables. */
.elementor-10586 .elementor-widget-wpforms.elementor-widget-wpforms {
--wpforms-field-border-radius: 15px;
--wpforms-field-border-color: rgba(153, 137, 126, 0.45);
--wpforms-field-background-color: #ffffff;
--wpforms-field-text-color: #21201f;
--wpforms-field-size-input-height: 50px;
--wpforms-field-size-font-size: 15px;
--wpforms-field-size-input-spacing: 14px;
--wpforms-label-color: #21201f;
--wpforms-label-size-font-size: 14px;
--wpforms-label-size-line-height: 18px;
--wpforms-label-size-sublabel-font-size: 13px;
--wpforms-label-sublabel-color: #8a827c;
--wpforms-button-border-radius: 50px;
--wpforms-button-background-color: #99897e;
--wpforms-button-text-color: #ffffff;
--wpforms-button-size-height: 52px;
--wpforms-button-size-font-size: 15px;
--wpforms-page-break-color: #99897e;
}
.elementor-10586 .wpforms-container { margin: 0 !important; }
.elementor-10586 .wpforms-form .wpforms-field { padding: 0 0 14px !important; }
.elementor-10586 .wpforms-form .wpforms-field-label {
margin-bottom: 6px !important;
font: 600 14px/1.3 "Poppins", sans-serif !important;
color: #21201f !important;
}
.elementor-10586 .wpforms-form .wpforms-required-label { color: #99897e !important; }
.elementor-10586 .wpforms-form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.elementor-10586 .wpforms-form select,
.elementor-10586 .wpforms-form textarea {
width: 100% !important;
max-width: none !important;
border-radius: 15px !important;
border: 1px solid rgba(153, 137, 126, 0.45) !important;
background-color: #fff !important;
font: 400 15px/1.4 "Lato", sans-serif !important;
color: #21201f !important;
box-shadow: none !important;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.elementor-10586 .wpforms-form textarea { height: 84px !important; min-height: 84px !important; padding: 12px 14px !important; }
.elementor-10586 .wpforms-form input:focus,
.elementor-10586 .wpforms-form select:focus,
.elementor-10586 .wpforms-form textarea:focus {
border-color: #7d6e64 !important;
box-shadow: 0 0 0 3px rgba(153, 137, 126, 0.22) !important;
outline: none !important;
}
.elementor-10586 .wpforms-form ::placeholder { color: #a39a93 !important; opacity: 1; }
.elementor-10586 .wpforms-form .wpforms-field-description { margin-top: 5px !important; font-size: 13px !important; color: #8a827c !important; }
/* Date and preferred time side by side. */
.elementor-10586 .wpforms-form .wpforms-field-container { display: flex; flex-wrap: wrap; column-gap: 12px; }
.elementor-10586 .wpforms-form .wpforms-field-container > .wpforms-field { flex: 1 1 100%; }
.elementor-10586 .wpforms-form .wpforms-field-container > .wpforms-field-date-time,
.elementor-10586 .wpforms-form .wpforms-field-container > .wpforms-field-date-time + .wpforms-field-select { flex: 1 1 calc(50% - 6px); min-width: 0; }
.elementor-10586 .wpforms-form .wpforms-submit-container { padding: 6px 0 0 !important; margin: 0 !important; }
.elementor-10586 .wpforms-form button.wpforms-submit {
width: 100% !important;
height: 52px !important;
border: 0 !important;
border-radius: 50px !important;
background: #99897e !important;
font: 600 15px/1 "Poppins", sans-serif !important;
letter-spacing: 0.01em;
text-transform: none !important;
color: #fff !important;
transition: background-color 0.2s ease;
}
.elementor-10586 .wpforms-form button.wpforms-submit:hover { background: #7d6e64 !important; }
.elementor-10586 .wpforms-form button.wpforms-submit:focus-visible { outline: 2px solid #7d6e64 !important; outline-offset: 3px; }
.elementor-10586 .wpforms-form .wpforms-error,
.elementor-10586 .wpforms-form label.wpforms-error { font-size: 13px !important; color: #b4473a !important; }
.elementor-10586 .wpforms-form input.wpforms-error,
.elementor-10586 .wpforms-form select.wpforms-error { border-color: #b4473a !important; }
/* WhatsApp alternative under the form. */
.elementor-10586 .sh-pop-alt { margin: 16px 0 0; text-align: center; font: 400 14px/1.5 "Lato", sans-serif; color: #5f5a56; }
.elementor-10586 .sh-pop-alt a { color: #21201f; font-weight: 700; text-decoration: underline; text-decoration-color: #25d366; text-decoration-thickness: 2px; text-underline-offset: 3px; }
/* Close button inside the card. */
.mfp-wrap .wd-popup:has(.elementor-10586) .mfp-close,
.mfp-wrap:has(.elementor-10586) .mfp-close {
top: 14px !important;
right: 14px !important;
width: 36px !important;
height: 36px !important;
border-radius: 50%;
background: #ede7e2 !important;
color: #21201f !important;
opacity: 1 !important;
line-height: 36px !important;
}
@media (max-width: 600px) {
.wd-popup.wd-popup-element:has(.elementor-10586) { width: calc(100vw - 32px) !important; padding: 28px 20px 22px; border-radius: 20px; }
.elementor-10586 .woodmart-title-container { font-size: 23px !important; padding-right: 36px; }
}
/* The form widget carried a -30px top margin in its Elementor settings, which
pulled the first field over the intro text. */
.elementor-10586 .elementor-widget-wpforms > .elementor-widget-container { margin-top: 0 !important; }
/* The floating WhatsApp bubble sat over the pop-up on phones. */
body:has(.mfp-wrap .elementor-10586) .sky-whatsapp-widget { display: none !important; }