/*
 * kp-contact-gallery.css — 3 photos horizontales (Page Contact bloc 3).
 *
 * Figma : 10132:2782. 3 cards photo 416×400 réparties horizontalement avec
 * gap 24, padding section 72px.
 *
 * Auto-enqueué (kp-pattern-contact-gallery, dep kp-tokens).
 */

/* 3 photos sur fond orange glassy + traits orange en alternance bas/haut/bas
 * (style kp-scenarios). Pas de cadre extérieur. Demande Morgan 2026-06-10 r3. */
.kp-contact-gallery {
	display: flex;
	gap: 1.5rem; /* 24 */
	padding: 4.5rem var(--kp-section-padding-x, 4.5rem); /* 72 / 72 */
	background: #391c09; /* orange terre Figma (équivalent à orange glassy sur dark) */
}

.kp-contact-gallery__item {
	position: relative;
	flex: 1 0 0;
	min-width: 0;
	height: 25rem; /* 400 */
	overflow: hidden;
	background-color: #050505;
	background-size: cover;
	background-position: center;
	border: 0; /* pas de cadre — Morgan r3 */
}

/* Trait orange en alternance bas/haut/bas (style kp-scenarios). */
.kp-contact-gallery__item:nth-child(1),
.kp-contact-gallery__item:nth-child(3) {
	border-bottom: 4px solid var(--kp-color-brand-primary);
}

.kp-contact-gallery__item:nth-child(2) {
	border-top: 4px solid var(--kp-color-brand-primary);
}

.kp-contact-gallery__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (max-width: 980px) {
	.kp-contact-gallery {
		flex-direction: column;
	}
	.kp-contact-gallery__item {
		height: 16rem;
	}
}