/* ==========================================================================
   Les Demeures de Province — ajustements responsive (Ocean Communication)
   30 · Pages Réalisations, Agences, Contact, Actualités, Carte et 404
   Chargé après 00-commun.css (et les feuilles 10-…, 20-…) par
   mu-plugins/ldp-responsive.php.

   Pages visées (identifiant de publication Elementor → préfixe utilisé) :
   · Nos réalisations  528   .elementor-528
   · Nos agences       1914  .elementor-1914  (pages dupliquées : Votre projet
                                              et Votre agrandissement partagent
                                              ccaf878, e8f66d7, 68705c1…)
   · Contact           285   .elementor-285
   · Actualités        262   .elementor-262
   · Carte             69    .elementor-69    (6da02615 = aussi le hero vidéo
                                              de l'accueil : préfixe obligatoire)
   · Page 404          1238  .elementor-1238  (modèle error-404)

   Points de rupture (ceux d'Elementor) : mobile ≤ 767 px · tablette 768–1024 px
   · laptop 1025–1440 px · grand écran au-delà.
   Les conteneurs Elementor lisent des variables (--width, --padding-*,
   --flex-direction…) : on surcharge la variable avec un sélecteur
   « html body .elementor-<post> .elementor-element.elementor-element-<id> »,
   plus fort que celui d'Elementor (0,3,0), sans !important. Les !important
   restants répondent à une règle qui en a déjà un (CSS personnalisé de la
   page, extension ldp-immobilier).

   Non traité ici : en-tête, pied de page, règle générale des heros ≤ 1024 px,
   blocs « Vos contacts par secteur », typographie hors charte (00-commun.css).
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. CONTACT — section « Un interlocuteur près de chez vous »
   Structure : 9e266ce (cadre bordé) > 9d157db Téléphone | 4bdb538 E-mail |
   b593e2e Rendez-vous. Les colonnes sont séparées par les bordures gauche et
   droite de 9d157db et b593e2e.
   -------------------------------------------------------------------------- */

/* 1a. Tablette et mobile — réglages communs
   - titres « Téléphone / E-mail / Rendez-vous à domicile » alignés à gauche
     comme l'icône et le texte (ils étaient centrés entre les deux) ;
   - adresse e-mail : elle sortait de sa colonne de 161 px et passait sur la
     bordure et le texte de la colonne voisine (t768) ;
   - bouton « Prendre rendez-vous » : marge négative de −38 px / −26 px qui le
     décalait à gauche du texte ; libellé sur 2 ou 3 lignes (m360, t768, t1024). */
@media (max-width: 1024px) {
	html body .elementor-285 .elementor-element.elementor-element-c50edb7,
	html body .elementor-285 .elementor-element.elementor-element-43bc594,
	html body .elementor-285 .elementor-element.elementor-element-0746d8e {
		text-align: start;
	}
	html body .elementor-285 .elementor-element.elementor-element-bdc3bcf {
		--container-widget-width: 100%;
		width: 100%;
		max-width: 100%;
		overflow-wrap: anywhere;
	}
	html body .elementor-285 .elementor-element.elementor-element-c5b19a1 {
		margin: 4px 0 0;
		text-align: start;
	}
	html body .elementor-285 .elementor-element.elementor-element-c5b19a1 .elementor-button {
		display: inline-flex;
		width: auto;
		justify-content: flex-start;
		gap: 14px;
		padding-inline: 0;
		white-space: nowrap;
	}
	/* numéros : jamais coupés (« 06 / 28 / 26 / 39 / 67 » sur 5 lignes en t768) */
	html body .elementor-285 .elementor-element.elementor-element-7fbab34 .elementor-button,
	html body .elementor-285 .elementor-element.elementor-element-2823f85 .elementor-button {
		white-space: nowrap;
	}
}

