/**
 * Styles for the standalone "NeoBookings Plus" Elementor widget (NeoMaskWidget
 * search bar only).
 *
 * Desktop: once the page scrolls past the bar's original position, it docks
 * fixed to the bottom of the viewport (see fayna-neobookings-plus-widget.js).
 * Mobile: the bar stays static wherever it's placed and never docks (unless
 * config.mobileFloatingMask is enabled on the widget itself, which is handled
 * entirely by the NeoMaskWidget bundle).
 */

.fayna-neobookings-plus-wrap {
	position: relative;
	z-index: 10;
	width: 100%;
	/* "left"/"width" animate the grow-to-100% dock effect driven by JS
	   (dock() in fayna-neobookings-plus-widget.js). */
	transition: padding 0.25s ease, box-shadow 0.25s ease, left 0.25s ease, width 0.25s ease;
}

.fayna-neobookings-plus-wrap.is-docked {
	z-index: 99999;
	background-color: #ffffff;
	padding: 10px 16px;
}

/* Desktop: fixed to the bottom of the viewport, applied by JS only past the
   desktop breakpoint once scrolled beyond the bar's original position. */
.fayna-neobookings-plus-wrap.is-fixed-bottom {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
}

.fayna-neobookings-plus-spacer {
	display: none;
	width: 100%;
}

/* Red placeholder shown instead of the real NeoMaskWidget engine when the
   widget's "Modo debug" control is enabled, or when the required Base URL is
   missing - lets the scroll/dock behavior above be checked locally, where the
   external booking script never loads. */
.fayna-neobookings-plus-debug-bar {
	min-height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #d32f2f;
	color: #ffffff;
	padding: 14px 16px;
	text-align: center;
	font-weight: 600;
}