/* E-BRH Blog (Conseils) — styles additifs, charte widgets.css. v1.0.2 */

/* ---------- Header solide sur le blog (logo + burger toujours visibles) ---------- */
/* Sur les pages blog (template standalone), on neutralise l'etat "transparent/logo blanc"
   du header concu pour les pages Elementor. Header = barre blanche sticky, logo couleur. */
.ebrh-blog-body .elementor-widget-ebrh-header{ position:relative; z-index:70; }
.ebrh-blog-body .ebrh-hdr{
	position:sticky !important; top:0; z-index:70;
	background:#fff !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
	border-bottom:1px solid var(--line); box-shadow:0 2px 18px rgba(23,63,117,.07);
}
.ebrh-blog-body .ebrh-hdr .ebrh-logo img{ filter:none !important; }
.ebrh-blog-body .ebrh-burger span{ background:var(--navy) !important; }
.ebrh-blog-body .ebrh-tel{ color:var(--navy) !important; }
.ebrh-blog-body .ebrh-hc-rdv{ background:var(--grad-btn) !important; color:#fff !important; border-color:transparent !important; }
.ebrh-blog-body .ebrh-hc-contact{ color:var(--navy) !important; border-color:rgba(23,63,117,.28) !important; }
.ebrh-blog-body .ebrh-hc-contact:hover{ background:rgba(23,63,117,.06) !important; }

.ebrh-blog-main{ background:#fff; color:var(--ink); font-family:"IBM Plex Sans",system-ui,sans-serif; }
.ebrh-blog-main h1,.ebrh-blog-main h2,.ebrh-blog-main h3{ font-family:"Archivo",system-ui,sans-serif; color:var(--navy); }

/* ---------- Bandeau coloré (hero liste + en-tête article) ---------- */
.ebrh-blog-hero,
.ebrh-arthead-band{
	background-image:linear-gradient(120deg, rgba(23,63,117,.90), rgba(44,130,201,.74)), url('https://e-brh.fr/wp-content/uploads/2026/06/pexels-photo-16934118.jpeg');
	background-size:cover;
	background-position:center;
	color:#fff;
	padding:64px 0 56px;
}
.ebrh-blog-hero h1,
.ebrh-arthead-band h1{ color:#fff; }
.ebrh-blog-kicker{
	text-transform:uppercase; letter-spacing:.14em; font-size:.8rem; font-weight:700;
	color:rgba(255,255,255,.85); margin:0 0 10px;
}
.ebrh-blog-hero h1{ font-size:clamp(2.1rem,5vw,3.4rem); font-weight:900; margin:0; line-height:1.08; }
.ebrh-blog-sub{ color:rgba(255,255,255,.92); font-size:1.12rem; max-width:640px; margin:16px 0 0; }

/* ---------- Grille de cartes ---------- */
.ebrh-blog-listwrap{ padding:56px 0 80px; }
.ebrh-bgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.ebrh-bcard{
	display:flex; flex-direction:column; background:#fff; border:1px solid var(--line);
	border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-sm);
	transition:transform .2s ease, box-shadow .2s ease; color:inherit; text-decoration:none;
}
.ebrh-bcard:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.ebrh-bcard-img{ aspect-ratio:16/10; background:var(--mist); overflow:hidden; }
.ebrh-bcard-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.ebrh-bcard-body{ padding:22px 24px 24px; display:flex; flex-direction:column; flex:1; }
.ebrh-bcard-cat{
	align-self:flex-start; font-size:.74rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
	color:var(--blue); background:rgba(44,130,201,.10); padding:5px 10px; border-radius:999px; margin-bottom:12px;
}
.ebrh-bcard-title{ font-size:1.22rem; font-weight:800; line-height:1.22; margin:0 0 10px; }
.ebrh-bcard-exc{ color:var(--grey); font-size:.96rem; line-height:1.55; margin:0 0 18px; flex:1; }
.ebrh-bcard-foot{ display:flex; align-items:center; justify-content:space-between; margin-top:auto;
	font-size:.85rem; color:var(--grey); border-top:1px solid var(--line); padding-top:14px; }
.ebrh-bcard-more{ color:var(--blue); font-weight:700; }
.ebrh-bcard:hover .ebrh-bcard-more{ text-decoration:underline; }

/* ---------- Pagination ---------- */
.ebrh-pagination{ margin-top:48px; display:flex; justify-content:center; }
.ebrh-pagination .page-numbers{
	display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 12px;
	margin:0 4px; border:1px solid var(--line); border-radius:10px; color:var(--navy); font-weight:600; text-decoration:none;
}
.ebrh-pagination .page-numbers.current{ background:var(--grad-btn); color:#fff; border-color:transparent; }
.ebrh-pagination .page-numbers:hover:not(.current){ border-color:var(--blue); color:var(--blue); }

/* ---------- État vide ---------- */
.ebrh-empty{ text-align:center; padding:64px 20px 80px; }
.ebrh-empty h2{ font-size:1.8rem; font-weight:900; margin:0 0 10px; }
.ebrh-empty p{ color:var(--grey); margin:0 0 24px; }

/* ---------- Article : en-tête ---------- */
.ebrh-breadcrumb{ font-size:.86rem; color:rgba(255,255,255,.85); margin:0 0 18px; }
.ebrh-breadcrumb a{ color:#fff; text-decoration:none; }
.ebrh-breadcrumb a:hover{ text-decoration:underline; }
.ebrh-breadcrumb span{ margin:0 8px; opacity:.6; }
.ebrh-art-title{ font-size:clamp(2rem,4.4vw,3.1rem); font-weight:900; line-height:1.1; margin:0; max-width:920px; }
.ebrh-art-meta{ color:rgba(255,255,255,.88); font-size:.95rem; margin:18px 0 0; }
.ebrh-art-meta span{ margin:0 6px; }

/* Image de couverture (chevauche le bandeau) */
.ebrh-art-cover{ margin-top:-40px; margin-bottom:8px; }
.ebrh-art-cover img{ width:100%; height:auto; border-radius:var(--r-lg); box-shadow:var(--shadow); display:block; }

/* ---------- Article : corps (prose) ---------- */
.ebrh-prose{ max-width:760px; padding:40px 32px 8px; font-size:1.08rem; line-height:1.75; color:var(--ink); }
.ebrh-prose > *{ margin:0 0 1.25em; }
.ebrh-prose h2{ font-size:1.7rem; font-weight:800; margin:1.8em 0 .6em; line-height:1.2; }
.ebrh-prose h3{ font-size:1.32rem; font-weight:800; margin:1.5em 0 .5em; color:var(--navy); }
.ebrh-prose a{ color:var(--blue); text-decoration:underline; text-underline-offset:2px; }
.ebrh-prose a:hover{ color:var(--navy); }
.ebrh-prose ul,.ebrh-prose ol{ padding-left:1.4em; }
.ebrh-prose li{ margin:.4em 0; }
.ebrh-prose img{ max-width:100%; height:auto; border-radius:var(--r); display:block; }
.ebrh-prose blockquote{
	border-left:4px solid var(--blue); background:var(--mist); margin:1.6em 0; padding:18px 24px;
	border-radius:0 var(--r) var(--r) 0; color:var(--navy); font-size:1.12rem;
}
.ebrh-prose blockquote p:last-child{ margin-bottom:0; }
.ebrh-prose table{ width:100%; border-collapse:collapse; font-size:.96rem; }
.ebrh-prose th,.ebrh-prose td{ border:1px solid var(--line); padding:10px 14px; text-align:left; }
.ebrh-prose th{ background:var(--mist); color:var(--navy); font-weight:700; }
.ebrh-prose figcaption{ font-size:.85rem; color:var(--grey); text-align:center; margin-top:8px; }

/* ---------- CTA Bilan Maison ---------- */
.ebrh-art-ctawrap{ margin:56px auto; }
.ebrh-blog-cta .ebrh-finalcta-actions{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:8px; }

/* ---------- Articles liés ---------- */
.ebrh-related{ padding:8px 32px 84px; }
.ebrh-related > h2{ font-size:1.7rem; font-weight:900; margin:0 0 26px; }
.ebrh-related .ebrh-bcard-body{ padding:18px 20px 20px; }
.ebrh-related .ebrh-bcard-title{ font-size:1.08rem; }
.ebrh-related .ebrh-bcard-more{ color:var(--blue); font-weight:700; font-size:.9rem; }

/* ---------- Responsive ---------- */
@media (max-width:980px){
	.ebrh-bgrid{ grid-template-columns:repeat(2,1fr); gap:22px; }
}
@media (max-width:680px){
	.ebrh-blog-hero,.ebrh-arthead-band{ padding:44px 0 36px; }
	.ebrh-bgrid{ grid-template-columns:1fr; gap:20px; }
	.ebrh-prose{ padding:30px 22px 8px; font-size:1.04rem; }
	.ebrh-art-cover{ margin-top:-24px; }
	.ebrh-art-cover img{ border-radius:var(--r); }
	.ebrh-blog-listwrap{ padding:40px 0 60px; }
}