/**
 * Environmental Impact Page Styles
 * Styles for the "Environmental Impact" page template
 */

/* ============================================
   ENVIRONMENTAL IMPACT PAGE
   ============================================ */

.environmental-impact-page {
	background-color: var(--color-pure-white);
}

/* Fix: Ensure card descriptions don't inherit button styles */
.environmental-impact-page .why-hpmsm-card__description {
	background-color: transparent !important;
	color: rgba(255, 255, 255, 0.8) !important;
	padding: 0 !important;
	border: none !important;
	display: block !important;
}

/* Ensure icon container is a div/span, not a link */
.environmental-impact-page .why-hpmsm-card__icon {
	display: block !important;
}

.environmental-impact-page .why-hpmsm-card__icon a {
	display: contents;
	text-decoration: none;
	color: inherit;
	pointer-events: none;
}

/* Hide video overlay on Environmental Impact page */
.environmental-impact-page .why-hpmsm-video__overlay {
	display: none !important;
}


/* ============================================
   ENVIRONMENTAL IMPACT CONTENT SECTION
   ============================================ */

.environmental-impact-content {
	padding: var(--spacing-4xl) 0;
	background-color: var(--color-pure-white);
}

.environmental-impact-content-wrapper {
	max-width: 900px;
	margin: 0 auto;
}

.environmental-impact-content .post-content {
	font-family: var(--font-family-body);
	font-size: var(--font-size-body);
	line-height: var(--line-height-body);
	color: var(--color-text-primary);
}

.environmental-impact-content .post-content h2 {
	font-family: var(--font-family-h2);
	font-size: var(--font-size-h2);
	line-height: var(--line-height-h2);
	font-weight: var(--font-weight-h2);
	color: var(--color-text-primary);
	margin: var(--spacing-3xl) 0 var(--spacing-lg) 0;
}

.environmental-impact-content .post-content h2:first-child {
	margin-top: 0;
}

.environmental-impact-content .post-content h3 {
	font-family: var(--font-family-h3);
	font-size: var(--font-size-h3);
	line-height: var(--line-height-h3);
	font-weight: var(--font-weight-h3);
	color: var(--color-text-primary);
	margin: var(--spacing-2xl) 0 var(--spacing-md) 0;
}

.environmental-impact-content .post-content p {
	margin: 0 0 var(--spacing-lg) 0;
}

.environmental-impact-content .post-content ul,
.environmental-impact-content .post-content ol {
	margin: 0 0 var(--spacing-lg) 0;
	padding-left: var(--spacing-xl);
}

.environmental-impact-content .post-content li {
	margin-bottom: var(--spacing-sm);
}

.environmental-impact-content .post-content img {
	max-width: 100%;
	height: auto;
	border-radius: var(--border-radius-md);
	margin: var(--spacing-xl) 0;
}

.environmental-impact-content .post-content blockquote {
	border-left: 4px solid var(--color-sky-pulse);
	padding-left: var(--spacing-lg);
	margin: var(--spacing-xl) 0;
	font-style: italic;
	color: var(--color-steel-mist);
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
	.environmental-impact-content {
		padding: var(--spacing-2xl) 0;
	}
	
	.environmental-impact-content-wrapper {
		max-width: 100%;
		padding: 0 var(--container-padding);
	}
}