/* 1b. Tablette (768–1024) : Téléphone sur toute la largeur, E-mail et
   Rendez-vous côte à côte dessous. Les 3 colonnes de 201 à 260 px
   empilaient les numéros chiffre par chiffre. */
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-285 .elementor-element.elementor-element-9e266ce {
		--flex-wrap: wrap;
		--gap: 0px;
		--row-gap: 0px;
		--column-gap: 0px;
	}
	html body .elementor-285 .elementor-element.elementor-element-9d157db {
		--width: 100%;
		flex: 0 0 100%;
		--border-left-width: 0px;
		--border-right-width: 0px;
		--border-bottom-width: 1px;
		border-width: 0 0 1px 0;
		border-style: solid;
		border-color: rgba(255, 255, 255, .45);
	}
	html body .elementor-285 .elementor-element.elementor-element-4bdb538,
	html body .elementor-285 .elementor-element.elementor-element-b593e2e {
		--width: 50%;
		flex: 0 0 50%;
	}
	html body .elementor-285 .elementor-element.elementor-element-b593e2e {
		--border-right-width: 0px;
		border-right-width: 0;
	}
}

/* 1c. Mobile : blocs empilés séparés par un filet horizontal (au lieu des
   bordures verticales, doublées avec le cadre) ; le filet de la 2e ligne
   traversait la pastille du 1er numéro (marge de −35 px) ; nom et numéro
   l'un sous l'autre, alignés à gauche, sans les 60 px de vide des paragraphes. */
@media (max-width: 767px) {
	html body .elementor-285 .elementor-element.elementor-element-9d157db,
	html body .elementor-285 .elementor-element.elementor-element-b593e2e {
		--border-left-width: 0px;
		--border-right-width: 0px;
		border-left-width: 0;
		border-right-width: 0;
	}
	html body .elementor-285 .elementor-element.elementor-element-4bdb538,
	html body .elementor-285 .elementor-element.elementor-element-b593e2e {
		border-top: 1px solid rgba(255, 255, 255, .45);
	}
	html body .elementor-285 .elementor-element.elementor-element-32646dd {
		--margin-top: -8px;
		--gap: 6px;
		--row-gap: 6px;
		padding-top: 12px;
	}
	html body .elementor-285 .elementor-element.elementor-element-c9e8917 {
		--margin-top: 6px;
		--gap: 6px;
		--row-gap: 6px;
		padding-top: 12px;
	}
	html body .elementor-285 .elementor-element.elementor-element-db4d02f,
	html body .elementor-285 .elementor-element.elementor-element-9d50c70 {
		--gap: 2px;
		--row-gap: 2px;
		--padding-bottom: 0px;
	}
	html body .elementor-285 .elementor-element.elementor-element-32646dd p,
	html body .elementor-285 .elementor-element.elementor-element-c9e8917 p {
		margin: 0;
	}
	/* le nom (ba34092, f03e9a0) était remonté de −58 px pour compenser ces marges */
	html body .elementor-285 .elementor-element:is(.elementor-element-32646dd, .elementor-element-c9e8917) .elementor-element.elementor-widget-text-editor {
		margin: 0;
	}
	html body .elementor-285 .elementor-element.elementor-element-47f42ac,
	html body .elementor-285 .elementor-element.elementor-element-18d6799 {
		--padding-top: 0px;
	}
	html body .elementor-285 .elementor-element.elementor-element-7fbab34,
	html body .elementor-285 .elementor-element.elementor-element-2823f85 {
		text-align: start;
	}
}

/* 1d. Tablette (768–1024 px), 23/10/2026 : depuis les photos des commerciaux, le numéro passe
   sous le nom jusqu'à 1024 px ; sans les réglages du mobile ci-dessus, les marges d'origine
   des paragraphes laissaient ~50 px de vide entre le nom et le numéro, posé sur le filet. */
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-285 .elementor-element.elementor-element-32646dd {
		--margin-top: -8px;
		padding-top: 12px;
	}
	html body .elementor-285 .elementor-element.elementor-element-c9e8917 {
		--margin-top: 6px;
		padding-top: 12px;
		padding-bottom: 4px;
	}
	html body .elementor-285 .elementor-element.elementor-element-db4d02f,
	html body .elementor-285 .elementor-element.elementor-element-9d50c70 {
		--gap: 2px;
		--row-gap: 2px;
		--padding-bottom: 0px;
	}
	html body .elementor-285 .elementor-element.elementor-element-32646dd p,
	html body .elementor-285 .elementor-element.elementor-element-c9e8917 p {
		margin: 0;
	}
	html body .elementor-285 .elementor-element:is(.elementor-element-32646dd, .elementor-element-c9e8917) .elementor-element.elementor-widget-text-editor {
		margin: 0;
	}
	html body .elementor-285 .elementor-element.elementor-element-47f42ac,
	html body .elementor-285 .elementor-element.elementor-element-18d6799 {
		--padding-top: 0px;
		margin-top: 6px;
	}
}

