/**
 * SkyPath skin for the manually designed Elementor Booking Bar.
 * Add the reusable `idx-container` class to the SAME Elementor container that
 * owns `data-idx-booking-bar`. Core manages fixed/visible state; idx-container
 * remains the single source of truth for width, max-width and horizontal pad.
 */
[data-idx-booking-bar] {
	transition: opacity 180ms ease, visibility 180ms ease, translate 220ms ease;
}

[data-idx-booking-bar].is-idx-managed {
	border-radius: 14px;
	box-shadow:
		0 16px 38px rgba(23, 35, 43, 0.13),
		0 3px 10px rgba(23, 35, 43, 0.05);
	overflow: clip;
}

@media (max-width: 767px) {
	[data-idx-booking-bar].is-idx-managed {
		border-radius: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	[data-idx-booking-bar] {
		transition: none;
	}
}