/* Echo Hotels homepage styles that used to come from Tailwind (CDN) and GSAP inline styles. */

/* Section taglines: reveal on scroll (was GSAP SplitText) */
.echo-tagline { overflow: hidden; }
.echo-tagline .line-mask { display: block; opacity: 0; transform: translateY(12px); transition: transform .6s ease-out, opacity .6s ease-out; }
.echo-tagline .line-mask:nth-child(2) { transition-delay: .15s; }
.echo-tagline .line-mask:nth-child(3) { transition-delay: .3s; }
.echo-tagline.is-in .line-mask { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .echo-tagline .line-mask { transition: none; opacity: 1; transform: none; } }

/* Reviews marquee (was Tailwind utility classes) */
.w-full { width: 100%; }
.overflow-hidden { overflow: hidden; }
.relative { position: relative; }
.flex { display: flex; }
.gap-4 { gap: 1rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mt-1 { margin-top: .25rem; }
.p-6 { padding: 1.5rem; }
.hidden { display: none; }
.flex-shrink-0 { flex-shrink: 0; }
.w-\[320px\] { width: 320px; }
.bg-white { background-color: #fff; }
.rounded-2xl { border-radius: 1rem; }
.font-light { font-weight: 300; }
.font-medium { font-weight: 500; }
.text-xs { font-size: .75rem; line-height: 1rem; }
.text-sm { font-size: .875rem; line-height: 1.25rem; }
.leading-relaxed { line-height: 1.625; }
.text-neutral-600 { color: #525252; }
.text-neutral-400 { color: #a3a3a3; }
.text-\[\#5a4a32\] { color: #5a4a32; }
.line-clamp-4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
@media (min-width: 640px) {
  .sm\:block { display: block; }
  .sm\:hidden { display: none; }
  .sm\:gap-5 { gap: 1.25rem; }
  .sm\:mb-6 { margin-bottom: 1.5rem; }
  .sm\:p-7 { padding: 1.75rem; }
  .sm\:w-\[400px\] { width: 400px; }
  .sm\:text-base { font-size: 1rem; line-height: 1.5rem; }
}

/* RTL: carousel arrow icons point outward */
[dir="rtl"] .swiper-btn-prev svg, [dir="rtl"] .swiper-btn-next svg { transform: scaleX(-1); }