/**
 * Side Image Feature Block Styles
 *
 * @package made-to-thrive-2026-base
 * @since 1.0.0
 */

/* Main Block Container */
.side-image-feature {
	width: 100%;
	position: relative;
	padding: 4rem 0;
	background-color: #F5F0E8;
}

.side-image-feature-container {
	width: 100%;
	max-width: 1008px;
	margin: 0 auto;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 87px;
	align-items: center;
}

/* Image Wrapper */
.side-image-feature-image-wrapper {
	width: 100%;
	order: 1;
}

.side-image-feature.image-right .side-image-feature-image-wrapper {
	order: 2;
}

.side-image-feature.image-left .side-image-feature-image-wrapper {
	order: 1;
}

/* Image Figure */
.side-image-feature-figure {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
}
.side-image-feature-figure:after {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:#BF9E74;
	border-radius:12px;
	position:absolute;
	top:10px;
	right:-10px;
	aspect-ratio: 1/1;
}

/* Image */
.side-image-feature-image {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	object-position: center;
	aspect-ratio: 1/1;
	border-radius: 12px;
	position: relative;
	z-index: 1;
}

/* Content Wrapper */
.side-image-feature-content {
	width: 100%;
	order: 2;
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
}

.side-image-feature.image-right .side-image-feature-content {
	order: 1;
	text-align: right;
}

.side-image-feature.image-left .side-image-feature-content {
	order: 2;
}

/* Heading */
.side-image-feature-heading {
	margin: 0 0 30px;
	font-size: 35px;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 41px;
	color: #654321;
}

/* Subheading */
.side-image-feature-subheading {
	margin: 0;
	font-size: 30px!important;
	line-height: 39px!important;
	color: #BF9E74!important;
	font-family: 'Palmer Lake Print'!important;
}

/* Paragraphs */
.side-image-feature-content p {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 22px;
	color: #4C4C3B;
	font-family: 'p22-mackinac-pro';
	text-align: right;
}

.side-image-feature-content p:last-child {
	margin-bottom: 0;
}

/* Support for block wrapper color classes */
.side-image-feature.has-background {
	padding: 25px 0 43px;
}

.side-image-feature.has-text-color .side-image-feature-heading,
.side-image-feature.has-text-color .side-image-feature-subheading,
.side-image-feature.has-text-color .side-image-feature-paragraph {
	color: inherit;
}

/* Responsive Design - Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
	.side-image-feature-container {
		padding: 0 1.5rem;
		gap: 3rem;
	}

	.side-image-feature-figure {
		border-radius: 10px;
	}
}

/* Responsive Design - Mobile */
@media (max-width: 768px) {
	.side-image-feature {
		padding: 3rem 0;
	}

	.side-image-feature-container {
		padding: 0 1rem;
		gap: 10px;
	}

	/* Always show image first on mobile */
	.side-image-feature-image-wrapper {
		order: 1 !important;
	}

	.side-image-feature-content {
		order: 2 !important;
		max-width: 100%;
	}

	.side-image-feature-figure {
	}

	.side-image-feature-heading {
		margin-bottom: 10px;
		font-size: 25px;
		line-height: 23px;
	}

	.side-image-feature-subheading {
		margin-bottom: 1.5rem;
	}

	.side-image-feature-paragraph {
		margin-bottom: 1.25rem;
	}
}

/* Extra Small Devices */
@media (max-width: 480px) {
	.side-image-feature-heading {
		position:absolute;
		top:0;
		left:0;
		text-align:center;
	}

	.side-image-feature {
		padding: 2rem 0;
	}

	.side-image-feature-container {
		padding: 0 0.75rem;
		gap: 20px;
		position: relative;
		padding-top: 90px;
	}

	.side-image-feature-figure {
		border-radius: 6px;
	}
	.side-image-feature-subheading {
    margin: 0;
    font-size: 22px !important;
    line-height: 30px !important;
    color: #BF9E74 !important;
    font-family: 'Palmer Lake Print' !important;
}
	.side-image-feature-content p, .side-image-feature-content {text-align:left!important;font-size: 14px;line-height: 1.2;}
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
	.side-image-feature-figure {
		border: 2px solid #000000;
		box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.4);
	}

	.side-image-feature-heading {
		color: #000000;
	}

	.side-image-feature-subheading {
		color: #000000;
	}

	.side-image-feature-paragraph {
		color: #000000;
	}
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
	.side-image-feature-image {
		transition: none;
	}
}

/* Print Styles */
@media print {
	.side-image-feature {
		background-color: #ffffff;
		padding: 1rem 0;
		page-break-inside: avoid;
	}

	.side-image-feature-container {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.side-image-feature-image-wrapper {
		order: 1 !important;
	}

	.side-image-feature-content {
		order: 2 !important;
	}

	.side-image-feature-figure {
		border: 2px solid #000000;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
		border-radius: 8px;
		page-break-inside: avoid;
	}

	.side-image-feature-heading,
	.side-image-feature-subheading,
	.side-image-feature-paragraph {
		color: #000000;
	}
}