/**
 * Hero Section Layout Fixes
 * Ensures proper spacing below fixed header
 *
 * @package CurrencyFlow
 */

/* Ensure hero section doesn't overlap with fixed header */
.site-main--front {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Additional spacing fix for hero section */
.hero {
	margin-top: 0 !important;
	padding-top: 64px !important; /* Match fixed header height */
}

/* Ensure content is visible and properly spaced */
.hero__inner {
	padding-top: 80px !important;
	min-height: calc(100vh - 64px);
}

/* Mobile fixes */
@media (max-width: 900px) {
	.hero__inner {
		padding-top: 60px !important;
		min-height: auto !important;
	}
}

@media (max-width: 600px) {
	.hero__inner {
		padding-top: 48px !important;
	}

	.hero__title {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
}

@media (max-width: 430px) {
	.hero__inner {
		padding-top: 40px !important;
	}
}

@media (max-width: 360px) {
	.hero__inner {
		padding-top: 36px !important;
	}
}

/* Ensure title is never hidden */
.hero__title {
	position: relative;
	z-index: 10;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Ensure hero content is always visible */
.hero__content {
	position: relative;
	z-index: 10;
	display: flex !important;
}