/* Maison poteau-poutre (spec 04) : variantes des composants des prestations. */

/* ---- Hero : cadrage de chaque photo du diaporama, points plus haut (sous le chalet) */
.nl-hero .elementor-background-slideshow__slide[data-swiper-slide-index="0"] .elementor-background-slideshow__slide__image { background-position: 94% 49%; }
.nl-hero .elementor-background-slideshow__slide[data-swiper-slide-index="1"] .elementor-background-slideshow__slide__image { background-position: 38% 50%; }
.nl-hero .elementor-background-slideshow__slide[data-swiper-slide-index="2"] .elementor-background-slideshow__slide__image { background-position: 100% 63%; }
.nl-poteau-hero .nl-hero-points { bottom: 100px; }
@media (max-width: 1599px) { .nl-poteau-hero .nl-hero-points { bottom: 75px; } }
@media (max-width: 1024px) { .nl-poteau-hero .nl-hero-points { bottom: 72px; } }
@media (max-width: 767px) { .nl-poteau-hero .nl-hero-points { bottom: 84px; } }

/* ---- Accompagnement : 2 photos en quinconce (largeurs en % de la colonne, proportions de la maquette) */
.nl-poteau-photos .nl-poteau-ph1 { width: 86.2%; }
.nl-poteau-photos .nl-poteau-ph2 { width: 71.8%; }
.nl-poteau-photos .nl-photo img { width: 100%; height: auto; object-fit: cover; }
.nl-poteau-ph1 img { aspect-ratio: 592 / 391; object-position: 55% 7%; }
.nl-poteau-ph2 img { aspect-ratio: 493 / 326; object-position: 82% 58%; }
.nl-poteau-filigrane { pointer-events: none; }

/* ---- Atouts : numéros alignés à droite dans une colonne qui contient « 10. », photos jusqu'au bord gauche de l'écran */
.nl-poteau-liste .nl-liste-num li { grid-template-columns: 60px 1fr; column-gap: 20px; }
.nl-poteau-atouts-photos.e-con { margin-top: 81px; width: 950px; max-width: none; }
@media (min-width: 1600px) {
	.nl-poteau-atouts-photos.e-con { margin-left: calc(-114px - max(20px, (100vw - 1630px) / 2)) !important; }
}
@media (min-width: 1025px) and (max-width: 1599px) {
	.nl-poteau-liste .nl-liste-num li { grid-template-columns: 46px 1fr; column-gap: 14px; }
	.nl-poteau-atouts-photos.e-con { margin-top: 60px; width: 712px; margin-left: calc(-40px - max(40px, (100vw - 1280px) / 2)) !important; }
}
@media (max-width: 1024px) {
	.nl-poteau-atouts-photos.e-con { margin-top: 48px; width: calc(100% + 40px); margin-left: -40px !important; }
	.nl-poteau-atouts-photos > .e-con { flex: 1 1 50%; }
}
@media (max-width: 767px) {
	.nl-poteau-liste .nl-liste-num li { grid-template-columns: 38px 1fr; column-gap: 10px; }
	.nl-poteau-atouts-photos.e-con { margin-top: 32px; width: calc(100% + 20px); margin-left: -20px !important; }
}

/* ---- Agrandir : titre espacé (maquette 3,87 px), étiquettes Avant / Après, retours de la maquette en desktop seulement */
.nl-poteau-agrandir h2.elementor-heading-title { letter-spacing: .048em; }
.nl-poteau-avap-item.e-con { position: relative; }
.nl-poteau-tag .elementor-heading-title { white-space: nowrap; }
@media (max-width: 1599px) {
	.nl-poteau-agrandir .elementor-widget-text-editor br { display: none; }
}

/* ---- Étapes : en-tête et textes alignés sur x 209 (les étapes restent sur x 200) */
@media (min-width: 1600px) {
	.nl-poteau-etapes > .e-con-inner > .e-con { padding-left: 64px; }
}
/* Les deux lignes de texte se suivent sans espace (maquette). */
.nl-poteau-etapes > .e-con-inner > .e-con:nth-child(2) { --gap: 0px !important; --row-gap: 0px !important; }

/* Laptop : « du poteau-poutre » sur une ligne (le titre peut dépasser sa colonne, l'écart avec la liste le permet). */
@media (min-width: 1025px) and (max-width: 1599px) {
	.nl-poteau-atouts .nl-entete .elementor-widget-heading.elementor-widget__width-initial { max-width: none !important; min-width: var(--container-widget-width); }
}

/* Tablette : les 2 photos de l'accompagnement côte à côte (quinconce gardé), retours forcés de la liste masqués. */
@media (min-width: 768px) and (max-width: 1024px) {
	.nl-poteau-photos.e-con { flex-direction: row; align-items: flex-start; }
	.nl-poteau-photos .nl-poteau-ph1 { width: 54%; }
	.nl-poteau-photos .nl-poteau-ph2 { width: 40%; margin-top: 96px; }
}
@media (max-width: 1024px) {
	.nl-poteau-liste .nl-liste-num li br { display: none; }
	/* En-tête du carrousel aligné à gauche comme le filet (le bloc interne n'a pas d'alignement tablette). */
	.nl-projets .nl-entete.e-con { align-items: flex-start; }
}

/* CTA : titre de la page plus long que celui de l'accueil, sur 2 lignes comme la maquette (boîte de 820 px). */
@media (min-width: 1600px) {
	.nl-cta .elementor-widget-heading:has(h2) { width: 840px !important; max-width: 100%; --container-widget-width: 840px; }
}
/* Passe 2 : 1re photo du diaporama plus serrée (maquette : zoom 1,23, 94 % 49 %). */
@media (min-width: 1025px) { .nl-hero .elementor-background-slideshow__slide[data-swiper-slide-index="0"] .elementor-background-slideshow__slide__image { background-size: 123% auto !important; background-position: 94% 49% !important; } }