/**
 * Стилове на блокове (TASKS P8.2) - на сайта под .entry-content, в редактора под .editor-styles-wrapper.
 * Макети: about.html (снимка + текст, списък с отметки, тъмната лента с числата, трите карти),
 * service.html (широката снимка, „Предлагаме", жълтото каре, картите с контактите),
 * textpage.html (жълтото каре „Важно"); P13.2 - сивата лента, жълтите отметки, числата вдясно.
 */

/* ---------- Надзаглавие (about.html → „НАШАТА МИСИЯ") ---------- */

.entry-content .infk-eyebrow,
.editor-styles-wrapper .infk-eyebrow {
	display: block;
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--infk-blue);
}

.entry-content .wp-block-media-text .infk-eyebrow,
.editor-styles-wrapper .wp-block-media-text .infk-eyebrow {
	display: table;
	padding: 6px 14px;
	border-radius: 999px;
	background: var(--infk-tint);
	color: var(--infk-blue);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;
}

/* ---------- Списък с отметки (about.html → „Защо клиентите ни се доверяват?") ---------- */

.entry-content ul.is-style-infk-check,
.editor-styles-wrapper ul.is-style-infk-check {
	padding-left: 0;
	list-style: none;
	color: var(--infk-text);
}

.entry-content ul.is-style-infk-check > li,
.editor-styles-wrapper ul.is-style-infk-check > li {
	margin: 0 0 12px;
	padding-left: 36px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='11' fill='%23FFC400'/%3E%3Cpath d='M6.5 11.2l3 3 6-6.4' fill='none' stroke='%2308263F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 0 1px / 24px 24px no-repeat;
}

.entry-content ul.is-style-infk-check > li:last-child,
.editor-styles-wrapper ul.is-style-infk-check > li:last-child {
	margin-bottom: 0;
}

/* ---------- Сива лента (about.html → „Защо клиентите ни се доверяват?", service.html → „При сервизното обслужване можете да разчитате на") ---------- */

.entry-content .wp-block-group.is-style-infk-soft,
.editor-styles-wrapper .wp-block-group.is-style-infk-soft {
	padding-block: 56px 64px;
	padding-inline: max(24px, calc(50vw - var(--infk-wrap) / 2 + 24px));
	background: var(--infk-soft);
}

.entry-content .wp-block-group.is-style-infk-soft > *,
.editor-styles-wrapper .wp-block-group.is-style-infk-soft > * {
	margin: 0 0 32px;
}

.entry-content .wp-block-group.is-style-infk-soft > :last-child,
.editor-styles-wrapper .wp-block-group.is-style-infk-soft > :last-child {
	margin-bottom: 0;
}

.entry-content .wp-block-group.is-style-infk-soft h2,
.editor-styles-wrapper .wp-block-group.is-style-infk-soft h2 {
	margin-top: 0;
	font-size: 28px;
}

.entry-content .is-style-infk-soft > ul.is-style-infk-check,
.editor-styles-wrapper .is-style-infk-soft > ul.is-style-infk-check {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
	gap: 12px 32px;
}

.entry-content .is-style-infk-soft > ul.is-style-infk-check > li,
.editor-styles-wrapper .is-style-infk-soft > ul.is-style-infk-check > li {
	margin: 0;
}

/* ---------- Съседни ленти (сивата лента над тъмната - без бяла ивица) ---------- */

.entry-content > .is-style-infk-soft,
.editor-styles-wrapper .is-root-container > .is-style-infk-soft {
	margin-top: 64px;
}

.entry-content > .alignfull:has(+ .alignfull),
.editor-styles-wrapper .is-root-container > .alignfull:has(+ .alignfull) {
	margin-bottom: 0;
}

/* ---------- Жълто каре (service.html → „Важно за нашите клиенти", textpage.html → „Важно") ---------- */

.entry-content .wp-block-group.is-style-infk-note,
.editor-styles-wrapper .wp-block-group.is-style-infk-note {
	padding: 24px 28px;
	border-left: 4px solid var(--infk-yellow);
	border-radius: 16px;
	background: var(--infk-note);
	color: var(--infk-text);
}

.entry-content .wp-block-group.is-style-infk-note > *,
.editor-styles-wrapper .wp-block-group.is-style-infk-note > * {
	margin: 0 0 12px;
}

.entry-content .wp-block-group.is-style-infk-note > :last-child,
.editor-styles-wrapper .wp-block-group.is-style-infk-note > :last-child {
	margin-bottom: 0;
}

