/*
 * R&M — système chromatique luxe
 * Bleu nuit, champagne et ivoire, alignés sur le logo.
 */

:root {
	--rm-navy: #00002A;
	--rm-navy-soft: #0A1238;
	--rm-champagne: #DCC080;
	--rm-ivory: #F7F4EC;
	--rm-white: #FFFFFF;
	--rm-porcelain: #FFFCF6;
	--rm-ink: #303041;
	--rm-line: rgba(0, 0, 42, 0.14);
	--rm-shadow: 0 14px 34px rgba(0, 0, 42, 0.10);
}

/* Toile générale */
body,
#page-container,
#main-content {
	background-color: var(--rm-ivory) !important;
	color: var(--rm-ink);
}

#main-header,
.et-fixed-header#main-header {
	background-color: rgba(247, 244, 236, 0.98) !important;
	border-bottom: 1px solid rgba(220, 192, 128, 0.70);
	box-shadow: 0 8px 28px rgba(0, 0, 42, 0.06) !important;
}

#top-menu a,
.et-fixed-header #top-menu a,
.mobile_menu_bar::before {
	color: var(--rm-navy) !important;
}

.et_mobile_menu {
	background-color: var(--rm-ivory) !important;
	border-top: 3px solid var(--rm-champagne) !important;
	box-shadow: var(--rm-shadow) !important;
}

.et_mobile_menu a {
	color: var(--rm-navy) !important;
	border-bottom-color: var(--rm-line) !important;
}

/* Pages principales : le blanc par défaut devient un ivoire chaleureux */
:is(
	body.home,
	body.page-id-28919,
	body.page-id-28928,
	body.page-id-28942,
	body.page-id-29022,
	body.page-id-29085,
	body.page-id-29171
) #main-content .et_pb_section:not(.et_pb_with_background) {
	background-color: var(--rm-ivory) !important;
}

body.page-id-28844 #main-content .et_pb_section_8.et_pb_section,
body.page-id-29171 #main-content .et_pb_section_3.et_pb_section {
	background-color: var(--rm-ivory) !important;
}

/* Typographie sur surfaces claires */
:is(
	body.home,
	body.page-id-28919,
	body.page-id-28928,
	body.page-id-28942,
	body.page-id-29022,
	body.page-id-29085,
	body.page-id-29171
) #main-content .et_pb_section h1,
:is(
	body.home,
	body.page-id-28919,
	body.page-id-28928,
	body.page-id-28942,
	body.page-id-29022,
	body.page-id-29085,
	body.page-id-29171
) #main-content .et_pb_section h1 *,
:is(
	body.home,
	body.page-id-28919,
	body.page-id-28928,
	body.page-id-28942,
	body.page-id-29022,
	body.page-id-29085,
	body.page-id-29171
) #main-content .et_pb_section h2,
:is(
	body.home,
	body.page-id-28919,
	body.page-id-28928,
	body.page-id-28942,
	body.page-id-29022,
	body.page-id-29085,
	body.page-id-29171
) #main-content .et_pb_section h2 *,
:is(
	body.home,
	body.page-id-28919,
	body.page-id-28928,
	body.page-id-28942,
	body.page-id-29022,
	body.page-id-29085,
	body.page-id-29171
) #main-content .et_pb_section h3,
:is(
	body.home,
	body.page-id-28919,
	body.page-id-28928,
	body.page-id-28942,
	body.page-id-29022,
	body.page-id-29085,
	body.page-id-29171
) #main-content .et_pb_section h3 * {
	color: var(--rm-navy) !important;
}

:is(
	body.home,
	body.page-id-28919,
	body.page-id-28928,
	body.page-id-28942,
	body.page-id-29022,
	body.page-id-29085,
	body.page-id-29171
) #main-content .et_pb_section p,
:is(
	body.home,
	body.page-id-28919,
	body.page-id-28928,
	body.page-id-28942,
	body.page-id-29022,
	body.page-id-29085,
	body.page-id-29171
) #main-content .et_pb_section li {
	color: var(--rm-ink) !important;
}

:is(
	body.home,
	body.page-id-28919,
	body.page-id-28928,
	body.page-id-28942,
	body.page-id-29022,
	body.page-id-29085,
	body.page-id-29171
) #main-content .et-pb-icon {
	color: var(--rm-navy) !important;
}

