/* GDI-Elements: design tokens shared by every GDI widget, taken from the project's assets/css/site.css.
   Prefixed so nothing else on the page can collide with them. Override any of them in
   GDI-Elements > Code to restyle every widget at once. */
:root {
  --gdi-ink: #1d282f;
  --gdi-body: #3d4b58;
  --gdi-mute: #5e6b78;
  --gdi-navy: #182b3d;
  --gdi-navy-900: #10202e;
  --gdi-navy-950: #0b1622;
  --gdi-blue-text: #008cc8;
  --gdi-blue: #00abee;
  --gdi-blue-hi: #33bdf2;
  --gdi-sky: #dff4fc;
  --gdi-grey: #ecf1f3;
  --gdi-white: #ffffff;
  --gdi-line: #e1e4e8;
  --gdi-line-2: #cfd5db;

  --gdi-font-display: "Archivo", "Arial Narrow", Impact, sans-serif;
  --gdi-font-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --gdi-font-body: "DM Sans", "Segoe UI", system-ui, -apple-system, sans-serif;

  --gdi-r-btn: 4px;
  --gdi-r-card: 12px;
  --gdi-card-pad: clamp(1.4rem, 1rem + 1.2vw, 2rem);
  --gdi-gap: clamp(1rem, 0.6rem + 1.1vw, 1.5rem);
  --gdi-shadow: 0 4px 14px rgba(26,36,38,.06), 0 18px 44px rgba(26,36,38,.08);
  --gdi-ease: cubic-bezier(.22,.61,.36,1);
}

/* The widgets size their boxes like the project (border-box), whatever the theme does. */
.gdi-marquee, .gdi-marquee *, .gdi-marquee *::before, .gdi-marquee *::after,
.gdi-reviews, .gdi-reviews *, .gdi-reviews *::before, .gdi-reviews *::after,
.gdi-map, .gdi-map *, .gdi-map *::before, .gdi-map *::after,
.gdi-table, .gdi-table *, .gdi-table *::before, .gdi-table *::after,
.gdi-booking-form, .gdi-booking-form *, .gdi-booking-form *::before, .gdi-booking-form *::after { box-sizing: border-box; }

/* Screen-reader-only text used inside the widgets (table captions, the form's spam trap label). */
.gdi-visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }