/* Sekcja „Dlaczego my” — styl jak .apilo-why z wdrożenia Apilo */

.wp-block-emedia-apilo-why.emedia-apilo-why {
	--emedia-apilo-why-columns: 2;
	--apilo-accent: #f97316;
	--apilo-accent-soft: #fff7ed;
	--apilo-ink: #0f172a;
	--apilo-ink-2: #334155;

	background: linear-gradient(135deg, var(--apilo-accent-soft) 0%, #fff 100%);
	padding: 60px 40px;
	border-radius: 20px;
	border: 1px solid #fed7aa;
}

.emedia-apilo-why-head {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 32px;
	flex-wrap: wrap;
}

.emedia-apilo-why-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--apilo-accent);
	color: #fff;
	padding: 10px 18px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.3;
}

.emedia-apilo-why-heading {
	margin: 0 0;
	padding: 0 0;
}

.emedia-apilo-why__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(var(--emedia-apilo-why-columns), minmax(0, 1fr));
	gap: 18px 50px;
}

.emedia-apilo-why__item {
	padding-left: 32px;
	position: relative;
	font-size: 16px;
	line-height: 1.6;
	color: var(--apilo-ink-2);
}

.emedia-apilo-why__item::before {
	content: "→";
	position: absolute;
	left: 0;
	top: 0;
	color: var(--apilo-accent);
	font-weight: 800;
	font-size: 18px;
	line-height: 1.2;
}

.emedia-apilo-why__item strong {
	color: var(--apilo-ink);
	display: block;
	margin-bottom: 4px;
	font-weight: 700;
}

.emedia-apilo-why__item-text {
	display: block;
}

/* Edytor */
.emedia-apilo-why__item.is-editing {
	list-style: none;
}

.emedia-apilo-why__item-actions {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 6px;
}

.emedia-apilo-why__add {
	margin-top: 16px;
}

.wp-block-emedia-apilo-why .block-editor-rich-text__editable.emedia-apilo-why-badge {
	color: #fff;
}

@media (max-width: 960px) {
	.emedia-apilo-why__list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 580px) {
	.wp-block-emedia-apilo-why.emedia-apilo-why {
		padding: 40px 24px;
	}
}