/**
 * Site-wide refinements (round 4 + 5).
 * Loaded on every page after style.css so these rules win without touching
 * the main file.
 */

/* ==========================================================================
   Round 5: tighter vertical spacing between sections on every template
   ========================================================================== */

/* Base section rhythm (home, landing, stay, search, FAQ blocks).
   Was clamp(64px, 9vw, 120px): 120px top + 120px bottom on desktop. */
:root {
	--rc-section: clamp(36px, 4.2vw, 60px);
}

/* Landing template: intro and the extra content sections */
body.rc-brand.rc-landing .rc-lp .rc-lp-intro {
	padding-top: clamp(28px, 3.5vw, 44px) !important;
	padding-bottom: clamp(20px, 2.5vw, 32px) !important;
}

body.rc-brand.rc-landing .rc-lp .rc-lp-features,
body.rc-brand.rc-landing .rc-lp .rc-lp-incl,
body.rc-brand.rc-landing .rc-lp .rc-lp-text,
body.rc-brand.rc-landing .rc-lp .rc-lp-trips {
	padding-top: clamp(24px, 3vw, 40px) !important;
	padding-bottom: clamp(24px, 3vw, 40px) !important;
}

/* Section heading block: less space under the H2 row */
body.rc-brand .rc-head {
	margin-bottom: clamp(22px, 2.6vw, 32px);
}

/* Blog article */
body.rc-brand .rcb-layout {
	padding-top: clamp(28px, 3.2vw, 44px);
	padding-bottom: clamp(32px, 4vw, 56px);
}

body.rc-brand .rcb-intro {
	margin-bottom: clamp(24px, 3vw, 36px);
	padding-bottom: clamp(24px, 3vw, 36px);
}

body.rc-brand .rcb-cta {
	margin: clamp(24px, 3vw, 36px) 0;
}

/* Blog listing */
body.rc-brand .rcbx-list {
	padding: clamp(28px, 3.5vw, 44px) 0 clamp(32px, 4vw, 56px);
}

body.rc-brand .rcbx-cta-wrap {
	padding-bottom: clamp(32px, 4vw, 56px);
}

/* Footer top gap */
body.rc-brand .rc-footer {
	padding-top: clamp(44px, 5vw, 60px);
}

/* ==========================================================================
   Round 4: homepage hero + header
   ========================================================================== */

/* Hero: one CTA only. The WhatsApp CTA is already in the header, the sticky
   bar and further down the page. */
.rc-hero .rc-hero__ctas .rc-btn--wa {
	display: none !important;
}

/* Hero: smaller headline on desktop. */
body.rc-brand .rc-hero__title {
	max-width: 760px;
	font-size: clamp(42px, 6vw, 80px);
	line-height: 0.98;
}

/* Hero: show the photo more clearly. Lighter overlay, kept dark only
   behind the text on the left. */
.rc-hero::before {
	background:
		linear-gradient(90deg, rgba(14, 43, 37, 0.8) 0%, rgba(14, 43, 37, 0.5) 40%, rgba(14, 43, 37, 0.05) 75%, rgba(14, 43, 37, 0) 100%),
		linear-gradient(180deg, rgba(14, 43, 37, 0.15) 0%, rgba(14, 43, 37, 0) 30%, rgba(14, 43, 37, 0.45) 100%);
}

/* No zoom on the slides: scaling a 990px photo up makes it softer. */
.rc-hero__slide,
.rc-hero__slide.is-active {
	transform: none;
	transition: opacity 1.4s ease;
	background-position: center 45%;
}

@media (max-width: 640px) {
	.rc-hero::before {
		background:
			linear-gradient(180deg, rgba(14, 43, 37, 0.55) 0%, rgba(14, 43, 37, 0.4) 50%, rgba(14, 43, 37, 0.75) 100%);
	}
}

/* "Explore camps": white text on teal. */
body.rc-brand .rc-hero .rc-btn--teal,
body.rc-brand .rc-hero .rc-btn--teal:focus {
	background: var(--rc-teal);
	color: #fff;
}

body.rc-brand .rc-hero .rc-btn--teal:hover {
	background: var(--rc-teal-deep);
	color: #fff;
}

/* Header "WhatsApp us": calm hover, white text on brand teal. */
body.rc-brand .rc-header__wa:hover,
body.rc-brand .rc-header__wa:focus-visible {
	background: var(--rc-teal-deep);
	border-color: var(--rc-teal-deep);
	color: #fff;
}

body.rc-brand .rc-header__wa:hover .rc-wa-icon,
body.rc-brand .rc-header__wa:focus-visible .rc-wa-icon {
	color: #fff;
}