/* Eagle Resorts RV Park — off-platform robustness overrides.
 * NOT part of the original Webflow export. Loaded AFTER the Webflow stylesheets so
 * the original design stays pristine; this only hardens behavior that Webflow drove
 * via runtime JS (IX2) and that can be timing-fragile when self-hosted.
 */

/* Mobile nav hamburger <-> close-X swap.
 * In the export both icons are `display:flex` and the swap is driven entirely by
 * Webflow IX2; if IX2 is slow/absent both (or the wrong) icon can show. Key the
 * swap on `.w--open` (toggled by the core Webflow nav, independent of IX2) so it is
 * always correct. Scoped to the breakpoint where the menu collapses (<=991px). */
@media screen and (max-width: 991px) {
  .navbar__menu-button .navbar__hamburguer-icon { display: flex !important; }
  .navbar__menu-button .navbar__close-icon-wrap { display: none !important; }
  .navbar__menu-button.w--open .navbar__hamburguer-icon { display: none !important; }
  .navbar__menu-button.w--open .navbar__close-icon-wrap { display: flex !important; }
}

/* Gallery pagination (vanilla replacement for Finsweet CMS-load) */
.w-pagination-wrapper .is-disabled { opacity: .4; pointer-events: none; cursor: default; }
.pagination__count { align-self: center; font-weight: 600; opacity: .85; padding: 0 4px; }

/* Vertically center the desktop navbar links (and align logo/buttons on the cross axis) */
@media screen and (min-width: 992px) {
  .navbar__wrap { align-items: center; }
  .navbar__nav, .nav__wrap, .nav__links, .nav__buttons { align-items: center; }
}

/* ALTCHA widget — make its verification text clearly legible on the light form card */
altcha-widget {
  --altcha-color-base: #ffffff;
  --altcha-color-text: #1a1000;
  --altcha-color-border: rgba(0, 0, 0, .28);
  --altcha-color-border-focus: #cf6a00;
  --altcha-max-width: 100%;
  display: block;
  margin: 0 0 14px;
  font-size: 14px;
}

/* Brand eyebrow contrast: deepen the amber just enough to pass WCAG large-text (3:1)
   on the light sections while staying strong on the dark sections. Leaves the
   white-on-dark eyebrow variant untouched. */
.text-highlighted:not(.text-white) { color: #cf6a00; }
