/**
 * Partner Card Component
 *
 * FIGORA One
 *
 * @package FIGORA_One
 */

/*--------------------------------------------------------------
# Section
--------------------------------------------------------------*/

.section-partners{

	padding:5rem 0;

	background:var(--color-bg);

}

.partners-grid{

	display:grid;

	grid-template-columns:repeat(4,minmax(220px,1fr));

	gap:2rem;

	margin-top:3rem;

}

/*--------------------------------------------------------------
# Card
--------------------------------------------------------------*/

.partner-card{

	display:flex;

	align-items:center;

	justify-content:center;

	min-height:150px;

	background:var(--color-surface);

	border:1px solid var(--color-border);

	border-radius:20px;

	box-shadow:var(--shadow-md);

	padding:1.5rem;

	overflow:hidden;

	transition:
		transform var(--transition),
		box-shadow var(--transition),
		border-color var(--transition);

}

.partner-card:hover{

	transform:translateY(-6px);

	border-color:var(--color-primary);

	box-shadow:var(--shadow-xl);

}

/*--------------------------------------------------------------
# Partner Link
--------------------------------------------------------------*/

.partner-card__link{

	display:flex;

	align-items:center;

	justify-content:center;

	width:100%;

	height:100%;

	text-decoration:none;

	color:inherit;

}

/*--------------------------------------------------------------
# Logo Wrapper
--------------------------------------------------------------*/

.partner-card__image{

	display:flex;

	align-items:center;

	justify-content:center;

	width:100%;

	height:100%;

}

/*--------------------------------------------------------------
# Logo
--------------------------------------------------------------*/

.partner-card__logo{

	display:block;

	max-width:170px;

	max-height:65px;

	width:auto;

	height:auto;

	object-fit:contain;

	object-position:center;

	transition:transform .35s ease;

}

.partner-card:hover .partner-card__logo{

	transform:scale(1.08);

}

/*--------------------------------------------------------------
# Placeholder
--------------------------------------------------------------*/

.partner-card__placeholder{

	font-size:1rem;

	font-weight:700;

	color:var(--color-heading);

	text-align:center;

}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.section-footer{

	margin-top:4rem;

	text-align:center;

}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media (max-width:1200px){

	.partners-grid{

		grid-template-columns:repeat(3,1fr);

	}

}

@media (max-width:768px){

	.section-partners{

		padding:4rem 0;

	}

	.partners-grid{

		grid-template-columns:repeat(2,1fr);

		gap:1.5rem;

	}

	.partner-card{

		min-height:130px;

	}

	.partner-card__logo{

		max-width:140px;

		max-height:55px;

	}

}

@media (max-width:480px){

	.partners-grid{

		grid-template-columns:1fr;

	}

}