/* Wedding enquiry popup - native form additions (2026-10-10). The popup, fields, selects and .was-validated
   are already styled in main.css (#form-popup ...); this file adds only the status line, the Turnstile
   container and the no-JavaScript line. */

#form-popup .wedding-form-turnstile {
    list-style: none;
    margin: 0 0 15px 0;
    min-height: 65px;
}

#form-popup .wedding-form-status {
    margin: 0 0 15px 0;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #000;
}

#form-popup .wedding-form-status:empty {
    display: none;
}

#form-popup .wedding-form-status[data-state='error'] {
    color: #b00020;
}

#form-popup .wedding-form-nojs {
    margin: 0 0 15px 0;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #000;
}

#form-popup button[disabled] {
    opacity: 0.6;
    cursor: default;
}

/* Without JavaScript Magnific never opens the popup, so the "#form-popup" link would jump to a hidden block.
   The head script adds w-mod-js to <html> whenever JavaScript runs; without it, show the popup in place so
   the visitor can read the no-JavaScript line. */
html:not(.w-mod-js) #form-popup.mfp-hide:target {
    display: block;
}