/* --------------------------------------------------------------------------
   2. CONTACT — liste « NOS AGENCES » (mobile)
   Chaque ligne [loupe + ville | pastille département + flèche] passait sur
   180 px de haut : icône au-dessus du nom (position « haut » de l'icon-box en
   mobile, centrée sur le nom donc décalée d'une ligne à l'autre), pastille et
   flèche seules sur une 2e ligne. On remet tout sur une ligne ; le nom le
   plus long (« Gonfreville-l'Orcher ») passe à la ligne après le trait d'union.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	/* lignes */
	html body .elementor-285 .elementor-element:is(.elementor-element-f894330, .elementor-element-23d4d36, .elementor-element-c1c1b09, .elementor-element-4dc43f0) {
		--flex-wrap: nowrap;
		--align-items: center;
		--gap: 12px;
		--column-gap: 12px;
	}
	/* ville */
	html body .elementor-285 .elementor-element:is(.elementor-element-812c86c, .elementor-element-d395387, .elementor-element-7e80dc7, .elementor-element-06b3530) {
		--width: auto;
		--padding-left: 0px;
		--padding-right: 0px;
		flex: 1 1 auto;
		min-width: 0;
	}
	/* pastille + flèche */
	html body .elementor-285 .elementor-element:is(.elementor-element-276562f, .elementor-element-aceadff, .elementor-element-b0b8a51, .elementor-element-8fba33b) {
		--width: auto;
		--padding-left: 0px;
		--padding-right: 0px;
		--flex-wrap: nowrap;
		--gap: 12px;
		--column-gap: 12px;
		flex: 0 0 auto;
	}
	html body .elementor-285 .elementor-element:is(.elementor-element-655fe66, .elementor-element-b3be07e, .elementor-element-572cc6e, .elementor-element-9a89db5) {
		padding-inline: 12px;
		white-space: nowrap;
	}
	/* icon-box : icône à gauche du nom, comme en tablette et desktop */
	html body .elementor-285 .elementor-element:is(.elementor-element-812c86c, .elementor-element-d395387, .elementor-element-7e80dc7, .elementor-element-06b3530) > .elementor-widget-icon-box {
		min-width: 0;
		flex: 1 1 auto;
	}
	html body .elementor-285 .elementor-element:is(.elementor-element-812c86c, .elementor-element-d395387, .elementor-element-7e80dc7, .elementor-element-06b3530) .elementor-icon-box-wrapper {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
		text-align: start;
	}
	html body .elementor-285 .elementor-element:is(.elementor-element-f894330, .elementor-element-23d4d36, .elementor-element-c1c1b09, .elementor-element-4dc43f0) .elementor-icon-box-icon {
		margin: 0;
		flex: 0 0 auto;
	}
	html body .elementor-285 .elementor-element:is(.elementor-element-f894330, .elementor-element-23d4d36, .elementor-element-c1c1b09, .elementor-element-4dc43f0) .elementor-icon-box-title {
		margin: 0;
	}
}


/* --------------------------------------------------------------------------
   3. CONTACT — carte du formulaire (≥ 1025 px)
   Étirée à la hauteur de la colonne de gauche : 90 à 140 px vides sous le
   bouton « Envoyer » (l1280, d1920, d2560). Elle prend la hauteur du formulaire.
   -------------------------------------------------------------------------- */
@media (min-width: 1025px) {
	html body .elementor-285 .elementor-element.elementor-element-d87a6ec {
		--align-self: flex-start;
		align-self: flex-start;
	}
}