.entry-content .wp-block-group.is-style-infk-note h2,
.editor-styles-wrapper .wp-block-group.is-style-infk-note h2 {
	margin-top: 0;
	font-size: 22px;
}

/* ---------- Карти (about.html → „Качество / Експертиза / Подкрепа", service.html → контактите) ---------- */

.entry-content .wp-block-group.is-style-infk-cards,
.editor-styles-wrapper .wp-block-group.is-style-infk-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
	gap: 24px;
}

.entry-content .wp-block-group.is-style-infk-cards > *,
.editor-styles-wrapper .wp-block-group.is-style-infk-cards > * {
	margin: 0;
}

.entry-content .wp-block-group.is-style-infk-cards > .wp-block-group,
.editor-styles-wrapper .wp-block-group.is-style-infk-cards > .wp-block-group {
	min-width: 0;
	padding: 28px;
	border: 1px solid var(--infk-line);
	border-radius: 16px;
	background: #FFFFFF;
	color: var(--infk-muted);
}

.entry-content .wp-block-group.is-style-infk-cards > .wp-block-group > *,
.editor-styles-wrapper .wp-block-group.is-style-infk-cards > .wp-block-group > * {
	margin: 0 0 12px;
}

.entry-content .wp-block-group.is-style-infk-cards > .wp-block-group > :last-child,
.editor-styles-wrapper .wp-block-group.is-style-infk-cards > .wp-block-group > :last-child {
	margin-bottom: 0;
}

.entry-content .wp-block-group.is-style-infk-cards h3,
.editor-styles-wrapper .wp-block-group.is-style-infk-cards h3 {
	margin-top: 0;
	font-size: 20px;
	color: var(--infk-text);
}

.entry-content .wp-block-group.is-style-infk-cards strong,
.editor-styles-wrapper .wp-block-group.is-style-infk-cards strong {
	color: var(--infk-text);
}

.entry-content .wp-block-group.is-style-infk-cards a[href^="tel:"],
.editor-styles-wrapper .wp-block-group.is-style-infk-cards a[href^="tel:"] {
	font-family: var(--infk-font-head);
	font-size: 20px;
	font-weight: 800;
}

/* ---------- Тъмна лента с числа (about.html → „НАШАТА МИСИЯ") ---------- */

.entry-content .wp-block-group.is-style-infk-band,
.editor-styles-wrapper .wp-block-group.is-style-infk-band {
	padding-block: 64px;
	padding-inline: max(24px, calc(50vw - var(--infk-wrap) / 2 + 24px));
	background: var(--infk-dark);
	color: var(--infk-on-dark);
}

.entry-content .wp-block-group.is-style-infk-band > *,
.editor-styles-wrapper .wp-block-group.is-style-infk-band > * {
	margin: 0 0 14px;
}

.entry-content .wp-block-group.is-style-infk-band > :last-child,
.editor-styles-wrapper .wp-block-group.is-style-infk-band > :last-child {
	margin-bottom: 0;
}

.entry-content .wp-block-group.is-style-infk-band h2,
.editor-styles-wrapper .wp-block-group.is-style-infk-band h2 {
	margin-top: 0;
	font-size: 30px;
	color: #FFFFFF;
}

.entry-content .wp-block-group.is-style-infk-band .infk-eyebrow,
.editor-styles-wrapper .wp-block-group.is-style-infk-band .infk-eyebrow {
	color: var(--infk-yellow);
}

.entry-content .wp-block-group.is-style-infk-band > .wp-block-columns,
.editor-styles-wrapper .wp-block-group.is-style-infk-band > .wp-block-columns {
	margin-top: 32px;
}

/* Над 899px: текстът вляво, числата вдясно на същата височина. Под 900px числата са под текста. */
@media (min-width: 900px) {
	.entry-content .wp-block-group.is-style-infk-band,
	.editor-styles-wrapper .wp-block-group.is-style-infk-band {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: 56px;
		align-items: start;
	}

	.entry-content .wp-block-group.is-style-infk-band > :not(.wp-block-columns),
	.editor-styles-wrapper .wp-block-group.is-style-infk-band > :not(.wp-block-columns) {
		grid-column: 1;
	}

	.entry-content .wp-block-group.is-style-infk-band > .wp-block-columns,
	.editor-styles-wrapper .wp-block-group.is-style-infk-band > .wp-block-columns {
		grid-column: 2;
		grid-row: 1 / span 3;
		align-self: center;
		margin: 0;
		gap: 24px 48px;
	}

	.entry-content .wp-block-group.is-style-infk-band > .wp-block-columns > .wp-block-column,
	.editor-styles-wrapper .wp-block-group.is-style-infk-band > .wp-block-columns > .wp-block-column {
		flex: 0 1 auto;
	}
}