/* Bandes champagne : message et CTA lisibles, sans blanc trop faible */
:is(
	body.home #main-content .et_pb_section_4,
	body.page-id-28919 #main-content .et_pb_section_0,
	body.page-id-28919 #main-content .et_pb_section_3,
	body.page-id-28928 #main-content .et_pb_section_0,
	body.page-id-28928 #main-content .et_pb_section_4,
	body.page-id-28942 #main-content .et_pb_section_0,
	body.page-id-28942 #main-content .et_pb_section_2,
	body.page-id-29085 #main-content .et_pb_section_0,
	body.page-id-29085 #main-content .et_pb_section_3
) {
	background-color: var(--rm-champagne) !important;
	color: var(--rm-navy) !important;
}

:is(
	body.home #main-content .et_pb_section_4,
	body.page-id-28919 #main-content .et_pb_section_0,
	body.page-id-28919 #main-content .et_pb_section_3,
	body.page-id-28928 #main-content .et_pb_section_0,
	body.page-id-28928 #main-content .et_pb_section_4,
	body.page-id-28942 #main-content .et_pb_section_0,
	body.page-id-28942 #main-content .et_pb_section_2,
	body.page-id-29085 #main-content .et_pb_section_0,
	body.page-id-29085 #main-content .et_pb_section_3
) :is(h1, h2, h3, p, li, span) {
	color: var(--rm-navy) !important;
}

/* Bandes bleu nuit : contraste élégant et cohérent */
:is(
	body.home #main-content .et_pb_section_0,
	body.home #main-content .et_pb_section_1,
	body.home #main-content .et_pb_section_3,
	body.home #main-content .et_pb_section_6,
	body.home #main-content .et_pb_section_7,
	body.home #main-content .et_pb_section_9,
	body.page-id-28919 #main-content .et_pb_section_2,
	body.page-id-29171 #main-content .et_pb_section_0,
	body.page-id-29171 #main-content .et_pb_section_4,
	body.page-id-29171 #main-content .et_pb_section_6
) {
	background-color: var(--rm-navy) !important;
	color: var(--rm-white) !important;
}

:is(
	body.home #main-content .et_pb_section_0,
	body.home #main-content .et_pb_section_1,
	body.home #main-content .et_pb_section_3,
	body.home #main-content .et_pb_section_6,
	body.home #main-content .et_pb_section_7,
	body.home #main-content .et_pb_section_9,
	body.page-id-28919 #main-content .et_pb_section_2,
	body.page-id-29171 #main-content .et_pb_section_0,
	body.page-id-29171 #main-content .et_pb_section_4,
	body.page-id-29171 #main-content .et_pb_section_6
) :is(h1, h2, h3, p, li) {
	color: var(--rm-white) !important;
}

:is(
	body.home #main-content .et_pb_section_0,
	body.home #main-content .et_pb_section_1,
	body.home #main-content .et_pb_section_3,
	body.home #main-content .et_pb_section_6,
	body.home #main-content .et_pb_section_7,
	body.home #main-content .et_pb_section_9,
	body.page-id-28919 #main-content .et_pb_section_2,
	body.page-id-29171 #main-content .et_pb_section_0,
	body.page-id-29171 #main-content .et_pb_section_4,
	body.page-id-29171 #main-content .et_pb_section_6
) .et-pb-icon {
	color: var(--rm-champagne) !important;
}

/* Boutons : or sur bleu/ivoire, bleu sur or */
body #page-container #main-content .et_pb_section .et_pb_button {
	background-color: var(--rm-champagne) !important;
	border-color: var(--rm-champagne) !important;
	border-radius: 3px !important;
	color: var(--rm-navy) !important;
	box-shadow: 0 9px 22px rgba(0, 0, 42, 0.12);
	font-weight: 700 !important;
	letter-spacing: 0.01em;
}

body #page-container #main-content .et_pb_section .et_pb_button:hover {
	background-color: var(--rm-navy) !important;
	border-color: var(--rm-navy) !important;
	color: var(--rm-white) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 42, 0.18);
}

body.home #page-container #main-content .et_pb_section_4 .et_pb_button,
body.page-id-28919 #page-container #main-content .et_pb_section_0 .et_pb_button,
body.page-id-28919 #page-container #main-content .et_pb_section_3 .et_pb_button,
body.page-id-28928 #page-container #main-content .et_pb_section_0 .et_pb_button,
body.page-id-28928 #page-container #main-content .et_pb_section_4 .et_pb_button,
body.page-id-28942 #page-container #main-content .et_pb_section_0 .et_pb_button,
body.page-id-28942 #page-container #main-content .et_pb_section_2 .et_pb_button,
body.page-id-29085 #page-container #main-content .et_pb_section_0 .et_pb_button,
body.page-id-29085 #page-container #main-content .et_pb_section_3 .et_pb_button {
	background-color: var(--rm-navy) !important;
	border-color: var(--rm-navy) !important;
	color: var(--rm-white) !important;
}

