/* ==========================================================
   FEATURED COLLECTIONS
   Shared section heading and View All styles live in
   components/featured-section.css.
========================================================== */

.im-featured-collections-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 24px !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.im-featured-collections-grid > * {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.im-featured-collections-grid .wc-block-featured-category {
	position: relative;
	overflow: hidden;
	width: 100% !important;
	height: 420px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: transparent !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.im-featured-collections-grid :is(
	.wc-block-featured-category__wrapper,
	.wc-block-featured-category__background-image,
	.wc-block-featured-category__image
) {
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: transparent !important;
}

.im-featured-collections-grid .wc-block-featured-category__background-image {
	position: absolute !important;
	inset: 0 !important;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.im-featured-collections-grid :is(
	.wc-block-featured-category__background-image img,
	.wc-block-featured-category__image
) {
	display: block;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover;
}

.im-featured-collections-grid .wc-block-featured-category__wrapper {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 28px !important;
	box-sizing: border-box;
	text-align: center;
}

.im-featured-collections-grid .wc-block-featured-category__inner-blocks {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	box-sizing: border-box;
}

.im-featured-collections-grid :is(
	.wc-block-featured-category__title,
	.wc-block-featured-category__title a,
	.wp-block-woocommerce-category-title,
	.im-category-title
) {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	color: #ffffff !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(26px, 2.2vw, 38px);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: 0;
	text-align: center;
	text-decoration: none;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

.im-featured-collections-grid :is(
	.wc-block-featured-category__description,
	.wp-block-woocommerce-category-description
) {
	max-width: 420px;
	margin: 0 0 18px !important;
	color: rgb(255 255 255 / 95%);
	font-size: 15px;
	line-height: 1.45;
	text-align: center;
}

.im-featured-collections-grid .wp-block-button {
	margin: 0 !important;
	padding: 0 !important;
}

.im-featured-collections-grid :is(.wp-block-button__link, .wc-block-featured-category__link) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 180px;
	min-height: 42px;
	padding: 10px 22px;
	border: 1px solid var(--im-primary);
	border-radius: 0;
	background-color: var(--im-primary);
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.06em;
	text-align: center;
	text-transform: uppercase;
	transition:
		background-color var(--im-transition),
		border-color var(--im-transition),
		color var(--im-transition);
}

.im-featured-collections-grid :is(.wp-block-button__link, .wc-block-featured-category__link):hover {
	border-color: #ffffff;
	background-color: #ffffff;
	color: var(--im-primary-dark);
}

.im-featured-collections-grid + :is(.im-featured-actions, .im-featured-section-actions) {
	margin-top: 30px !important;
}

@media (max-width: 1024px) {
	.im-featured-collections-grid {
		gap: 18px !important;
	}

	.im-featured-collections-grid .wc-block-featured-category {
		height: 340px !important;
	}

	.im-featured-collections-grid .wc-block-featured-category__wrapper {
		padding: 20px !important;
	}

	.im-featured-collections-grid :is(
		.wc-block-featured-category__title,
		.wc-block-featured-category__title a,
		.wp-block-woocommerce-category-title,
		.im-category-title
	) {
		font-size: 26px;
	}
}

@media (max-width: 600px) {
	.im-featured-collections-grid {
		gap: 10px !important;
	}

	.im-featured-collections-grid .wc-block-featured-category {
		height: 240px !important;
	}

	.im-featured-collections-grid .wc-block-featured-category__wrapper {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.im-featured-collections-grid .wc-block-featured-category__inner-blocks {
		position: relative !important;
		z-index: 5 !important;
		display: flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 18px 10px 14px !important;
		box-sizing: border-box;
	}

	.im-featured-collections-grid .im-category-title {
		position: relative !important;
		z-index: 6 !important;
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		color: #ffffff !important;
		opacity: 1 !important;
		visibility: visible !important;
		font-family: inherit !important;
		font-size: 18px !important;
		font-weight: 700 !important;
		line-height: 1.15 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		hyphens: none !important;
	}

	.im-featured-collections-grid :is(
		.wc-block-featured-category__description,
		.wp-block-woocommerce-category-description
	) {
		display: none !important;
	}

	.im-featured-collections-grid .wp-block-button {
		width: 100% !important;
		margin: auto 0 0 !important;
	}

	.im-featured-collections-grid :is(.wp-block-button__link, .wc-block-featured-category__link) {
		width: 100% !important;
		min-width: 0 !important;
		min-height: 34px;
		padding: 7px 5px;
		font-size: 9px;
		line-height: 1.1;
		letter-spacing: 0.03em;
		white-space: normal;
	}

	.im-featured-collections-grid + :is(.im-featured-actions, .im-featured-section-actions) {
		margin-top: 20px !important;
	}
}