.entry-content .wp-block-group.is-style-infk-band .wp-block-column > p,
.editor-styles-wrapper .wp-block-group.is-style-infk-band .wp-block-column > p {
	margin: 0;
	font-size: 14px;
	color: var(--infk-on-dark);
}

.entry-content .wp-block-group.is-style-infk-band .wp-block-column > p.infk-num,
.editor-styles-wrapper .wp-block-group.is-style-infk-band .wp-block-column > p.infk-num {
	font-family: var(--infk-font-head);
	font-size: 44px;
	font-weight: 800;
	line-height: 1.1;
	color: var(--infk-yellow);
}

/* ---------- Снимка + текст (about.html → „Вашият надежден партньор", service.html → „Предлагаме") ---------- */

.entry-content .wp-block-media-text,
.editor-styles-wrapper .wp-block-media-text {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 32px;
	align-items: center;
}

.entry-content .wp-block-media-text > .wp-block-media-text__media,
.entry-content .wp-block-media-text > .wp-block-media-text__content,
.editor-styles-wrapper .wp-block-media-text > .wp-block-media-text__media,
.editor-styles-wrapper .wp-block-media-text > .wp-block-media-text__content {
	grid-column: auto;
	grid-row: auto;
	margin: 0;
	min-width: 0;
}

.entry-content .wp-block-media-text > .wp-block-media-text__content,
.editor-styles-wrapper .wp-block-media-text > .wp-block-media-text__content {
	padding: 0;
}

.entry-content .wp-block-media-text__content > *,
.editor-styles-wrapper .wp-block-media-text__content > * {
	margin: 0 0 18px;
}

.entry-content .wp-block-media-text__content > :last-child,
.editor-styles-wrapper .wp-block-media-text__content > :last-child {
	margin-bottom: 0;
}

.entry-content .wp-block-media-text__content > h2,
.editor-styles-wrapper .wp-block-media-text__content > h2 {
	margin-top: 0;
}

.entry-content .wp-block-media-text__content > p,
.editor-styles-wrapper .wp-block-media-text__content > p {
	color: var(--infk-muted);
}

.entry-content .wp-block-media-text__media img,
.editor-styles-wrapper .wp-block-media-text__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 552 / 496;
	object-fit: cover;
	border-radius: 20px;
}

@media (min-width: 900px) {
	.entry-content .wp-block-media-text,
	.editor-styles-wrapper .wp-block-media-text {
		grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
		gap: 56px;
	}

	.entry-content .wp-block-media-text.has-media-on-the-right,
	.editor-styles-wrapper .wp-block-media-text.has-media-on-the-right {
		grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
	}

	.entry-content .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media,
	.editor-styles-wrapper .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media {
		grid-column: 2;
		grid-row: 1;
	}

	.entry-content .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content,
	.editor-styles-wrapper .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
		grid-column: 1;
		grid-row: 1;
	}
}

/* ---------- Широка снимка (service.html → снимката под лентата; разрешеното изключение за банери) ---------- */

.entry-content .wp-block-image.alignwide,
.editor-styles-wrapper .wp-block-image.alignwide {
	margin-inline: 0;
}

.entry-content .wp-block-image.alignwide img,
.editor-styles-wrapper .wp-block-image.alignwide img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 20px;
}

/* ---------- Заглавие преди широк блок (широко колкото него) ---------- */

.entry-content > h2:has(+ .alignwide),
.entry-content > h3:has(+ .alignwide),
.editor-styles-wrapper .is-root-container > h2:has(+ .alignwide),
.editor-styles-wrapper .is-root-container > h3:has(+ .alignwide) {
	max-width: none;
	margin-block: 56px 32px;
}

/* ---------- Колони ---------- */

.entry-content .wp-block-columns,
.editor-styles-wrapper .wp-block-columns {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.entry-content .wp-block-columns > .wp-block-column,
.editor-styles-wrapper .wp-block-columns > .wp-block-column {
	flex: 1 1 200px;
	min-width: 0;
	margin: 0;
}