/*
Theme Name: Flourish Mindset Child
Description: Child theme for Twenty Twenty-Five
Author: Raid
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Text Domain: flourish-mindset-child
*/

/* ===== Home Hero ===== */
.home-hero {
	min-height: 760px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 60px 70px;
	background-position: center left;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.home-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to left,
		rgba(107, 88, 72, 0.34),
		rgba(107, 88, 72, 0.12)
	);
	pointer-events: none;
}

.home-hero > * {
	position: relative;
	z-index: 1;
}

.home-hero__content {
	max-width: 560px;
	margin-right: 0;
	margin-left: auto;
	text-align: right;
	color: #ffffff;
}

.home-hero__content h1,
.home-hero__content h2,
.home-hero__content h3,
.home-hero__content p {
	color: #ffffff;
}

.home-hero__content h1 {
	font-size: clamp(2.8rem, 5vw, 5rem);
	line-height: 1.1;
	margin-bottom: 18px;
}

.home-hero__content p {
	font-size: 1.1rem;
	line-height: 1.9;
}

.home-hero__content .wp-block-buttons {
	margin-top: 24px;
	justify-content: flex-start;
}

.home-hero__content .wp-block-button__link {
	min-width: 160px;
	text-align: center;
}

/* Tablet */
@media (max-width: 1024px) {
	.home-hero {
		min-height: 680px;
		padding: 50px 40px;
		background-position: center center;
	}

	.home-hero__content {
		max-width: 500px;
	}
}

/* Mobile */
@media (max-width: 768px) {
	.home-hero {
		min-height: 560px;
		padding: 36px 24px;
		align-items: end;
	}

	.home-hero::before {
		background: rgba(107, 88, 72, 0.36);
	}

	.home-hero__content {
		max-width: 100%;
	}

	.home-hero__content h1 {
		font-size: clamp(2rem, 8vw, 3rem);
	}

	.home-hero__content p {
		font-size: 1rem;
		line-height: 1.8;
	}
}
/* ===== Hero text force override ===== */
.home-hero .home-hero__content,
.home-hero .home-hero__content p,
.home-hero .home-hero__content .wp-block-heading,
.home-hero .home-hero__content h1,
.home-hero .home-hero__content h2,
.home-hero .home-hero__content h3,
.home-hero .home-hero__content a {
	color: #ffffff !important;
}

.home-hero .home-hero__content .wp-block-button__link {
	background-color: #6b5848 !important;
	color: #ffffff !important;
	border-radius: 10px;
}

.home-hero .home-hero__content {
	max-width: 620px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
}