/* ==========================================================
   FEATURED SECTION
========================================================== */

.im-featured-section {
	--wp--style--block-gap: 0;

	width: 100%;
	max-width: none;
	margin: 0 !important;
	padding: 18px 48px 24px;
	box-sizing: border-box;
}

.im-featured-section > * {
	width: 100% !important;
	max-width: none !important;
	margin-block: 0 !important;
}

/*
 * Kada dvije Featured sekcije dolaze jedna iza druge,
 * druga ne treba puni gornji razmak.
 */
 .im-featured-section + .im-featured-section {
	padding-top: 8px;
}

:is(.im-featured-header, .im-featured-section-header) {
	--wp--style--block-gap: 0;

	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 0 !important;
	width: 100%;
	margin: 0 0 14px !important;
	padding: 0;
	text-align: center;
}

:is(.im-featured-header, .im-featured-section-header) > * {
	margin-block: 0 !important;
}

:is(.im-featured-eyebrow, .im-featured-section-eyebrow) {
	margin: 0 0 6px !important;
	color: var(--im-gold);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

:is(.im-featured-title, .im-featured-section-title) {
	margin: 0 !important;
	color: var(--im-primary-dark);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(22px, 1.8vw, 30px);
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

:is(.im-featured-description, .im-featured-section-description) {
	display: none !important;
}

:is(.im-featured-content, .im-featured-section-content) {
	--wp--style--block-gap: 0;

	width: 100%;
	max-width: none;
	margin: 0 !important;
	padding: 0 !important;
}

:is(.im-featured-content, .im-featured-section-content) > * {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

:is(.im-featured-actions, .im-featured-section-actions) {
	display: flex !important;
	justify-content: center;
	width: 100%;
	margin: 24px 0 0 !important;
	padding: 0;
}

:is(.im-featured-link, .im-featured-section-link) {
	display: flex !important;
	justify-content: center;
	width: min(75%, 520px) !important;
	margin: 0 auto !important;
}

:is(.im-featured-link, .im-featured-section-link) .wp-block-button__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	min-height: 44px;
	padding: 11px 26px;
	box-sizing: border-box;
	border: 1px solid var(--im-primary);
	border-radius: 0;
	background-color: var(--im-primary);
	color: #ffffff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	transition:
		background-color var(--im-transition),
		color var(--im-transition);
}

:is(.im-featured-link, .im-featured-section-link) .wp-block-button__link:hover {
	background-color: transparent;
	color: var(--im-primary);
}

@media (max-width: 1024px) {
	.im-featured-section {
		padding: 22px 18px 32px;
	}
}

@media (max-width: 600px) {
	.im-featured-section {
		padding: 16px 12px 22px;
	}

	.im-featured-section + .im-featured-section {
		padding-top: 6px;
	}

	:is(.im-featured-header, .im-featured-section-header) {
		margin-bottom: 12px !important;
	}

	:is(.im-featured-title, .im-featured-section-title) {
		font-size: 22px;
	}

	:is(.im-featured-actions, .im-featured-section-actions) {
		margin-top: 8px !important;
	}

	:is(.im-featured-link, .im-featured-section-link),
	:is(.im-featured-link, .im-featured-section-link) .wp-block-button__link {
		width: 100% !important;
	}
}