/* Widget: blocuri cu iconita, titlu, linie si conținut liber. */

.icc-blocuri {
	--icc-bloc-gap: 56px;
	--icc-bloc-icon: 30px;
	--icc-bloc-icon-ink: var(--icc-color-orange, #bf592d);
	--icc-bloc-cap-gap: 14px;
	--icc-bloc-titlu-ink: var(--icc-color-ink, #0c202f);
	--icc-bloc-linie: 1px;
	--icc-bloc-linie-culoare: var(--icc-color-grey, #e6e6e6);
	--icc-bloc-linie-sus: 20px;
	--icc-bloc-linie-jos: 26px;
	--icc-bloc-corp-ink: var(--icc-color-ink, #0c202f);
	--icc-bloc-marcaj: var(--icc-color-ink, #0c202f);
	--icc-bloc-indent: 26px;
	--icc-bloc-lista-gap: 10px;

	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: var(--icc-bloc-gap);
	width: 100%;
}

.icc-blocuri *,
.icc-blocuri *::before,
.icc-blocuri *::after {
	box-sizing: border-box;
}

/* ----------------------------------------------------------------- Cap ---- */

.icc-bloc__cap {
	display: flex;
	align-items: center;
	gap: var(--icc-bloc-cap-gap);
	padding-bottom: var(--icc-bloc-linie-sus);
	border-bottom: var(--icc-bloc-linie) solid var(--icc-bloc-linie-culoare);
}

.icc-blocuri.is-fara-linie .icc-bloc__cap {
	border-bottom: 0;
}

.icc-bloc__icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: var(--icc-bloc-icon);
	height: var(--icc-bloc-icon);
	color: var(--icc-bloc-icon-ink);
	font-size: var(--icc-bloc-icon);
	line-height: 1;
}

.icc-bloc__icon svg {
	width: 100%;
	height: 100%;
}

.icc-bloc__icon svg:not([fill]) {
	fill: currentColor;
}

.icc-bloc__icon i {
	font-size: inherit;
	line-height: 1;
}

.icc-blocuri .icc-bloc__titlu {
	margin: 0;
	font-family: var(--icc-font-sans);
	font-size: var(--icc-fs-card-title, 1.5rem);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: var(--icc-ls-card-title, -0.009em);
	color: var(--icc-bloc-titlu-ink);
}

/* ---------------------------------------------------------------- Corp ---- */

.icc-blocuri .icc-bloc__corp {
	padding-top: var(--icc-bloc-linie-jos);
	font-family: var(--icc-font-sans);
	font-size: var(--icc-fs-ui, 1rem);
	line-height: 1.6;
	color: var(--icc-bloc-corp-ink);
}

.icc-blocuri .icc-bloc__corp > *:first-child {
	margin-top: 0;
}

.icc-blocuri .icc-bloc__corp > *:last-child {
	margin-bottom: 0;
}

.icc-blocuri .icc-bloc__corp p {
	margin: 0 0 1em;
}

.icc-blocuri .icc-bloc__corp ul,
.icc-blocuri .icc-bloc__corp ol {
	display: flex;
	flex-direction: column;
	gap: var(--icc-bloc-lista-gap);
	margin: 0 0 1em;
	padding-left: var(--icc-bloc-indent);
}

.icc-blocuri .icc-bloc__corp ul {
	list-style: square;

	ul{
		list-style: revert-layer;
	}
}

.icc-blocuri .icc-bloc__corp li::marker {
	color: var(--icc-bloc-marcaj);
	font-size: 0.85em;
}

.icc-blocuri .icc-bloc__corp li > ul,
.icc-blocuri .icc-bloc__corp li > ol {
	margin: var(--icc-bloc-lista-gap) 0 0;
}

.icc-blocuri .icc-bloc__corp a {
	color: var(--icc-color-orange, #bf592d);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.icc-blocuri .icc-bloc__corp strong {
	font-weight: 500;
	color: var(--icc-bloc-titlu-ink);
}

.icc-blocuri .icc-bloc__corp img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.icc-blocuri .icc-blocuri__gol {
	margin: 0;
	font-size: var(--icc-fs-ui, 1rem);
	opacity: 0.7;
}

@media (max-width: 767px) {
	.icc-blocuri {
		--icc-bloc-gap: 40px;
	}
}