/* --------------------------------------------------------------------------
   4. AGENCES — cartes des 4 agences
   Structure : 68705c1 > lignes 9cf2519 / e1ca83d > cartes 76c3480 (Caen),
   adf899d (Évreux), 73ef45e (Flers), f787fc4 (Gonfreville) > [en-tête avec
   pastille du département | infos | infos | boutons].
   Préfixe .elementor-1914 : e8f66d7 et 68705c1 existent aussi sur Votre projet
   et Votre agrandissement.
   -------------------------------------------------------------------------- */

/* 4a. Tablette : retrait gauche de 80 px (zone décalée : 111 px de marge à
   gauche contre 31 à droite) supprimé. */
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-1914 .elementor-element.elementor-element-e8f66d7,
	html body .elementor-1914 .elementor-element.elementor-element-68705c1 {
		--padding-left: 0px;
	}
}
/* Tablette portrait (768–899) : une carte par ligne. À 2 colonnes de 303 px,
   la grille d'infos tombait à 120 px : adresses sur 4 à 7 lignes, numéro coupé,
   « Voir / l'agence » sur 2 lignes, bouton « Itinéraire » coupé par la carte. */
@media (min-width: 768px) and (max-width: 899px) {
	html body .elementor-1914 .elementor-element.elementor-element-9cf2519,
	html body .elementor-1914 .elementor-element.elementor-element-e1ca83d {
		--flex-direction: column;
	}
	html body .elementor-1914 .elementor-element:is(.elementor-element-76c3480, .elementor-element-adf899d, .elementor-element-73ef45e, .elementor-element-f787fc4) {
		--width: 100%;
	}
}

/* 4b. Boutons « Voir l'agence / Itinéraire » : libellés sur une ligne, et
   rangée calée en bas de la carte pour s'aligner d'une carte à l'autre
   (décalage de 5 à 13 px entre cartes voisines, de t768 à d2560). */
html body .elementor-1914 .elementor-element.elementor-element-68705c1 .elementor-widget-button .elementor-button {
	white-space: nowrap;
}
@media (min-width: 768px) {
	html body .elementor-1914 .elementor-element:is(.elementor-element-5d38453, .elementor-element-39ff5a3, .elementor-element-c7868ae, .elementor-element-ed45b01) {
		--margin-top: auto;
	}
}

/* 4c. Pastille du département (tablette et plus) : largeur fixe de 132 px au
   lieu de 19 % de l'en-tête. « Calvados » et « Seine-Maritime » étaient coupés
   en tablette (pastille de 41 px), et « Seine-Maritime » passait sur 2 lignes
   en desktop, ce qui décalait le contenu de la carte de Gonfreville. */
@media (min-width: 768px) {
	html body .elementor-1914 .elementor-element:is(.elementor-element-6ae68b0, .elementor-element-c6f2f64, .elementor-element-7bfcb25, .elementor-element-ee8e857) {
		--width: 132px;
		flex: 0 0 132px;
	}
	html body .elementor-1914 .elementor-element:is(.elementor-element-3201d0b, .elementor-element-c53cd8a, .elementor-element-64947bc, .elementor-element-472d77e) .elementor-heading-title {
		white-space: nowrap;
	}
}

/* 4d. Libellés ADRESSE / HORAIRES / TÉLÉPHONE / CONSEILLER : 12 px au lieu de
   11,2 px (minimum de lisibilité), tous écrans. !important : le CSS de la page
   fixe 0,7rem avec !important (le texte intérieur en hérite). */
html body .elementor-1914 .elementor-element.elementor-element-68705c1 .elementor-icon-box-title {
	font-size: 12px !important;
}

/* 4e. Mobile : paragraphe d'introduction sur toute la largeur (165 px sur 350,
   décalé de 10 px par rapport au titre) et 130 px de vide ramenés à ~50 avant
   la 1re carte ; texte du hero aligné sur le reste de la page (32 px contre 22). */
