/* Coordinated teal, bright-gold and white travel sections.
   Scope deliberately limited to visual presentation; no backend or form changes. */
:root { --premium-gold: #e9c476; --premium-teal: #087768; --premium-ink: #073b48; }
.premium-gold { color: var(--premium-gold); }

/* Homepage travel banners: retain the layout, add green/teal backdrop. */
#travel-stays > .section-head,
#travel-transport > .section-head {
  background: linear-gradient(117deg, #073b4c 0%, #08616a 53%, #087b6c 100%);
  border: 1px solid rgba(233,196,118, .35);
  border-bottom: 3px solid #e9c476;
  border-radius: 19px;
  padding: clamp(22px, 4vw, 38px);
  box-shadow: 0 9px 25px rgba(5, 56, 66, .10);
}
#travel-stays > .section-head h2,
#travel-transport > .section-head h2 { color: #fff; }
#travel-stays > .section-head p,
#travel-transport > .section-head p { color: #e4f3f0; }
#travel-stays > .section-head .eyebrow,
#travel-transport > .section-head .eyebrow {
  color: #e9c476; font-weight: 800;
}
#travel-stays > .section-head .btn {
  background: #e9c476; border-color: #e9c476; color: #093c48;
}

/* Feature cards remain green, with crisp white names and gold descriptions. */
#travel-stays .stay-preview-card,
#travel-transport .stay-preview-card {
  position: relative;
  background: linear-gradient(135deg, #07394d 0%, #08796c 100%);
  border: 1px solid rgba(233,196,118, .42);
  border-bottom: 3px solid #e9c476;
  transition: transform .16s ease, box-shadow .16s ease;
}
#travel-stays .stay-preview-card:nth-child(2),
#travel-transport .stay-preview-card:nth-child(2) {
  background: linear-gradient(135deg, #073a4f 0%, #087466 100%);
}
#travel-stays .stay-preview-card:nth-child(3),
#travel-transport .stay-preview-card:nth-child(3) {
  background: linear-gradient(135deg, #083e51 0%, #0b716d 100%);
}
#travel-stays .stay-preview-card strong,
#travel-transport .stay-preview-card strong { color: #fff; }
#travel-stays .stay-preview-card span,
#travel-transport .stay-preview-card span {
  color: #e9c476; font-weight: 600; line-height: 1.45;
}
#travel-stays .stay-preview-card:hover,
#travel-transport .stay-preview-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(5, 56, 66, .18);
}
#travel-stays .stay-preview-card:focus-visible,
#travel-transport .stay-preview-card:focus-visible {
  outline: 3px solid #e9c476; outline-offset: 3px;
}

/* Dedicated travel pages: white and gold type on teal section titles. */
.premium-section-heading {
  background: linear-gradient(115deg, #073b4c, #08626a 57%, #08786c);
  color: #fff;
  border-radius: 20px;
  border-bottom: 3px solid #e9c476;
  padding: clamp(24px, 4vw, 36px);
  box-shadow: 0 8px 24px rgba(5, 56, 66, .10);
  margin-bottom: 25px;
}
.premium-section-heading h2 { color: #fff; }
.premium-section-heading .eyebrow { color: #e9c476; }
.premium-section-heading .muted, .premium-section-heading p {
  color: #e5f3f0; max-width: 740px; margin-bottom: 0;
}

/* Resort type pills: classic deep green, white and restrained gold. */
.benefits span { background:#0a5964; color:#fff; border-color:#e9c476; }
.benefits span:first-child { color:#e9c476; }

/* Hospital and police cards: accessible contrast on deep green. */
.findcard {
  background: linear-gradient(125deg, #073b4e, #086b6c);
  color: #fff;
  border: 1px solid rgba(233,196,118, .55);
  border-bottom: 3px solid #e9c476;
}
.findcard h2 { color:#fff; }
.findcard p { color:#e5f3f0; }
.findcard .icon { filter:drop-shadow(0 3px 4px rgba(0,0,0,.18)); }
.findcard .facility-search { color: #e9c476; }
.findcard .field { color:#123d4a; background:#fff; border:1px solid #cbdcdd; }
.findcard .go { background:#e9c476; color:#0c3c49; }
.findcard .go:hover { background:#e9c476; }
.findcard .go:focus-visible { outline:3px solid #fff; outline-offset:3px; }

/* The installed PWA follows the same site's styling. */
@media (max-width:590px) {
  #travel-stays > .section-head,
  #travel-transport > .section-head { padding:24px 21px; }
  #travel-stays .stay-preview-card,
  #travel-transport .stay-preview-card { min-height:133px; }
  .premium-section-heading { padding:25px 22px; }
}
@media (prefers-reduced-motion:reduce) {
  #travel-stays .stay-preview-card,
  #travel-transport .stay-preview-card { transition:none; }
}