/* Trust Signals */
.trust-signals {
  margin-top: 1.5rem;
  padding: 1rem;
  background: rgba(255, 215, 170, 0.05);
  border-radius: 12px;
  text-align: center;
  border: 1px solid rgba(255, 215, 170, 0.1);
}
.trust-signals p {
  font-size: 0.9rem;
  color: #f5e6d3;
}
.trust-signals a {
  color: #E6B17E;
}


/* ===== HOMEPAGE SPECIFIC ===== */
.hero-image{width:100%;height:auto;border-radius:16px;margin:1rem 0;border:1px solid rgba(255,215,170,0.15);display:block}

/* ===== TRUST BAR ===== */
.trust-bar{margin-top:1.5rem;padding:1rem;background:rgba(255,215,170,0.05);border-radius:12px;text-align:center;border:1px solid rgba(255,215,170,0.1)}
.trust-bar p{font-size:.9rem;color:#f5e6d3}
.trust-bar strong{color:#FFD966}
.trust-bar a{color:#E6B17E}

/* ===== COUPLES SUMMER SPECIAL BLOCK ===== */
.summer-special-block{background:rgba(255,217,102,0.12);border:2px solid #FFD966;border-radius:16px;padding:1.5rem;margin:1.5rem 0;text-align:center}
.summer-special-block .badge{display:inline-block;background:#FFD966;color:#1e1a16;padding:.2rem 1rem;border-radius:30px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}
.summer-special-block h3{margin:.3rem 0 .5rem;color:#FFD966}
.summer-special-block .price{font-size:2rem;font-weight:800;color:#FFD966}
.summer-special-block .price strike{font-size:1.4rem;opacity:.6;font-weight:400;color:#aaa}
.summer-special-block .guarantee{font-size:.95rem;color:#f5e6d3;margin:.5rem 0}
.summer-special-block .guarantee strong{color:#FFD966}
.summer-special-block .cta-link{display:inline-block;margin-top:.8rem;background:#FFD966;color:#1e1a16;padding:.6rem 2rem;border-radius:40px;font-weight:700;text-decoration:none;transition:.2s}
.summer-special-block .cta-link:hover{transform:scale(1.03);background:#f5c842}
/* ============================================================
   CONTRAST & USABILITY FIXES (Added 2026-06-26)
   ============================================================ */

/* WhatsApp Button – white text for WCAG AA compliance */
.btn-whatsapp-large,
.btn-whatsapp {
  color: #ffffff !important;
}

/* Review Cards – improved background opacity for readability */
.review-card {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* FAQ Items – better contrast against dark background */
.faq-item {
  background: rgba(255, 255, 255, 0.06) !important;
}

/* Step List Items – clearer separation */
.step-list li {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* Summer Special Price – text shadow for instant contrast */
.summer-special-block .price {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7) !important;
}

.hero-image {
  width: 100%;
  height: auto;
  aspect-ratio: 1100 / 600; /* Matches your width/height attributes */
  display: block; /* Removes extra space below image */
}


/* ============================================================
   HOME PAGE SPECIFIC FIXES – SXM Massage Mobile
   ============================================================ */

/* ----- BANNER ACTIONS WRAPPER (Moved from inline) ----- */
.summer-banner .banner-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* ----- AREAS LIST (Prevent CLS) ----- */
.areas-list {
  min-height: 80px;
}

/* ----- TRUST SIGNALS (Moved from inline) ----- */
.trust-signals {
  margin-top: 1.5rem;
  padding: 1rem;
  background: rgba(255, 215, 170, 0.05);
  border-radius: 12px;
  text-align: center;
  border: 1px solid rgba(255, 215, 170, 0.1);
}
.trust-signals p {
  font-size: 0.9rem;
  color: #f5e6d3;
}
.trust-signals .sub-links {
  font-size: 0.8rem;
  color: #aaa;
  margin-top: 0.3rem;
}
.trust-signals .sub-links a {
  color: #E6B17E;
}

/* ----- SUMMER SPECIAL BLOCK ----- */
.summer-special-block .price {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
}

/* ----- HIGHLIGHT BOX ----- */
.highlight {
  border-color: #FFD966;
  background: rgba(255, 217, 102, 0.08);
}
.highlight .price-large {
  font-size: 2rem;
  font-weight: 700;
  color: #FFD966;
  margin: 0.5rem 0;
}

/* ----- AREA SPOTS & RESTRICTED LIST ----- */
.area-spots-container {
  margin: 1rem 0;
}
.restricted-list .small-note {
  margin-top: 0.5rem;
}

/* ----- REVIEWS SECTION ----- */
.reviews-rating {
  text-align: center;
  margin-top: 1rem;
}
.reviews-cta {
  text-align: center;
  margin-top: 1.5rem;
}

/* ----- GROUP DEALS FOOTER ----- */
.group-deals-footer {
  text-align: center;
  margin-top: 1.5rem;
}

/* ----- BOOKING SECTION ----- */
.booking-highlight p {
  font-size: 1.2rem;
  margin: 0 0 0.5rem 0;
}
.booking-cta-center {
  text-align: center;
  margin: 2rem 0 1rem;
}
.booking-cta-center .btn-whatsapp-large {
  display: inline-block;
  padding: 14px 28px;
  font-size: 1.3rem;
}
.booking-cta-center .small-note {
  margin-top: 0.5rem;
}
.btn-call-inline {
  display: inline-block;
  margin-top: 0.5rem;
}

/* ----- NAVIGATION MENU STABILITY ----- */
.internal-menu ul {
  min-height: 48px;
  align-items: center;
}
.menu-btn {
  white-space: nowrap;
}

/* ----- HERO IMAGE (Prevent CLS) ----- */
.hero-image {
  aspect-ratio: 1100 / 600;
}

/* ----- WHATSAPP BUTTON (Contrast) ----- */
.btn-whatsapp-large,
.btn-whatsapp {
  color: #ffffff !important;
}

/* ----- RESPONSIVE ----- */
@media (max-width: 768px) {
  .internal-menu ul {
    min-height: auto;
  }
  .menu-btn {
    white-space: normal;
  }
}

/* ----- PAGE-SPECIFIC (from simpson-bay-massage.html) ----- */
.simpson-hero-padding {
  padding-top: 1rem;
}