@media (max-width: 767px) {
	html body .elementor-1914 .elementor-element.elementor-element-b4dbc22 {
		--padding-left: 0px;
		--padding-right: 0px;
	}
	html body .elementor-1914 .elementor-element.elementor-element-f8e1614 {
		--container-widget-width: 100%;
		width: 100%;
		max-width: 100%;
	}
	html body .elementor-1914 .elementor-element.elementor-element-68705c1 {
		--padding-top: 16px;
	}
	html body .elementor-1914 .elementor-element.elementor-element-719025f,
	html body .elementor-1914 .elementor-element.elementor-element-6c425c5 {
		--padding-left: 0px;
		--padding-right: 0px;
	}
}

/* 4f. Tablette : « Pas d'agence près / de / chez vous ? » — le retour à la
   ligne forcé laissait « de » seul ; le titre se coupe naturellement. */
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-1914 .elementor-element.elementor-element-21213c8 br {
		display: none;
	}
}


/* --------------------------------------------------------------------------
   5. ACTUALITÉS
   -------------------------------------------------------------------------- */

/* 5a. « À la une » (810f447) en tablette : une colonne. Le widget gardait la
   grille de 2 colonnes pour un seul article : carte à mi-largeur, moitié droite
   vide (t768), colonne de texte de 120 px en t1024. */
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-262 .elementor-element.elementor-element-810f447 .elementor-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}
/* le widget est un élément flex « à sa taille » dans sa rangée 743885d : il
   occupe toute la largeur (639 px sur 706 en t768) */
html body .elementor-262 .elementor-element.elementor-element-810f447,
html body .elementor-262 .elementor-element.elementor-element-3531e9f {
	--container-widget-width: 100%;
	width: 100%;
}

/* 5b. « Articles précédents » (3531e9f), ≥ 1025 px : avec 2 articles, la
   grille de 3 colonnes laissait le tiers droit vide ; elle passe à 2 colonnes
   tant qu'il n'y a que 2 articles (au 3e, les 3 colonnes reviennent). */
