/* Small companion stylesheet — everything Tailwind's utility classes can't
   express cleanly (multi-stop gradients, Alpine's x-cloak, marker resets). */

html { scroll-behavior: smooth; }

[x-cloak] { display: none !important; }

/* ---- illustrated "scene" panels used in place of photography ---- */
.bg-scene-exterior{ background-image: radial-gradient(circle at 30% 20%, rgba(255,61,143,.55), transparent 45%), radial-gradient(circle at 75% 30%, rgba(47,230,214,.4), transparent 45%), radial-gradient(circle at 50% 90%, rgba(232,184,84,.3), transparent 55%), linear-gradient(180deg,#120F2E,#060512); }
.bg-scene-suite{ background-image: linear-gradient(135deg, #241C4A 0%, #171335 55%, #0B0A1F 100%); }
.bg-scene-floor{ background-image: radial-gradient(circle at 20% 30%, rgba(47,230,214,.35), transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,61,143,.4), transparent 45%), linear-gradient(#14112E,#14112E); }
.bg-scene-dining{ background-image: linear-gradient(160deg, #2A1B33 0%, #171029 60%, #0B0A1F 100%); }
.bg-scene-pool{ background-image: linear-gradient(180deg, #123534 0%, #0E2430 55%, #0B0A1F 100%); }
.bg-scene-spa{ background-image: linear-gradient(160deg, #241A3D 0%, #141026 100%); }
.bg-scene-bar{ background-image: radial-gradient(circle at 60% 20%, rgba(232,184,84,.35), transparent 50%), linear-gradient(#17112C,#17112C); }
.bg-scene-event{ background-image: radial-gradient(circle at 30% 80%, rgba(255,61,143,.3), transparent 50%), linear-gradient(#14122C,#14122C); }

/* ---- ambient page-level glows ---- */
.bg-hero-noise{ background-image: radial-gradient(ellipse 900px 500px at 12% -10%, rgba(255,61,143,.14), transparent 60%), radial-gradient(ellipse 900px 600px at 90% 0%, rgba(47,230,214,.10), transparent 55%); }
.bg-cta-glow{ background-image: radial-gradient(ellipse 700px 300px at 50% 0%, rgba(255,61,143,.16), transparent 60%); }

/* ---- FAQ <details> reset ---- */
details.faq-item summary{ list-style:none; cursor:pointer; }
details.faq-item summary::-webkit-details-marker{ display:none; }
details.faq-item[open] .faq-plus{ transform:rotate(45deg); }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}