/* Liens, formulaires et détails de finition */
#main-content .et_pb_text a:not(.et_pb_button),
#main-content .et_pb_blurb a:not(.et_pb_button) {
	color: var(--rm-navy) !important;
	text-decoration-color: var(--rm-champagne);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.nf-form-cont input:not([type="button"]):not([type="submit"]),
.nf-form-cont textarea,
.nf-form-cont select {
	background-color: var(--rm-white) !important;
	border: 1px solid rgba(0, 0, 42, 0.28) !important;
	border-radius: 2px !important;
	color: var(--rm-navy) !important;
}

.nf-form-cont input:focus,
.nf-form-cont textarea:focus,
.nf-form-cont select:focus {
	border-color: var(--rm-champagne) !important;
	box-shadow: 0 0 0 3px rgba(220, 192, 128, 0.28) !important;
	outline: none !important;
}

.nf-form-cont input[type="button"],
.nf-form-cont input[type="submit"] {
	background-color: var(--rm-navy) !important;
	border: 1px solid var(--rm-navy) !important;
	color: var(--rm-white) !important;
	font-weight: 700;
}

/* Politique de confidentialité et pages WordPress simples */
body.page-id-3 #main-content,
body.page-id-3 #main-content .container {
	background-color: var(--rm-ivory) !important;
	color: var(--rm-ink);
}

body.page-id-3 #main-content :is(h1, h2, h3) {
	color: var(--rm-navy) !important;
}

body.page-id-3 #main-content a {
	color: var(--rm-navy);
	text-decoration-color: var(--rm-champagne);
}

/* Pied de page */
#main-footer,
#footer-bottom {
	background-color: var(--rm-navy) !important;
}

#main-footer :is(h2, h3, h4),
#main-footer a:hover {
	color: var(--rm-champagne) !important;
}

#main-footer,
#main-footer p,
#main-footer li,
#main-footer a,
#footer-bottom,
#footer-bottom a {
	color: rgba(255, 255, 255, 0.88) !important;
}

/*
 * Mouvement éditorial au défilement.
 * Les éléments clés respirent légèrement dans la zone centrale de l'écran,
 * sans masquer le contenu ni modifier la mise en page.
 */
@media (prefers-reduced-motion: no-preference) {
	body.rm-motion-ready #main-content .rm-motion-item {
		transform: translate3d(0, 6px, 0) scale(0.985);
		transform-origin: center center;
		transition:
			transform 560ms cubic-bezier(0.22, 0.61, 0.36, 1),
			filter 560ms ease;
		will-change: transform;
	}

	body.rm-motion-ready #main-content .rm-motion-item.rm-motion-focus {
		transform: translate3d(0, 0, 0) scale(1.018);
	}

	body.rm-motion-ready #main-content :is(.et_pb_blurb, .et_pb_image).rm-motion-focus {
		filter: saturate(1.035) brightness(1.015);
	}
}

@media (max-width: 980px) and (prefers-reduced-motion: no-preference) {
	body.rm-motion-ready #main-content .rm-motion-item {
		transform: translate3d(0, 4px, 0) scale(0.992);
	}

	body.rm-motion-ready #main-content .rm-motion-item.rm-motion-focus {
		transform: translate3d(0, 0, 0) scale(1.012);
	}
}

@media (prefers-reduced-motion: reduce) {
	body #main-content .rm-motion-item,
	body #main-content .rm-motion-item.rm-motion-focus {
		filter: none !important;
		transform: none !important;
		transition: none !important;
	}
}

/* Accueil : appel vidéo Facebook compact, lisible et clairement actionnable. */
body.home #page-container #main-content .et_pb_section_4 {
	padding: 34px 0 !important;
}

body.home #page-container #main-content .et_pb_section_4 .et_pb_row_7 {
	width: 86% !important;
	max-width: 820px !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: 30px 34px !important;
	border-left: 4px solid var(--rm-champagne);
}

body.home #page-container #main-content .et_pb_section_4 .et_pb_row_7 :is(h1, h2, h3, p, span) {
	color: var(--rm-white) !important;
}

body.home #page-container #main-content .et_pb_section_4 .et_pb_heading_3 {
	margin-bottom: 10px !important;
}

body.home #page-container #main-content .et_pb_section_4 .et_pb_heading_3 h2 {
	font-size: 30px !important;
	line-height: 1.22em !important;
}

body.home #page-container #main-content .et_pb_section_4 .et_pb_text_2 {
	margin: 0 auto 18px !important;
}

