/* =====================================================
   HOMEPAGE SECTION SURFACES
   =====================================================
   The page previously alternated white and #F0F9FF tinted bands. Unified to
   white so every section reads as one surface, with a hairline rule instead
   of colour to separate them — otherwise adjacent sections blur together.

   To restore the alternating tint, delete this file's background overrides
   (the tints live on .wo-upcoming-section / .wo-fleet-section /
   .wo-explore-section in style.css and are untouched).
   ===================================================== */

.wo-upcoming-section,
.wo-fleet-section,
.wo-explore-section,
.ds-section,
.wo-treks-section {
    background: #ffffff;
}

/* Separation without colour: a hairline between consecutive light sections */
.ds-section + .wo-upcoming-section,
.wo-upcoming-section + .wo-tours-section,
.wo-tours-section + .wo-treks-section,
.wo-treks-section + .wo-fleet-section,
.wo-fleet-section + .wo-categories,
.wo-categories + .wo-explore-section,
.wo-explore-section + .wo-whyus-section {
    border-top: 1px solid #EEF2F7;
}

/* ---------- consistent section CTA ----------
   All "View All …" section buttons use one outlined treatment: transparent
   with a blue border, filling solid on hover. Covers .wo-btn-outline (Tours,
   Treks, Fleet) and the Featured section's button, which is given the
   .wo-btn-outline class in markup instead of the solid .wo-btn-primary. */
.wo-btn-outline {
    background: transparent;
    border: 2px solid #0EA5E9;
    color: #0EA5E9;
}
.wo-btn-outline:hover,
.wo-btn-outline:focus-visible {
    background: #0EA5E9;
    border-color: #0EA5E9;
    color: #ffffff;
}