/*
 * Customisation layer for the Hotel Link / Secure Bookings widgets.
 * Loaded AFTER search-wdg.css and app.css, and scoped to the widget containers.
 *
 * The widget markup is injected by JavaScript, so exact class names must be
 * confirmed in the browser: right-click the widget -> Inspect, then add rules below.
 */

/* Search widget (index page) */
#hbe-bws-wrapper-widget-code {
  font-family: "Segoe UI", system-ui, sans-serif;
  width: 100%;
}

/* Embedded widget (reservation page) */
.hbe-bws {
  font-family: "Segoe UI", system-ui, sans-serif;
  width: 100%;
}
.hbe-bws #hbe-bws-wrapper {
  min-height: 300px;           /* avoids layout jump while the widget loads */
}

/* Examples - uncomment and adjust once you have the real class names:
#hbe-bws-wrapper-widget-code button { background:#c9a24b; border-radius:8px; }
.hbe-bws a.book-now             { background:#14213d; }
*/