body.home #page-container #main-content .et_pb_section_4 .et_pb_text_2,
body.home #page-container #main-content .et_pb_section_4 .et_pb_text_2 p {
	font-size: 17px !important;
	line-height: 1.55em !important;
}

body.home #page-container #main-content .et_pb_section_4 .et_pb_row_7 .et_pb_button {
	background-color: var(--rm-champagne) !important;
	border-color: var(--rm-champagne) !important;
	color: var(--rm-navy) !important;
	font-size: 17px !important;
	padding: 8px 22px !important;
}

body.home #page-container #main-content .et_pb_section_4 .et_pb_row_7 .et_pb_button:hover {
	background-color: var(--rm-ivory) !important;
	border-color: var(--rm-ivory) !important;
	color: var(--rm-navy) !important;
}

/*
 * Composants premium : une seule logique de cartes sur tout le site.
 * Les grands fonds restent ivoire / bleu nuit / champagne ; le blanc froid
 * est réservé aux textes et logos, jamais aux surfaces de contenu.
 */
body.home #page-container #main-content .et_pb_section_2 .et_pb_blurb,
body.home #page-container #main-content .et_pb_section_3 .et_pb_blurb,
body.home #page-container #main-content .et_pb_section_5 .et_pb_blurb,
body.page-id-29171 #page-container #main-content .et_pb_section_3 .et_pb_blurb,
body.page-id-29171 #page-container #main-content .et_pb_section_4 .et_pb_blurb,
body.page-id-29085 #page-container #main-content .et_pb_section_2 .et_pb_column {
	background-color: var(--rm-porcelain) !important;
	border: 1px solid rgba(220, 192, 128, 0.78) !important;
	border-radius: 4px !important;
	box-shadow: 0 14px 34px rgba(0, 0, 42, 0.08) !important;
}

body.home #page-container #main-content .et_pb_section_2 .et_pb_blurb,
body.home #page-container #main-content .et_pb_section_3 .et_pb_blurb,
body.page-id-29171 #page-container #main-content .et_pb_section_4 .et_pb_blurb {
	border-top-width: 3px !important;
}

body.home #page-container #main-content .et_pb_section_2 .et_pb_blurb :is(h2, h3, h4),
body.home #page-container #main-content .et_pb_section_3 .et_pb_blurb :is(h2, h3, h4),
body.home #page-container #main-content .et_pb_section_5 .et_pb_blurb :is(h2, h3, h4),
body.page-id-29171 #page-container #main-content .et_pb_section_3 .et_pb_blurb :is(h2, h3, h4),
body.page-id-29171 #page-container #main-content .et_pb_section_4 .et_pb_blurb :is(h2, h3, h4),
body.page-id-29085 #page-container #main-content .et_pb_section_2 .et_pb_column :is(h2, h3, h4) {
	color: var(--rm-navy) !important;
}

body.home #page-container #main-content .et_pb_section_2 .et_pb_blurb p,
body.home #page-container #main-content .et_pb_section_3 .et_pb_blurb p,
body.home #page-container #main-content .et_pb_section_5 .et_pb_blurb p,
body.page-id-29171 #page-container #main-content .et_pb_section_3 .et_pb_blurb p,
body.page-id-29171 #page-container #main-content .et_pb_section_4 .et_pb_blurb p,
body.page-id-29085 #page-container #main-content .et_pb_section_2 .et_pb_column p {
	color: var(--rm-ink) !important;
}

/* Accueil : le scénario central reste le repère champagne. */
body.home #page-container #main-content .et_pb_section_5 .et_pb_blurb_11 {
	background-color: var(--rm-champagne) !important;
	border-color: var(--rm-navy) !important;
}

/* Expertise : cartes ivoire sur bleu, puis avantage client en bande champagne. */
body.page-id-29171 #page-container #main-content .et_pb_section_1 .et_pb_column_1 {
	background-color: var(--rm-porcelain) !important;
	border-color: rgba(220, 192, 128, 0.78) !important;
	box-shadow: 0 14px 34px rgba(0, 0, 42, 0.08) !important;
}

body.page-id-29171 #page-container #main-content .et_pb_section_5 {
	background-color: var(--rm-champagne) !important;
	color: var(--rm-navy) !important;
}

body.page-id-29171 #page-container #main-content .et_pb_section_5 .et_pb_row {
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

body.page-id-29171 #page-container #main-content .et_pb_section_5 :is(h1, h2, h3, h4, p, li, span) {
	color: var(--rm-navy) !important;
}

/* Partenaires : image éditoriale, cartouche sombre et fiches homogènes. */
body.page-id-29085 #page-container #main-content .et_pb_section_1 {
	background-color: var(--rm-navy) !important;
}

