/* =============================================================
   FEWAS THEME — SUPPLEMENTARY STYLESHEET
   Everything visual (colors, spacing, typography, component look)
   comes from assets/css/original-compiled.css — the literal compiled
   stylesheet from the original design export. This file ONLY adds:
   1. Scroll-reveal animation state (JS-toggled, not in the original
      static export since it's a one-time mount transition there).
   2. Room row hover-reveal (the original toggles this via a JS hover
      state; recreated here with plain CSS :hover for reliability).
   3. Five Elements orbit positioning + crossfade helpers (this theme's
      simplified version of the original's canvas-driven orbit math).
   4. Small interactive-state classes: nav open flag, modal visibility,
      back-to-top, header scroll state.
   ============================================================= */

/* Scroll-reveal (paired with .fewas-reveal in the markup) */
.fewas-reveal {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.fewas-reveal.is-visible { opacity: 1; transform: translateY(0); }

/* Room row hover-reveal (desktop) */
.fewas-room-row:hover .fewas-room-row__img,
.fewas-room-row:focus-within .fewas-room-row__img {
	transform: translateX(0);
}
.fewas-room-row:hover {
	background-color: rgba(11,47,46,0.03);
}

/* Five Elements — orbit ring + crossfade */
.fewas-elements__ring { position: relative; }
.fewas-elements__orb {
	margin-left: -42px;
	margin-top: -42px;
	transition: transform 0.6s cubic-bezier(0.65,0,0.35,1);
}
@media (min-width: 640px) { .fewas-elements__orb { margin-left: -58px; margin-top: -58px; } }
@media (min-width: 1024px) { .fewas-elements__orb { margin-left: -68px; margin-top: -68px; } }
.fewas-elements__orb:not(.is-active) { opacity: 0.55; }
.fewas-elements__orb.is-active { opacity: 1; }
.fewas-elements__bg { z-index: 0; }

/* Modal visibility */
#fewas-booking-modal.is-open { display: flex; }
body.fewas-modal-open { overflow: hidden; }

/* Nav overlay open state */
#site-nav.is-open { transform: translateX(0); }

/* Header solid-on-scroll state */
#site-header.is-scrolled { background-color: #0B2F2E; box-shadow: 0 8px 24px rgba(11,47,46,0.2); }
#site-header.is-scrolled .fewas-header-overlay { opacity: 0; }

/* Back-to-top visible state */
[data-fewas-back-to-top].is-visible {
	opacity: 1 !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}