/*
 * Image & texte — Kahel · Origin split.
 */

/* Un peu moins d'air que les autres sections éditoriales. */
.kahel-origin-split-section {
	padding-top: calc(var(--wp--custom--editorial--section-padding-y) * 0.7);
	padding-bottom: calc(var(--wp--custom--editorial--section-padding-y) * 0.7);
}

/* Sous l'en-tête éditorial, comme dans Kahel : pas de double marge. */
.kahel-editorial-hero-section + .kahel-origin-split-section {
	padding-top: 0;
}

.kahel-origin-split-section .kahel-origin-split {
	display: grid;
	grid-template-columns: var(--wp--custom--editorial--split-columns);
	gap: var(--wp--custom--editorial--split-gap);
	align-items: center;
}

.kahel-origin-split-section.is-inverse .kahel-origin-split {
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1fr);
}

.kahel-origin-split-section.is-inverse .kahel-origin-visual-col {
	order: 2;
}

.kahel-origin-split-section .kahel-origin-visual {
	position: relative;
	min-height: var(--wp--custom--editorial--split-visual-min);
	overflow: hidden;
	border-radius: var(--wp--custom--editorial--split-visual-radius);
	background:
		radial-gradient(circle at 72% 20%, rgba(255, 255, 255, 0.7), transparent 25%),
		linear-gradient(145deg, var(--wp--preset--color--apricot), var(--wp--preset--color--orange) 58%, var(--wp--preset--color--orange-deep));
	box-shadow: 0 28px 70px rgba(104, 49, 14, 0.14);
}

/* Avec une photo, le cadre prend sa forme : portrait ou paysage. */
.kahel-origin-split-section .kahel-origin-visual.has-image {
	min-height: 0;
	aspect-ratio: 4 / 5;
}

.kahel-origin-split-section .kahel-origin-visual.has-image.is-paysage {
	aspect-ratio: 4 / 3;
}

.kahel-origin-split-section .kahel-origin-media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kahel-origin-split-section .kahel-origin-visual.has-image::after {
	content: "";
	position: absolute;
	inset: 50% 0 0;
	background: linear-gradient(180deg, transparent, rgba(36, 23, 15, 0.45));
	pointer-events: none;
}

.kahel-origin-split-section .kahel-parallax {
	position: absolute;
	inset: 0;
	transform: translate3d(0, var(--kahel-parallaxe, 0px), 0);
}

.kahel-origin-split-section .kahel-origin-label {
	position: absolute;
	z-index: 1;
	right: 28px;
	bottom: 26px;
	margin: 0;
	color: var(--wp--preset--color--cream);
	font-size: 0.72rem;
	font-weight: var(--wp--custom--weight--strong);
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* Le titre prend toute la largeur de la colonne, comme le texte. */
.kahel-origin-split-section .kahel-origin-title {
	max-width: var(--wp--custom--editorial--split-title-max);
}

.kahel-origin-split-section .kahel-origin-feature {
	margin: var(--wp--custom--editorial--split-feature-margin-top) 0 0;
}

.kahel-origin-split-section .kahel-origin-text {
	margin: var(--wp--custom--editorial--split-copy-margin-top) 0 0;
}

/* Sélecteur renforcé : la remise à zéro des listes de sections (kahel.css)
 * effacerait sinon la marge au-dessus des étiquettes. */
.kahel-origin-split-section .kahel-origin-copy .kahel-origin-tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--custom--editorial--tag-gap);
	margin: var(--wp--custom--editorial--tag-margin-top) 0 0;
	padding: 0;
	list-style: none;
}

.kahel-origin-split-section .kahel-origin-tag {
	margin: 0;
	padding: var(--wp--custom--editorial--tag-padding);
	border: 1px solid var(--wp--preset--color--orange);
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--orange-deep);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 850;
}

@media (max-width: 900px) {
	.kahel-origin-split-section .kahel-origin-split,
	.kahel-origin-split-section.is-inverse .kahel-origin-split {
		grid-template-columns: 1fr;
	}

	.kahel-origin-split-section.is-inverse .kahel-origin-visual-col {
		order: 0;
	}

	.kahel-origin-split-section .kahel-origin-visual:not(.has-image) {
		min-height: var(--wp--custom--editorial--split-visual-min-tablet);
	}
}

@media (max-width: 620px) {
	.kahel-origin-split-section .kahel-origin-visual {
		border-radius: var(--wp--custom--editorial--radius-mobile);
	}

	.kahel-origin-split-section .kahel-origin-visual:not(.has-image) {
		min-height: var(--wp--custom--editorial--split-visual-min-mobile);
	}
}