/* Popup styled to match plugin theme variables */
#prebooking-popup{position:fixed;left:0;top:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;z-index:99999}
#prebooking-popup.visible{display:flex}

/* Fullscreen overlay: use fixed so it truly covers viewport */
#prebooking-popup::before{content:'';position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.35);backdrop-filter: blur(4px);z-index:99990}

#prebooking-popup .prebooking-popup-inner{position:relative;background:var(--bg-white,#ffffff);border-radius:8px;max-width:520px;width:100%;padding:22px;box-shadow:var(--shadow-2xl,0 25px 50px -12px rgba(0,0,0,0.25));border:3px solid var(--primary-light,#4ec4c4);box-sizing:border-box;z-index:99995}

#prebooking-popup .prebooking-close{position:absolute;right:12px;top:8px;border:none;background:transparent;font-size:20px;line-height:1;color:var(--text-medium,#333);cursor:pointer}

.prebooking-field{margin-bottom:12px}
.prebooking-popup-inner{font-size:14px}

.prebooking-field label{display:block;font-size:13px;margin-bottom:6px;color:var(--primary-dark,#1e3a5f);font-weight:600}
.prebooking-field input[type="text"],
.prebooking-field input[type="email"],
.prebooking-field textarea{width:100%;padding:9px 10px;border:2px solid var(--primary-color,#2ba5a5);border-radius:6px;font-size:13px;box-sizing:border-box}
.prebooking-field textarea{min-height:90px;resize:vertical}
.prebooking-field input:focus, .prebooking-field textarea:focus{outline:none;box-shadow:0 0 10px var(--primary-focus, rgba(43, 165, 165, 0.1));border-color:var(--primary-dark,#1e3a5f)}

.prebooking-actions{display:flex;justify-content:flex-end;margin-top:8px}
.prebooking-actions button[type="submit"],
.prebooking-actions .prebooking-btn{background-color:var(--primary-color,#2ba5a5);color:var(--bg-white,#fff);border:none;padding:10px 18px;font-weight:700;border-radius:6px;cursor:pointer}
.prebooking-actions button[type="submit"]:hover{background-color:var(--primary-dark,#1e3a5f)}

.prebooking-form-result{margin-top:10px;font-size:14px;min-height:20px}
.prebooking-form-result.success{color:green}
.prebooking-form-result.error{color:#b12}

/* Responsive tweaks */
@media (max-width:600px){
	#prebooking-popup .prebooking-popup-inner{margin:16px;padding:16px}
	.prebooking-actions{justify-content:center}
}

/* Two-column layout for form fields inside the popup */
.prebooking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:6px}
.prebooking-field-full{grid-column:1 / -1}

@media (max-width:720px){
	.prebooking-grid{grid-template-columns:1fr}
}