/* Amenities Page Styles - HotelPLNew */

/* Hero styling with resort-inspired gradient */
.amenities-hero {
  background-image: radial-gradient(1200px 600px at 20% 20%, rgba(0, 206, 209, 0.25), transparent 60%),
                    radial-gradient(1200px 600px at 80% 40%, rgba(255, 140, 66, 0.18), transparent 55%),
                    linear-gradient(135deg, var(--color-ocean-blue-light), var(--color-ocean-blue));
}

/* Feature list bullets */
.amenities-list {
  display: grid;
  gap: var(--space-2);
}
.amenities-list li {
  display: flex;
  align-items: flex-start;
}
.amenities-list li::before {
  content: "•";
  color: var(--color-secondary);
  font-weight: var(--font-weight-bold);
  margin-right: var(--space-3);
  line-height: 1;
}

/* Reveal animation (progressive enhancement) */
[data-reveal] {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity var(--transition-base) var(--transition-timing),
              transform var(--transition-base) var(--transition-timing);
}
[data-reveal].in-view {
  opacity: 1;
  transform: translateY(0);
}

/* CTA section contrast tweaks */
.section-cta .btn-outline {
  border-color: rgba(255,255,255,0.9);
  color: var(--color-white);
}
.section-cta .btn-outline:hover {
  background-color: var(--color-white);
  color: var(--color-primary);
}