/*! ===========================================================================
 *
 *    ██████╗ ███████╗ ██████╗    ██████╗  ██████╗ ██╗    ██╗███████╗██████╗
 *    ██╔══██╗██╔════╝██╔════╝    ██╔══██╗██╔═══██╗██║    ██║██╔════╝██╔══██╗
 *    ██████╔╝█████╗  ██║         ██████╔╝██║   ██║██║ █╗ ██║█████╗  ██████╔╝
 *    ██╔══██╗██╔══╝  ██║         ██╔═══╝ ██║   ██║██║███╗██║██╔══╝  ██╔══██╗
 *    ██║  ██║███████╗╚██████╗    ██║     ╚██████╔╝╚███╔███╔╝███████╗██║  ██║
 *    ╚═╝  ╚═╝╚══════╝ ╚═════╝    ╚═╝      ╚═════╝  ╚══╝╚══╝ ╚══════╝╚═╝  ╚═╝
 *
 *    REC Power — WordPress theme
 *    Designed & built by DG+ Agency
 *
 * =========================================================================== */

.portfolio-case-studies {
	--pcs-muted-80: rgba(255, 255, 255, 0.8);  
	padding-block: var(--wp--preset--spacing--70);
	font-family: var(--wp--preset--font-family--new-frank);
	
	scroll-margin-top: 100px;
}

.portfolio-case-studies .pcs_header {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	margin-bottom: clamp(2.5rem, 6vw, 4rem);
}
.portfolio-case-studies .pcs_eyebrow {
	margin: 0 0 0.75rem;
	color: var(--pcs-muted-80);
}
.portfolio-case-studies .pcs_heading {
	margin: 0;
	color: var(--wp--preset--color--white);
}
.portfolio-case-studies .pcs_subtext {
	margin: 0;
	color: var(--pcs-muted-80);
	font-size: 1.0625rem;
	line-height: 1.5;
}

/* Search-and-Filter empty state ("No case studies found.") — white on the dark-navy band */
.portfolio-case-studies .pcs_empty {
	color: var(--wp--preset--color--white);
}

.portfolio-case-studies .pcs_grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(1.5rem, 4vw, 2rem);
}

.portfolio-case-studies .pcs_card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: var(--wp--preset--color--white);
	border: 2px solid var(--wp--preset--color--white);
}
.portfolio-case-studies .pcs_card-media {
	position: relative;
	margin: 0;
	aspect-ratio: 4 / 5;
	overflow: hidden;
}
.portfolio-case-studies .pcs_card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.portfolio-case-studies .pcs_card-impact {
	position: absolute;
	inset: auto 0 0 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 1.25rem;
	padding: 1.5rem;
	background: color-mix(in srgb, var(--wp--preset--color--dark-navy) 85%, transparent);
}
.portfolio-case-studies .pcs_card-impact-label {
	color: var(--wp--preset--color--white); 
}
.portfolio-case-studies .pcs_card-impact-text {
	margin: 0;
	color: var(--wp--preset--color--white); 
}

.portfolio-case-studies .pcs_card-body {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1.5rem;
}
.portfolio-case-studies .pcs_card-badges { display: flex; gap: 0.5rem; flex-wrap: wrap; }

.portfolio-case-studies .pcs_badge {
	font-weight: 400;
	font-size: 0.75rem;
	line-height: 1.4;
	letter-spacing: 0;
	color: var(--wp--preset--color--dark-navy);
	padding: 0.3em 0.85em;
	border-radius: 6px;
}
.portfolio-case-studies .pcs_badge.is-solar          { background: var(--wp--preset--color--yellow); }        
.portfolio-case-studies .pcs_badge.is-energy-storage { background: var(--wp--preset--color--teal); }          
.portfolio-case-studies .pcs_badge.is-microgrid      { background: var(--wp--preset--color--safety-green); }  

.portfolio-case-studies .pcs_card-title {
	margin: 0; 
}
.portfolio-case-studies .pcs_card-title a {
	color: #231F20;
	text-decoration: none;
}
.portfolio-case-studies .pcs_card-excerpt {
	margin: 0;
	color: #5C5C66;
	font-size: 1rem;
	line-height: 1.5;
}

.portfolio-case-studies .pcs_card-link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.25rem;
	color: var(--wp--preset--color--dark-navy);
	font-weight: 800;
	font-size: 1.0625rem;
	line-height: 1;
	letter-spacing: 0;
	text-decoration: none;
}
.portfolio-case-studies .pcs_card-link svg { width: 16px; height: 4px; }

@media (min-width: 768px) {
	.portfolio-case-studies .pcs_header {
		grid-template-columns: 1fr 1fr;
		gap: clamp(2rem, 6vw, 5rem);
		align-items: start;
	}
	.portfolio-case-studies .pcs_card-title { font-size: 1.875rem; line-height: 1.1; }
	.portfolio-case-studies .pcs_card-media { aspect-ratio: 16 / 9; }
	.portfolio-case-studies .pcs_card-impact {
		inset: 0;
		width: 50%;
		
		justify-content: space-between;
		gap: clamp(0.75rem, 2.2vw, 2.75rem);
	}
	
	.portfolio-case-studies .pcs_card-impact-text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		overflow: hidden;
	}
	.portfolio-case-studies .pcs_grid {
		grid-template-columns: repeat(2, 1fr); 
		gap: clamp(1.5rem, 3vw, 2rem);
	}
}

@media (min-width: 1024px) {
	.portfolio-case-studies .pcs_grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.portfolio-case-studies .sf-field-taxonomy-industry .chosen-container,
.portfolio-case-studies .sf-field-taxonomy-industry .chosen-container .chosen-single {
	height: 64px;   
}
.portfolio-case-studies .sf-field-taxonomy-industry .chosen-container .chosen-single {
	display: flex;
	align-items: center;            
}
.portfolio-case-studies .sf-field-taxonomy-industry .chosen-container .chosen-single > div {
	top: 0;
	height: 64px;
	display: flex;
	align-items: center;            
}

@media (min-width: 768px) {
	.portfolio-case-studies .searchandfilter > ul {
		justify-content: flex-start;   
		gap: 0;                        
	}
	.portfolio-case-studies .searchandfilter > ul > .sf-field-taxonomy-industry {
		margin-left: 19px;             
	}
	.portfolio-case-studies .searchandfilter > ul > .sf-field-search {
		margin-left: auto;             
	}
}