/* ================================================
TTA SINGLE DESTINATION PAGE STYLES
Clean, immersive storytelling layout
================================================ */

/* ================================================
	1. DESTINATION PAGE GLOBALS
================================================ */
.tta-destination section[id] {
/* 	margin: 0 auto; */
/* 	padding: 0; */
}



.tta-destination section.tta-strip-section {
	padding: 1rem;
	margin: 1rem;
}

/* ================================================
	2. FEATURED DESTINATIONS
================================================ */

#top-destinations .tta-section-header {
	text-align: center;
}

/* ================================================
CTA FOOTER
================================================ */
.destination-cta {
	background: var(--text-color);  
	color: #fff;
	text-align: center;
	padding: 4rem 1rem;
}

.destination-cta h2 {
	color: #fff;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.destination-cta p {
	max-width: 700px;
	margin: 0 auto 1.5rem auto;
	color: #eaeaea;
}
.destination-cta .tta-btn-primary {
	background: var(--brand-gold);
	border-radius: 30px;
	padding: 0.8rem 1.8rem;
	font-weight: 600;
	transition: background var(--brand-gold-soft);
	color: var(--gray-800);
}

.destination-cta .tta-btn-primary:hover {
	background: var(--brand-gold-soft);
	color: var(--gray-700);
}

/* DESTINATION CTA */

.tta-cta {
	background: var(--tta-green);
	color: var(--tta-light);
	text-align: center;
	padding: 100px 0;
}

.tta-cta {
	color: var(--tta-light);
	text-align: center;
}

.tta-cta .tta-btn-primary {
	background: var(--tta-gold);
	color: var(--tta-dark);
}

.tta-btn-primary {
	background: var(--tta-gold);
	color: var(--tta-dark);
	text-decoration: none;
	padding: 12px 30px;
	border-radius: 50px;
	font-weight: 600;
	transition: var(--tta-transition);
}