@media (min-width: 1025px) {
	html body .elementor-262 .elementor-element.elementor-element-3531e9f .elementor-grid:has(> .elementor-post:nth-child(2):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* 5c. Espacement autour du séparateur « Articles précédents » : ~100 px de vide
   au-dessus et en dessous en mobile/tablette, cartes collées au séparateur en
   desktop. Même rythme partout : 16 px entre le séparateur et les cartes. */
@media (max-width: 1024px) {
	html body .elementor-262 .elementor-element.elementor-element-9df47e0 {
		--padding-top: 0px;
		--padding-bottom: 0px;
	}
	html body .elementor-262 .elementor-element.elementor-element-1a3bc2b {
		--padding-bottom: 32px;
	}
}
html body .elementor-262 .elementor-element.elementor-element-ce83b59 {
	--padding-top: 16px;
}

/* 5d. Section « Parlez-nous de votre maison » (ba129d1) : son voile noir
   (opacité 37 %) est flouté de 8 px. Un aplat flouté ne change qu'en bordure :
   halo gris au-dessus de la section et bandes claires sur les côtés. Le flou est
   retiré, le voile reste identique. Tous écrans. */
html body .elementor-262 .elementor-element.elementor-element-ba129d1::before {
	filter: none;
}


/* --------------------------------------------------------------------------
   6. RÉALISATIONS
   -------------------------------------------------------------------------- */

/* 6a. Galerie (11fedf8) : badges (« Avant-projet », « Maison contemporaine »…)
   en haut à gauche de la vignette. En bas, ceux de la dernière rangée visible
   tombaient dans le fondu de 120 px du « Voir plus » (widget 951a3a4) et
   devenaient illisibles (gris clair sur blanc). Tous écrans. */
html body .elementor-528 .elementor-element.elementor-element-11fedf8 .e-gallery-item::after {
	top: 14px;
	bottom: auto;
}

/* 6b. Onglets de filtre en mobile et tablette : une seule rangée qui défile
   horizontalement. En mobile ils s'empilaient en désordre (2 sur la 1re ligne,
   puis 3 lignes pleine largeur) ; en t768 « Nos maisons contemporaines » restait
   seul sur une 2e ligne. En t1024 la rangée tient, rien ne défile. */
@media (max-width: 1024px) {
	html body .elementor-528 .elementor-element.elementor-element-11fedf8 .elementor-gallery__titles-container {
		flex-wrap: nowrap;
		width: fit-content;
		max-width: 100%;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		border-radius: 999px;
	}
	html body .elementor-528 .elementor-element.elementor-element-11fedf8 .elementor-gallery__titles-container::-webkit-scrollbar {
		display: none;
	}
	html body .elementor-528 .elementor-element.elementor-element-11fedf8 .elementor-gallery-title {
		flex: 0 0 auto;
		white-space: nowrap;
		scroll-snap-align: start;
	}
}

/* 6c. Mobile et tablette : vides autour de la note « Les avant-projets sont
   des croquis… » (6b1b84e) — ~100 px sous « Voir plus » et ~125 px sous la note. */
@media (max-width: 1024px) {
	html body .elementor-528 .elementor-element.elementor-element-6400be5 {
		--padding-bottom: 24px;
	}
	html body .elementor-528 .elementor-element.elementor-element-84979a7 {
		--padding-top: 0px;
		--padding-bottom: 40px;
	}
	html body .elementor-528 .elementor-element.elementor-element-6b1b84e p {
		margin: 0;
	}
}

/* 6d. Titres en mobile et tablette
   - « Une présence dans toute / la Normandie » (5a62d69) : le retour forcé
     laissait « toute » seul sur sa ligne (m390, t768, t1024) ;
   - « Des projets de vie devenus / réalité » (dc250a4) : la colonne a8c041b
     partageait sa rangée avec un conteneur vide (cfba805), « réalité » restait
     orphelin en t1024. Le conteneur vide est masqué jusqu'à 1024 px. */
@media (max-width: 1024px) {
	html body .elementor-528 .elementor-element.elementor-element-5a62d69 br {
		display: none;
	}
}
@media (max-width: 1024px) {
	html body .elementor-528 .elementor-element.elementor-element-cfba805 {
		display: none;
	}
}


/* --------------------------------------------------------------------------
   7. CARTE (page 69 — préfixe obligatoire : 6da02615 est aussi le hero de
   l'accueil)
   -------------------------------------------------------------------------- */

/* 7a. Contrôles de la carte interactive (code court 45cf048, CSS de
   l'extension ldp-immobilier) : filtres en Lato 16 px et 44 px de haut (13 px
   en police système et 36 px : zoom automatique d'iOS au toucher, cible trop
   petite), « Réinitialiser », « Voir toute la Normandie » et flèches de
   pagination à 44 px. Tous écrans. */
html body .elementor-69 .ldp-carte .ldp-carte__filter {
	min-height: 44px;
	min-width: 0;          /* en 16 px, « Tous styles » (libellés longs) débordait de 12 px en m360 */
	max-width: 100%;
	padding: 10px 12px;
	font: 400 16px/1.25 "Lato", sans-serif;
	text-overflow: ellipsis;
}
/* deux filtres par ligne (en 16 px, 4 filtres sur une ligne tronquaient
   « Chambres m… » en tablette ; en desktop il en restait un seul sur la 2e ligne) */
html body .elementor-69 .ldp-carte select.ldp-carte__filter {
	flex: 1 1 calc(50% - 4px);
}
html body .elementor-69 .ldp-carte .ldp-carte__filters-reset {
	min-height: 44px;
	padding: 10px 6px;
	font: 400 15px/1.2 "Lato", sans-serif;
}
html body .elementor-69 .ldp-carte .ldp-carte__reset:not([hidden]) {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-bottom: 4px;
}
html body .elementor-69 .ldp-carte .ldp-carte__prev,
html body .elementor-69 .ldp-carte .ldp-carte__next {
	width: 44px;
	height: 44px;
}

/* 7b. Carte détaillée d'un département (après clic) : tuiles délavées
   (luminosité 1,2) presque blanches sur fond blanc, sans cadre. Contraste
   rétabli et filet autour de la carte. */
html body .elementor-69 .ldp-carte .ldp-carte__detail-map {
	filter: grayscale(1) sepia(.2) hue-rotate(175deg) saturate(.6) brightness(.98) contrast(1.15);
}
html body .elementor-69 .ldp-carte .ldp-carte__map-wrap.is-zoomed {
	box-shadow: 0 0 0 1px #DCE3EC;
}

/* 7c. Vignettes des biens sans photo (toutes les fiches de test) : bloc bleu
   pâle vide de 4/3 (258 px de haut en mobile). Il garde la couleur, devient
   plus bas (16/7) et reçoit le pictogramme de maison du site. Les vignettes qui
   ont une photo (style background-image en ligne) ne sont pas touchées. */
html body .elementor-69 .ldp-carte .ldp-card__image:not([style*="background-image"]) {
	aspect-ratio: 16 / 7;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48' fill='none' stroke='%230F559D' stroke-opacity='.35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 24 32 6l26 18'/%3E%3Cpath d='M12 20v22h40V20'/%3E%3Cpath d='M27 42V30h10v12'/%3E%3C/svg%3E");
	background-size: 64px 48px;
	background-position: center;
	background-repeat: no-repeat;
}

/* 7d. Boutons du hero en tablette : largeur fixe de 30 % (212 px), libellés
   « DÉCOUVRIR LES / ANNONCES » et « DEMANDER UN / DEVIS » sur 2 lignes (t768). */
@media (min-width: 768px) and (max-width: 1024px) {
	html body .elementor-69 .elementor-element.elementor-element-5a2e5ecb,
	html body .elementor-69 .elementor-element.elementor-element-d6f93d8 {
		--container-widget-width: auto;
		width: auto;
		max-width: none;
	}
	html body .elementor-69 .elementor-element:is(.elementor-element-5a2e5ecb, .elementor-element-d6f93d8) .elementor-button {
		white-space: nowrap;
	}
}

/* 7e. Largeur du contenu ≥ 1025 px : 1420 px comme le reste du site (hero à
   1140 px, sections à 1440 px). Le texte du hero s'aligne sur le logo
   (décalé de 26 px en l1280, de 140 px en d1920 et d2560). */
@media (min-width: 1025px) {
	html body .elementor-69 .elementor-element.elementor-element-6da02615,
	html body .elementor-69 .elementor-element.elementor-element-6c6f5be1,
	html body .elementor-69 .elementor-element.elementor-element-a3fb4d5 {
		--content-width: 1420px;
	}
}

/* 7f. Vide de 300 px entre la liste des biens (pagination) et le titre
   « Carte » en desktop (150 + 150 px), 180 px en tablette. Ramené à ~110 px. */
@media (min-width: 768px) {
	html body .elementor-69 .elementor-element.elementor-element-6c6f5be1 {
		--padding-bottom: 48px;
	}
	html body .elementor-69 .elementor-element.elementor-element-a3fb4d5 {
		--padding-top: 64px;
	}
}


/* --------------------------------------------------------------------------
   8. PAGE 404 (modèle 1238)
   Le conteneur e8bd64a a un fond noir et reste « encadré » (gouttière de
   00-commun.css, contenu à 1420 px) : bandes noires de chaque côté des deux
   photos — 22 px en mobile, 44 px en l1280, 250 px en d1920, 570 px en d2560.
   Les photos vont d'un bord à l'autre ; la bande sous l'en-tête en mobile et
   tablette prend le bleu nuit du site au lieu du noir.
   -------------------------------------------------------------------------- */
html body .elementor-1238 .e-con.e-parent.elementor-element-e8bd64a {
	--content-width: 100%;
	padding-inline-start: 0;
	padding-inline-end: 0;
	background-color: #0A2540;
}
html body .elementor-1238 .e-con.e-parent.elementor-element-e8bd64a > .e-con-inner {
	max-width: none;
}
/* Mobile : les photos sont empilées ; le texte était collé en haut de la
   2e photo, à cheval sur la jonction. Il est centré sur la photo. */
@media (max-width: 767px) {
	html body .elementor-1238 .elementor-element.elementor-element-2981e969 {
		--justify-content: center;
	}
}


/* --------------------------------------------------------------------------
   9. (supprimé le 27/10/2026) Les bandeaux de Réalisations, d'Actualités et de
   Contact n'ont plus d'illustration au trait : photo (plan / drapeaux) fondue à
   droite, réglée dans le CSS personnalisé de chaque bandeau.
   -------------------------------------------------------------------------- */