/*
 Theme Name: Divi Child (cdi)
 Template: Divi
 Description: Theme enfant pour www.carredasimmo.fr (phase 43). Charte graphique du developpement 01_accueil (docs/Conception_Page_Accueil_CarreDasImmo.md) ci-dessous.
 Version: 1.0.0
*/

:root {
	--cdi-navy: #1F3864;
	--cdi-blue: #2E5395;
	--cdi-blue-light: #DCE6F1;
	--cdi-gold: #BF8F00;
	--cdi-gold-light: #FFF2CC;
	--cdi-grey: #7F7F7F;
	--cdi-grey-light: #F2F2F2;
}

body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* Page unique et sobre (Conception_Page_Accueil_CarreDasImmo.md §1/§3.1) :
   le contenu de la page fournit deja son propre pied de page (.cdi-footer,
   avec le rappel legal condense et l'email en bouton dans la section
   Contact) - la chrome par defaut du theme Divi (logo Divi generique, menu
   de navigation auto-genere, icones reseaux sociaux, bandeau "Designed by
   Elegant Themes | Powered by WordPress") est masquee pour eviter le
   doublon et respecter "pas de menu de navigation complexe".
   Retour utilisateur (captures d'ecran successives) : le titre de page
   WordPress ("Accueil", h1.entry-title genere par le gabarit Divi
   au-dessus du contenu) et la sidebar par defaut (Search/Recent Posts/
   Recent Comments, layout Divi "avec sidebar" jamais desactive) etaient
   egalement visibles et non voulus - masques ici, #left-area repasse en
   pleine largeur. Bandeau d'en-tete separe (.cdi-header, logo + email)
   retire ensuite (retour utilisateur : redondant avec le Hero juste en
   dessous) - le Hero est desormais le tout premier element visible,
   avec l'accent dore de marque en haut de page. */
#main-header, #main-footer {
	display: none !important;
}
#page-container {
	padding-top: 0 !important;
}
#left-area h1.entry-title {
	display: none !important;
}
#sidebar {
	display: none !important;
}
#left-area {
	width: 100% !important;
	float: none !important;
	border: none !important;
	box-shadow: none !important;
}
#content-area, #main-content .container {
	border: none !important;
	box-shadow: none !important;
}
#main-content .container:before {
	display: none !important;
}

* {
	box-sizing: border-box;
}

.cdi-hero {
	text-align: center;
	padding: 2.25rem 1.5rem 2rem;
	background: linear-gradient(180deg, var(--cdi-blue-light) 0%, #fff 100%);
	border-top: 4px solid var(--cdi-gold);
}
.cdi-hero img { max-width: 170px; height: auto; margin-bottom: 1rem; }
.cdi-hero h1 {
	color: var(--cdi-navy);
	margin: 0 0 0.6rem;
	font-size: 1.95rem;
	font-weight: bold;
	letter-spacing: 1px;
}
.cdi-hero .cdi-subtitle {
	color: var(--cdi-grey);
	font-style: italic;
	font-size: 1.05rem;
	max-width: 540px;
	margin: 0 auto;
	line-height: 1.45;
}

.cdi-section { padding: 2rem 1.5rem; max-width: 720px; margin: 0 auto; text-align: center; }
.cdi-section h2 {
	color: var(--cdi-navy);
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: 0.3px;
	margin: 0 0 1.1rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid var(--cdi-gold);
	display: inline-block;
}
.cdi-section p { line-height: 1.6; margin: 0 0 0.7rem; font-size: 0.97rem; text-align: left; color: #333; }
.cdi-section p:last-child { margin-bottom: 0; }

#legal.cdi-section { background: var(--cdi-grey-light); max-width: none; padding: 2.25rem 1.5rem; }
.cdi-legal-box {
	background: #fff;
	border-left: 4px solid var(--cdi-navy);
	border-radius: 4px;
	box-shadow: 0 4px 16px rgba(31, 56, 100, 0.1);
	padding: 1.4rem 1.75rem;
	max-width: 460px;
	margin: 0 auto;
	text-align: left;
}
.cdi-legal-box dt {
	font-weight: bold;
	color: var(--cdi-navy);
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-top: 0.75rem;
}
.cdi-legal-box dt:first-child { margin-top: 0; }
.cdi-legal-box dd { margin: 0.15rem 0 0; font-size: 0.94rem; color: #333; }

#contact.cdi-section p { text-align: center; }
#contact.cdi-section a {
	display: inline-block;
	margin-top: 0.15rem;
	padding: 0.65rem 2rem;
	background: var(--cdi-gold);
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(191, 143, 0, 0.3);
	transition: background 0.15s ease, transform 0.15s ease;
}
#contact.cdi-section a:hover { background: var(--cdi-navy); transform: translateY(-1px); }

.cdi-footer {
	background: var(--cdi-navy);
	color: #cdd6e4;
	text-align: center;
	padding: 1.25rem 1.5rem;
	font-size: 0.78rem;
	line-height: 1.6;
}
.cdi-footer p { margin: 0 0 0.3rem; }
.cdi-footer p:last-child { margin-bottom: 0; opacity: 0.75; letter-spacing: 0.3px; }