body.page-id-29085 #page-container #main-content .et_pb_section_1 .et_parallax_bg {
	background-image: url("https://www.vides-maisons.be/wp-content/uploads/2026/08/RM--reseau-de-partenaires-et-expertise.png") !important;
	background-position: center center !important;
}

body.page-id-29085 #page-container #main-content .et_pb_section_1 {
	padding: 76px 0 !important;
}

body.page-id-29085 #page-container #main-content .et_pb_section_1 .et_pb_row_1 {
	width: 86% !important;
	max-width: 760px !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: 38px 32px !important;
	background-color: rgba(0, 0, 42, 0.88) !important;
	border-left: 4px solid var(--rm-champagne);
	box-shadow: 0 18px 45px rgba(0, 0, 42, 0.24) !important;
}

body.page-id-29085 #page-container #main-content .et_pb_section_1 .et_pb_image_0 {
	width: 118px !important;
	max-width: 118px !important;
	margin: 0 auto 22px !important;
}

body.page-id-29085 #page-container #main-content .et_pb_section_1 .et_pb_text_1,
body.page-id-29085 #page-container #main-content .et_pb_section_1 .et_pb_text_1 h1 {
	text-align: center !important;
}

body.page-id-29085 #page-container #main-content .et_pb_section_1 .et_pb_row_1 :is(h1, h2, h3, p, span) {
	color: var(--rm-white) !important;
}

body.page-id-29085 #page-container #main-content .et_pb_section_2 .et_pb_row {
	display: flex !important;
	align-items: stretch !important;
}

body.page-id-29085 #page-container #main-content .et_pb_section_2 .et_pb_column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 32px 30px !important;
}

/* Les liens sur fond bleu nuit utilisent l'accent champagne. */
:is(
	body.home #main-content .et_pb_section_0,
	body.home #main-content .et_pb_section_1,
	body.home #main-content .et_pb_section_3,
	body.home #main-content .et_pb_section_6,
	body.home #main-content .et_pb_section_7,
	body.home #main-content .et_pb_section_9,
	body.page-id-28919 #main-content .et_pb_section_2,
	body.page-id-29171 #main-content .et_pb_section_0,
	body.page-id-29171 #main-content .et_pb_section_4,
	body.page-id-29171 #main-content .et_pb_section_6
) :is(.et_pb_text, .et_pb_blurb) a:not(.et_pb_button) {
	color: var(--rm-champagne) !important;
}

/* Le formulaire reprend lui aussi la chaleur de l'ivoire. */
.nf-form-cont input:not([type="button"]):not([type="submit"]),
.nf-form-cont textarea,
.nf-form-cont select {
	background-color: var(--rm-porcelain) !important;
}

@media (max-width: 980px) {
	#main-content .et_pb_button {
		box-shadow: none;
	}

	.et_mobile_menu {
		background-color: var(--rm-ivory) !important;
	}

	body.home #page-container #main-content .et_pb_section_4 {
		padding: 26px 0 !important;
	}

	body.home #page-container #main-content .et_pb_section_4 .et_pb_row_7 {
		width: 90% !important;
		padding: 24px 20px !important;
	}

	body.home #page-container #main-content .et_pb_section_4 .et_pb_heading_3 h2 {
		font-size: 24px !important;
	}

	body.home #page-container #main-content .et_pb_section_4 .et_pb_text_2,
	body.home #page-container #main-content .et_pb_section_4 .et_pb_text_2 p {
		font-size: 16px !important;
		line-height: 1.5em !important;
	}

	body.home #page-container #main-content .et_pb_section_4 .et_pb_row_7 .et_pb_button {
		font-size: 16px !important;
		padding: 7px 18px !important;
	}

	body.page-id-29085 #page-container #main-content .et_pb_section_1 {
		min-height: 0;
		padding: 52px 0 !important;
	}

	body.page-id-29085 #page-container #main-content .et_pb_section_1 .et_parallax_bg {
		background-position: 43% center !important;
	}

	body.page-id-29085 #page-container #main-content .et_pb_section_1 .et_pb_row_1 {
		width: 90% !important;
		padding: 30px 22px !important;
	}

	body.page-id-29085 #page-container #main-content .et_pb_section_1 .et_pb_image_0 {
		width: 92px !important;
		max-width: 92px !important;
		margin-bottom: 18px !important;
	}

	body.page-id-29085 #page-container #main-content .et_pb_section_2 .et_pb_row {
		display: block !important;
	}

	body.page-id-29085 #page-container #main-content .et_pb_section_2 .et_pb_column {
		padding: 28px 24px !important;
		margin-bottom: 24px !important;
	}
}