/* SSW overrides on top of the Webflow export. Loaded on every page after the Webflow stylesheet. */

/* Team section is hidden on purpose but kept in the HTML so it can come back: the section itself and
   every link that jumps to it ("Our Team" in the nav, "Meet the Team" in the footer). */
.team_section, a[href="/#Team"], a[href="#team"] { display: none !important; }

/* Footer "Indigenous Lands Recognition" slider has three identical slides: hide its arrows and dots
   (swipe is disabled in the HTML via data-disable-swipe="true"). */
.slider-4 .left-arrow-5, .slider-4 .right-arrow-4, .slider-4 .slide-nav-4 { display: none !important; }

/* Home hero pill: figures in the site yellow. */
.tag_num { color: var(--fff85e); }

/* Home #Form: CTA that opens the booking widget (markup in index.html, behaviour in booking-popup.js).
   Webflow sets .form_section{overflow:auto} and parks a 500px .bg_gradient below it, so the section scrolled
   internally under the mouse wheel and showed a 500px empty band. clip keeps the glow, drops the inner scroll. */
html[data-wf-page="685ba2120410887a3e6dbcc2"] #Form { padding-bottom: 96px; overflow: clip; }
.ssw-cta { margin-top: 20px; cursor: pointer; }
/* Visitors outside the hire-us countries (middleware.js sets the cookie, the <head> script sets the class). */
html.ssw-no-hire #Form { display: none !important; }

.ssw-booking-dialog {
  width: min(720px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0;
  border: 0; background: transparent; overflow: auto;
}
.ssw-booking-dialog::backdrop { background: rgba(0, 0, 0, .7); }
.ssw-booking-close {
  position: absolute; top: 10px; right: 14px; z-index: 1; padding: 4px 10px;
  background: none; border: 0; color: #fff; font-size: 28px; line-height: 1; cursor: pointer;
}
/* The widget renders in the page (no iframe) with Tailwind class names. Webflow's global .flex/.grid add grid
   columns, gaps and height the widget never sets, which squeezed its fields into 4 columns. Reset only those;
   the widget's own utilities ([data-ssw-booking] .x, injected after this file) still win. */
[data-ssw-booking] .flex { gap: normal; grid-template: none; grid-auto-columns: auto; height: auto; justify-content: normal; align-items: normal; }
[data-ssw-booking] .grid { gap: normal; grid-template: none; grid-auto-columns: auto; align-items: normal; }