/* EN ROUE LIBRE — Refonte "Asphalte & Volt" (préprod) */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&display=swap');

:root {
  /* Identité alignée sur le média kit 2027 (maquette A « Magazine » validée le 28/09/2026) */
  --erl-accent: #E23A72;
  --erl-accent-dark: #C92C62;
  --erl-hot: #E23A72;
  --erl-blue: #3A7BEA;
  --erl-black: #0D0D10;
  --erl-dark: #17171C;
  --erl-paper: #F6F5F2;
  --erl-grey: #6E6E76;
  --erl-title: 'Poppins', sans-serif;
  --erl-text: 'Inter', 'Open Sans', sans-serif;
}

body,
.et_pb_text,
.et_pb_post p {
  font-family: var(--erl-text) !important;
}

body, #page-container, #main-content {
  background-color: #FFFFFF !important;
  color: #1b1b20;
}

h1, h2, h3, h4, h5, h6,
.et_pb_module_header,
.entry-title {
  font-family: var(--erl-title) !important;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1.08 !important;
  font-weight: 800 !important;
}

::selection {
  background: var(--erl-accent);
  color: #FFFFFF;
}

a { transition: color .15s ease, background-color .15s ease; }

/* HEADER / NAVIGATION */
#main-header,
.et-l--header .et_pb_section,
#page-container #main-header {
  background-color: var(--erl-black) !important;
  box-shadow: 0 2px 0 var(--erl-accent) !important;
}

#top-menu li a,
.et-l--header .et_pb_menu li a,
.et_pb_menu li a {
  font-family: var(--erl-text) !important;
  text-transform: uppercase;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.08em;
  color: #FFFFFF !important;
}

#top-menu li a:hover,
.et_pb_menu li a:hover,
.et-l--header .et_pb_menu li a:hover {
  color: var(--erl-accent) !important;
  opacity: 1 !important;
}

#top-menu li.current-menu-item > a,
.et_pb_menu li.current-menu-item > a {
  color: var(--erl-accent) !important;
  box-shadow: inset 0 -3px 0 var(--erl-accent);
}

#top-menu li li a,
.et_pb_menu .sub-menu li a { color: #FFFFFF !important; }

.nav li ul,
.et_pb_menu .sub-menu,
.et_mobile_menu {
  background-color: var(--erl-dark) !important;
  border-top: 3px solid var(--erl-accent) !important;
}
.et_mobile_menu li a { color: #FFFFFF !important; }

/* TITRES DE SECTIONS */
.et_pb_text h3,
.et_pb_heading h2,
.et_pb_text h2 {
  position: relative;
  font-size: clamp(28px, 4vw, 44px) !important;
  padding-bottom: 12px;
}

.et_pb_text h3::after,
.et_pb_heading h2::after,
.et_pb_text h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 6px;
  background: var(--erl-accent);
  transform: skewX(-18deg);
}

/* CARTES ARTICLES */
article.et_pb_post,
[class*="el_dbe"] article {
  background: #FFFFFF !important;
  border: none !important;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(14, 15, 19, .08);
  transition: transform .2s ease, box-shadow .2s ease;
  border-bottom: 4px solid transparent !important;
}

article.et_pb_post:hover,
[class*="el_dbe"] article:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(14, 15, 19, .16);
  border-bottom-color: var(--erl-accent) !important;
}

article.et_pb_post .entry-featured-image-url,
article.et_pb_post .dbe_featured_image,
[class*="el_dbe"] .dbe_featured_image {
  overflow: hidden;
  display: block;
}
article.et_pb_post .entry-featured-image-url img,
article.et_pb_post .dbe_featured_image img,
[class*="el_dbe"] .dbe_featured_image img {
  transition: transform .35s ease;
}
article.et_pb_post:hover .entry-featured-image-url img,
article.et_pb_post:hover .dbe_featured_image img,
[class*="el_dbe"] article:hover .dbe_featured_image img {
  transform: scale(1.05);
}

.et_pb_post .entry-title,
.et_pb_post h2.entry-title a,
[class*="el_dbe"] .entry-title a {
  font-family: var(--erl-title) !important;
  text-transform: uppercase;
  color: var(--erl-black) !important;
  line-height: 1.12 !important;
}
.et_pb_post .entry-title a:hover,
[class*="el_dbe"] .entry-title a:hover {
  color: var(--erl-hot) !important;
}

/* BADGES CATÉGORIES & META */
.et_pb_post .post-meta a[rel="category tag"],
.et_pb_post .post-meta a[rel="tag"],
[class*="el_dbe"] .post-meta a,
.post-meta-wrapper a[rel~="tag"] {
  display: inline-block;
  background: var(--erl-black);
  color: #FFFFFF !important;
  font-family: var(--erl-text) !important;
  font-size: 10px !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 3px 8px;
  margin: 0 4px 4px 0;
  border-radius: 2px;
  transform: skewX(-8deg);
}
.et_pb_post .post-meta a[rel="category tag"]:hover,
[class*="el_dbe"] .post-meta a:hover {
  background: var(--erl-accent);
  color: #FFFFFF !important;
}

.et_pb_post .post-meta a[href*="/category/podcast"],
[class*="el_dbe"] .post-meta a[href*="/category/podcast"] {
  background: var(--erl-black);
  color: #FFFFFF !important;
}

.et_pb_post .published,
.et_pb_post .post-meta,
[class*="el_dbe"] .published {
  font-family: var(--erl-text) !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--erl-grey) !important;
}

/* BOUTONS & CTA */
.et_pb_button,
a.more-link,
input[type="submit"],
.et_pb_newsletter_button {
  font-family: var(--erl-text) !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 13px !important;
  background: var(--erl-black) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 2px !important;
  padding: 12px 24px !important;
  transition: background .15s ease, transform .15s ease !important;
  display: inline-block;
}
.et_pb_button:hover,
a.more-link:hover,
input[type="submit"]:hover,
.et_pb_newsletter_button:hover {
  background: var(--erl-accent) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px);
  padding: 12px 24px !important;
}
.et_pb_button:after { display: none !important; }

/* NEWSLETTER */
.et_pb_newsletter,
.et_pb_signup {
  background: var(--erl-black) !important;
  border-radius: 6px;
  border-top: 6px solid var(--erl-accent);
}
.et_pb_newsletter h2, .et_pb_newsletter h3, .et_pb_newsletter p,
.et_pb_signup h2, .et_pb_signup h3, .et_pb_signup p {
  color: #FFFFFF !important;
}
.et_pb_newsletter input[type="text"],
.et_pb_newsletter input[type="email"],
.et_pb_signup input[type="text"],
.et_pb_signup input[type="email"] {
  background: var(--erl-dark) !important;
  border: 1px solid #2A2D34 !important;
  color: #FFFFFF !important;
  border-radius: 2px !important;
}

/* FOOTER */
#main-footer,
#footer-bottom,
.et-l--footer .et_pb_section {
  background-color: var(--erl-black) !important;
}
#main-footer, #footer-bottom { color: #B9BDC4; }
#footer-bottom a,
.et-l--footer a { color: #FFFFFF !important; }
#footer-bottom a:hover,
.et-l--footer a:hover { color: var(--erl-accent) !important; }
.et-social-icons a { color: #FFFFFF !important; }
.et-social-icons a:hover { color: var(--erl-accent) !important; }

/* PAGES ARTICLES — confort de lecture */
.single .et_pb_post_content p,
.single .entry-content p {
  font-size: 17px !important;
  line-height: 1.75 !important;
}
.single .et_pb_post_content h2,
.single .entry-content h2 { margin-top: 1.4em; }
.single .entry-content a,
.single .et_pb_post_content a {
  color: var(--erl-accent-dark);
  box-shadow: inset 0 -2px 0 var(--erl-accent);
  text-decoration: none;
}
.single .entry-content a:hover,
.single .et_pb_post_content a:hover {
  background: var(--erl-accent);
  color: #FFFFFF;
}

blockquote {
  border-left: 6px solid var(--erl-accent) !important;
  background: #FFFFFF;
  padding: 16px 20px;
  font-style: normal !important;
  font-weight: 600;
}

/* PAGINATION */
.pagination a,
.wp-pagenavi a,
.wp-pagenavi span.current {
  font-family: var(--erl-text) !important;
  font-weight: 700;
  text-transform: uppercase;
}
.wp-pagenavi span.current {
  background: var(--erl-accent) !important;
  color: var(--erl-black) !important;
  border-color: var(--erl-accent) !important;
}

/* MOBILE */
.mobile_menu_bar:before,
.et_mobile_menu li a:hover { color: var(--erl-accent) !important; }
@media (max-width: 767px) {
  .et_pb_text h3, .et_pb_heading h2 { font-size: 26px !important; }
  .et_pb_post .entry-title { font-size: 20px !important; }
}

/* CTA NEWSLETTER dans le menu */
#top-menu li.erl-cta a,
.et_pb_menu li.erl-cta a,
.et_mobile_menu li.erl-cta a {
  background: var(--erl-accent) !important;
  color: #FFFFFF !important;
  padding: 10px 18px !important;
  border-radius: 2px;
  margin-left: 8px;
}
#top-menu li.erl-cta a:hover,
.et_pb_menu li.erl-cta a:hover {
  background: var(--erl-accent-dark) !important;
  color: #FFFFFF !important;
}

/* ==========================================================================
   PAGE PARTENARIATS — identité du média kit 2027 (bloc .erl-pk)
   ========================================================================== */
body.erl-pk-page .main_title, body.erl-pk-page #sidebar { display: none !important; }
body.erl-pk-page #left-area { width: 100% !important; padding-right: 0 !important; }
body.erl-pk-page #main-content .container:before { display: none !important; }
body.erl-pk-page #main-content .container { padding-top: 32px; }
.erl-pk { --pk-pink:#E23A72; --pk-blue:#3A7BEA; --pk-sky:#5BA8F5; --pk-ink:#0D0D10; --pk-ink2:#17171C; --pk-line:#2A2A31; --pk-muted:#9A9AA2; --pk-paper:#F6F5F2;
  font-family: 'Inter', sans-serif !important; color: #1b1b20; line-height: 1.6; }
.erl-pk * { box-sizing: border-box; }
.erl-pk h1, .erl-pk h2, .erl-pk h3, .erl-pk .pk-num { font-family: 'Poppins', sans-serif !important; text-transform: uppercase; letter-spacing: -.01em; font-weight: 800 !important; line-height: 1.05 !important; padding: 0; }
.erl-pk h2 { font-size: 34px !important; margin: 0 0 18px; color: var(--pk-ink); }
.erl-pk h2::after, .erl-pk h3::after { display: none !important; content: none !important; }
.erl-pk h3 { font-size: 19px !important; margin: 0 0 8px; }
.erl-pk p { padding: 0 0 12px; }
.erl-pk .pk-eyebrow { font: 600 11.5px 'Poppins', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--pk-pink); display: block; margin-bottom: 10px; }
.erl-pk section { margin: 0 0 72px; }
.erl-pk .pk-lead { font-size: 18px; color: #3d3d44; max-width: 760px; }
.erl-pk a.pk-btn { display: inline-flex; align-items: center; gap: 8px; font: 700 13px 'Poppins', sans-serif !important; text-transform: uppercase; letter-spacing: .05em; padding: 14px 24px; border-radius: 40px; text-decoration: none !important; box-shadow: none !important; transition: .2s; }
.erl-pk a.pk-btn.pink { background: var(--pk-pink); color: #fff !important; }
.erl-pk a.pk-btn.pink:hover { background: #c92c62; }
.erl-pk a.pk-btn.ghost { border: 1.5px solid #fff; color: #fff !important; }
.erl-pk a.pk-btn.ghost:hover { background: #fff; color: var(--pk-ink) !important; }
.erl-pk a.pk-btn.dark { background: var(--pk-ink); color: #fff !important; }

/* Hero */
.erl-pk .pk-hero { background: var(--pk-ink); color: #fff; border-radius: 20px; padding: 56px 56px 0; overflow: hidden; }
.erl-pk .pk-hero h1 { font-size: 52px !important; color: #fff !important; max-width: 900px; margin: 0; }
.erl-pk .pk-hero h1 em { font-style: normal; color: var(--pk-pink); }
.erl-pk .pk-hero p { color: #cfcfd6; font-size: 17px; max-width: 640px; margin-top: 20px; }
.erl-pk .pk-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.erl-pk .pk-stats { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--pk-line); margin-top: 48px; }
.erl-pk .pk-stats > div { padding: 24px 20px 30px; border-right: 1px solid var(--pk-line); }
.erl-pk .pk-stats > div:first-child { padding-left: 0; }
.erl-pk .pk-stats > div:last-child { border-right: 0; }
.erl-pk .pk-num { display: block; font-size: 38px; color: #fff; }
.erl-pk .pk-num.pink { color: var(--pk-pink); } .erl-pk .pk-num.blue { color: var(--pk-sky); }
.erl-pk .pk-stats span:not(.pk-num), .erl-pk .pk-small { font-size: 12.5px; color: var(--pk-muted); }
.erl-pk span.pk-num { font-size: 38px; }
.erl-pk .pk-card span.pk-num { font-size: 32px; }
.erl-pk .pk-results span.pk-num { font-size: 56px; }

/* Grilles & cartes */
.erl-pk .pk-grid { display: grid; gap: 18px; }
.erl-pk .g2 { grid-template-columns: repeat(2, 1fr); } .erl-pk .g3 { grid-template-columns: repeat(3, 1fr); } .erl-pk .g4 { grid-template-columns: repeat(4, 1fr); }
.erl-pk .pk-card { background: var(--pk-paper); border-radius: 16px; padding: 26px; }
.erl-pk .pk-card.dark { background: var(--pk-ink); color: #d6d6dc; }
.erl-pk .pk-card.dark h3, .erl-pk .pk-card.dark .pk-num { color: #fff; }
.erl-pk .pk-card .pk-num { font-size: 32px; color: var(--pk-ink); margin: 6px 0 4px; }
.erl-pk .pk-card .pk-num.pink { color: var(--pk-pink); } .erl-pk .pk-card .pk-num.blue { color: var(--pk-blue); }
.erl-pk .pk-card p { font-size: 14.5px; padding-bottom: 0; }
.erl-pk .pk-bar { border-top: 4px solid var(--pk-pink); } .erl-pk .pk-bar.blue { border-top-color: var(--pk-blue); } .erl-pk .pk-bar.sky { border-top-color: var(--pk-sky); } .erl-pk .pk-bar.ink { border-top-color: var(--pk-ink); }
.erl-pk .pk-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.erl-pk .pk-tags span { border: 1.5px solid var(--pk-ink); border-radius: 30px; padding: 6px 14px; font: 600 12px 'Poppins', sans-serif; }
.erl-pk .pk-platforms { display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px; margin-top: 18px; }
.erl-pk .pk-platforms div { background: #fff; border: 1px solid #e7e7e3; border-radius: 12px; padding: 14px 12px; }
.erl-pk .pk-platforms b { display: block; font: 800 20px 'Poppins', sans-serif; color: var(--pk-ink); }
.erl-pk .pk-platforms span { font: 600 10px 'Poppins', sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #7a7a82; }
.erl-pk ul.pk-list { list-style: none; padding: 0 !important; margin: 10px 0 0; }
.erl-pk ul.pk-list li { padding: 5px 0 5px 18px; position: relative; font-size: 14.5px; }
.erl-pk ul.pk-list li:before { content: ""; position: absolute; left: 0; top: 13px; width: 7px; height: 7px; border-radius: 50%; background: var(--pk-pink); }

/* Vignettes vidéo */
.erl-pk .pk-thumb { display: block; border-radius: 12px; overflow: hidden; aspect-ratio: 16/9; background: #ddd; }
.erl-pk .pk-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.erl-pk a:hover .pk-thumb img { transform: scale(1.04); }
.erl-pk .pk-caption { font: 600 13px 'Poppins', sans-serif; margin-top: 8px; color: var(--pk-ink); }

/* Étude de cas */
.erl-pk .pk-case { background: var(--pk-ink); color: #d6d6dc; border-radius: 20px; padding: 48px; }
.erl-pk .pk-case h2 { color: #fff !important; }
.erl-pk .pk-case .pk-caption { color: #fff; }
.erl-pk .pk-case-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 32px; margin-top: 26px; }
.erl-pk .pk-results { background: var(--pk-ink2); border-radius: 16px; padding: 28px; }
.erl-pk .pk-results .pk-num { font-size: 56px; color: #fff; }
.erl-pk .pk-results table { width: 100%; border: 0; margin-top: 18px; font-size: 14px; }
.erl-pk .pk-results td { border: 0; border-top: 1px solid var(--pk-line); padding: 12px 0; color: #cfcfd6; }
.erl-pk .pk-results td:last-child { white-space: nowrap; padding-left: 12px; text-align: right; font: 800 18px 'Poppins', sans-serif; color: #fff; }
.erl-pk blockquote.pk-quote { border-left: 4px solid var(--pk-pink) !important; background: transparent; margin: 28px 0 0; padding: 4px 0 4px 22px; font: 600 18px/1.5 'Poppins', sans-serif; color: #fff; }
.erl-pk blockquote.pk-quote::before, .erl-pk blockquote.pk-quote::after { display: none !important; content: none !important; }
.erl-pk blockquote.pk-quote { position: relative; }
.erl-pk blockquote.pk-quote cite { display: block; font: 400 13px 'Inter', sans-serif; color: var(--pk-muted); margin-top: 10px; font-style: normal; }

/* Offres */
.erl-pk .pk-offer { border-radius: 16px; overflow: hidden; background: var(--pk-paper); display: flex; flex-direction: column; }
.erl-pk .pk-offer .pk-offer-head { padding: 16px 24px; color: #fff; font: 700 13px 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: .06em; }
.erl-pk .pk-offer .pk-offer-body { padding: 24px; flex: 1; display: flex; flex-direction: column; }
.erl-pk .pk-offer .pk-label { font: 700 10.5px 'Poppins', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--pk-pink); margin-top: 12px; display: block; }
.erl-pk .pk-offer .pk-price { margin-top: auto; padding-top: 22px; }
.erl-pk .pk-offer .pk-price b { font: 800 30px 'Poppins', sans-serif; color: var(--pk-ink); display: block; }
.erl-pk .pk-promise { margin-top: 18px; background: #fff; border: 1px solid #e7e7e3; border-radius: 12px; padding: 16px 22px; font-size: 14.5px; }
.erl-pk .pk-promise b { color: var(--pk-pink); font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 12px; letter-spacing: .1em; margin-right: 10px; }

/* Marques */
.erl-pk .pk-brands { display: flex; flex-wrap: wrap; gap: 12px 34px; font: 800 18px 'Poppins', sans-serif; text-transform: uppercase; color: #a8a8a2; }

/* Contact */
.erl-pk .pk-contact { background: var(--pk-ink); color: #d6d6dc; border-radius: 20px; padding: 52px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; }
.erl-pk .pk-contact h2 { color: #fff !important; }
.erl-pk .pk-contact ol { padding-left: 20px; margin: 14px 0 0; }
.erl-pk .pk-contact li { padding: 4px 0; }
.erl-pk .pk-contact-box { background: var(--pk-ink2); border-radius: 16px; padding: 28px; }
.erl-pk .pk-contact-box a.mail { color: #fff !important; font: 700 18px 'Poppins', sans-serif; text-decoration: none; box-shadow: inset 0 -2px 0 var(--pk-pink) !important; }
.erl-pk .pk-foot { font-size: 12px; color: #8a8a90; border-top: 1px solid #e7e7e3; padding-top: 16px; }

@media (max-width: 980px) {
  .erl-pk .g3, .erl-pk .g4, .erl-pk .pk-stats, .erl-pk .pk-case-grid, .erl-pk .pk-contact { grid-template-columns: 1fr 1fr; }
  .erl-pk .pk-platforms { grid-template-columns: repeat(4, 1fr); }
  .erl-pk .pk-hero h1 { font-size: 36px !important; }
  .erl-pk .pk-hero, .erl-pk .pk-case, .erl-pk .pk-contact { padding: 32px 24px; }
}
@media (max-width: 640px) {
  .erl-pk .g2, .erl-pk .g3, .erl-pk .g4, .erl-pk .pk-stats, .erl-pk .pk-case-grid, .erl-pk .pk-contact { grid-template-columns: 1fr; }
  .erl-pk .pk-platforms { grid-template-columns: repeat(2, 1fr); }
  .erl-pk .pk-stats > div { padding-left: 0; border-right: 0; border-bottom: 1px solid var(--pk-line); }
}

/* ==========================================================================
   EN-TÊTE — noir uni, menu Poppins (maquette A)
   ========================================================================== */
.et-l--header .et_pb_section, #main-header {
  background-image: none !important;
  background-color: var(--erl-black) !important;
  box-shadow: none !important;
}
.et-l--header .et_pb_menu li a, #top-menu li a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  letter-spacing: .04em !important;
}
.et-l--header .et_pb_menu li.erl-cta a, #top-menu li.erl-cta a { border-radius: 40px !important; }

/* ==========================================================================
   HOME MAGAZINE [erl_home]
   ========================================================================== */
body.erl-home-page .main_title, body.erl-home-page #sidebar { display: none !important; }
body.erl-home-page #left-area { width: 100% !important; padding-right: 0 !important; }
body.erl-home-page #main-content .container:before { display: none !important; }
body.erl-home-page #main-content .container { padding-top: 36px; width: 90%; max-width: 1240px; }
.erl-home { font-family: 'Inter', sans-serif; color: #1b1b20; }
.erl-home * { box-sizing: border-box; }
.erl-home a { text-decoration: none !important; box-shadow: none !important; color: inherit; }
.erl-home .eh-h { font-family: 'Poppins', sans-serif !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: -.01em; line-height: 1.04 !important; color: var(--erl-black); padding: 0; margin: 0; }
.erl-home h2.eh-h { font-size: 30px !important; }
.erl-home h2.eh-h::after { display: none !important; }
.erl-home .eh-ey { display: block; font: 600 11px 'Poppins', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--erl-accent); margin-bottom: 6px; }
.erl-home .eh-ey.blue { color: var(--erl-blue); }
.erl-home .eh-new { display: inline-flex; align-items: center; gap: 7px; font: 700 10.5px 'Poppins', sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--erl-accent); }
.erl-home .eh-new::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--erl-accent); animation: ehpulse 1.6s infinite; }
@keyframes ehpulse { 50% { opacity: .3; } }

/* Cartes */
.erl-home .eh-card { display: block; cursor: pointer; }
.erl-home .eh-thumb { position: relative; aspect-ratio: 16/9; overflow: hidden; border-radius: 10px; background: #e9e9e6; }
.erl-home .eh-thumb img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; transition: transform .45s ease; }
.erl-home .eh-card:hover .eh-thumb img { transform: scale(1.045); }
.erl-home .eh-play { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; transition: .25s; background: rgba(13,13,16,.18); }
.erl-home .eh-play i { width: 54px; height: 54px; border-radius: 50%; background: rgba(255,255,255,.95); display: grid; place-items: center; }
.erl-home .eh-play i::after { content: ""; border-left: 14px solid var(--erl-black); border-top: 9px solid transparent; border-bottom: 9px solid transparent; margin-left: 4px; }
.erl-home .eh-card:hover .eh-play { opacity: 1; }
.erl-home .eh-dur { position: absolute; right: 8px; bottom: 8px; background: rgba(13,13,16,.85); color: #fff; font: 600 11px 'Poppins', sans-serif; padding: 3px 7px; border-radius: 5px; }
.erl-home .eh-fmtline { margin-top: 12px; }
.erl-home .eh-fmt { display: inline-block; font: 700 10px 'Poppins', sans-serif; letter-spacing: .1em; text-transform: uppercase; padding: 4px 8px; border-radius: 4px; color: #fff; background: var(--erl-black); }
.erl-home .eh-fmt.f-podcast { background: var(--erl-blue); }
.erl-home .eh-fmt.f-inside { background: var(--erl-accent); }
.erl-home .eh-fmt.f-actu { background: #5a5a62; }
.erl-home .eh-ttl { font: 700 17px/1.25 'Poppins', sans-serif; margin-top: 10px; transition: color .2s; color: var(--erl-black); }
.erl-home .eh-card:hover .eh-ttl { color: var(--erl-accent); }
.erl-home .eh-hook { font-size: 14.5px; line-height: 1.55; color: #4a4a52; margin: 8px 0 0; padding: 0; }
.erl-home .eh-meta { font-size: 12px; color: var(--erl-grey); margin-top: 6px; }

/* Boutons */
.erl-home .eh-btn { display: inline-flex; align-items: center; gap: 8px; font: 700 12.5px 'Poppins', sans-serif !important; text-transform: uppercase; letter-spacing: .05em; padding: 13px 22px; border-radius: 40px; transition: .2s; }
.erl-home .eh-btn.pink { background: var(--erl-accent); color: #fff !important; }
.erl-home .eh-btn.pink:hover { background: var(--erl-accent-dark); }
.erl-home .eh-btn.line { border: 1.5px solid var(--erl-black); color: var(--erl-black) !important; }
.erl-home .eh-btn.line:hover { background: var(--erl-black); color: #fff !important; }

/* Sections */
.erl-home .eh-hero { display: grid; grid-template-columns: 1.35fr 1fr; gap: 44px; align-items: center; padding: 12px 0 56px; }
.erl-home .eh-hero .eh-thumb { border-radius: 14px; aspect-ratio: 16/10; }
.erl-home .eh-hero h1.eh-h { font-size: 44px !important; margin: 14px 0 16px; }
.erl-home .eh-lead { font-size: 17px; line-height: 1.6; color: #3d3d44; padding: 0; }
.erl-home .eh-cta { display: flex; gap: 12px; margin-top: 26px; flex-wrap: wrap; }
.erl-home .eh-sec { padding: 8px 0 64px; }
.erl-home .eh-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.erl-home .eh-more { font: 700 12px 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: .06em; border-bottom: 2px solid var(--erl-accent); padding-bottom: 3px; white-space: nowrap; }
.erl-home .eh-grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }

/* Bande Inside pleine largeur */
.erl-home .eh-band { background: var(--erl-black); margin: 0 calc(50% - 50vw) 64px; padding: 64px calc(50vw - 50%); }
.erl-home .eh-band .eh-in { max-width: 1240px; margin: 0 auto; }
.erl-home .eh-band .eh-h, .erl-home .eh-band .eh-ttl, .erl-home .eh-band .eh-more { color: #fff; }
.erl-home .eh-band .eh-hook, .erl-home .eh-band .eh-meta { color: #a8a8b0; }
.erl-home .eh-inside { display: grid; grid-template-columns: 2fr 1fr; gap: 28px; }
.erl-home .eh-inside .eh-big .eh-thumb { aspect-ratio: 16/9.5; }
.erl-home .eh-inside .eh-big .eh-ttl { font-size: 26px; }
.erl-home .eh-inside .eh-side { display: flex; flex-direction: column; gap: 22px; }

/* Podcast */
.erl-home .eh-pod { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; }
.erl-home .eh-podrow { display: grid; grid-template-columns: 44px 150px 1fr; gap: 18px; align-items: center; padding: 18px 0; border-top: 1px solid #e7e7e3; }
.erl-home .eh-n { font: 800 26px 'Poppins', sans-serif; color: #d4d4d0; }
.erl-home .eh-podrow .eh-thumb { border-radius: 8px; }
.erl-home .eh-podrow .eh-ttl { margin-top: 0; font-size: 15.5px; }

/* Citation */
.erl-home .eh-quote { background: var(--erl-paper); border-radius: 18px; padding: 52px; text-align: center; margin-bottom: 64px; }
.erl-home .eh-quote blockquote { border: 0 !important; background: none; padding: 0; margin: 14px auto 0; max-width: 860px; font: 700 30px/1.25 'Poppins', sans-serif !important; color: var(--erl-black); }
.erl-home .eh-quote blockquote::before, .erl-home .eh-quote blockquote::after { display: none !important; content: none !important; }
.erl-home .eh-quote cite { display: block; margin-top: 16px; font-style: normal; color: var(--erl-grey); }
.erl-home .eh-quote cite a { color: var(--erl-accent); font-weight: 600; }

/* Newsletter */
.erl-home .eh-nl { background: var(--erl-black); color: #fff; border-radius: 18px; padding: 48px; display: grid; grid-template-columns: 1.4fr auto; gap: 40px; align-items: center; margin-bottom: 40px; }
.erl-home .eh-nl .eh-h { color: #fff; font-size: 32px !important; }
.erl-home .eh-nl p { color: #b8b8c0; margin-top: 12px; line-height: 1.6; padding: 0; }

@media (max-width: 980px) {
  .erl-home .eh-hero, .erl-home .eh-inside, .erl-home .eh-nl { grid-template-columns: 1fr; }
  .erl-home .eh-grid4 { grid-template-columns: 1fr 1fr; }
  .erl-home .eh-pod { grid-template-columns: 1fr; }
  .erl-home .eh-hero h1.eh-h { font-size: 32px !important; }
}
@media (max-width: 600px) {
  .erl-home .eh-grid4 { grid-template-columns: 1fr; }
  .erl-home .eh-podrow { grid-template-columns: 34px 110px 1fr; gap: 12px; }
  .erl-home .eh-quote, .erl-home .eh-nl { padding: 32px 24px; }
  .erl-home .eh-quote blockquote { font-size: 22px !important; }
}

/* ==========================================================================
   NEWSLETTER KESSEL — home + fin d'article
   ========================================================================== */
.erl-kessel { width: 100% !important; max-width: 480px; height: 130px; border: 0; display: block; border-radius: 12px; overflow: hidden; }
.erl-kessel-alt { font-size: 12px !important; margin: 6px 0 0 !important; padding: 0 !important; }
.erl-kessel-alt a { color: inherit !important; opacity: .7; box-shadow: none !important; background: none !important; }
.erl-home .eh-nl { grid-template-columns: 1.2fr 1fr; }
.erl-home .eh-nl .erl-kessel-alt a { color: #b8b8c0 !important; }
.erl-nl-box { margin: 48px 0 16px; padding: 30px; border-radius: 16px; background: #F6F5F2; border-top: 4px solid var(--erl-accent); display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; }
.erl-nl-box .erl-nl-ey { display: block; font: 600 11px 'Poppins', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--erl-accent); margin-bottom: 8px; }
.erl-nl-box .erl-nl-t { font: 800 21px/1.2 'Poppins', sans-serif !important; text-transform: uppercase; color: #0D0D10; margin: 0 0 8px !important; padding: 0 !important; }
.erl-nl-box .erl-nl-p { font-size: 14.5px !important; color: #4a4a52; margin: 0 !important; padding: 0 !important; }
@media (max-width: 760px) { .erl-nl-box { grid-template-columns: 1fr; } }

/* Titre du hero cliquable */
.erl-home .eh-hero-link { color: var(--erl-black) !important; transition: color .2s; }
.erl-home .eh-hero-link:hover { color: var(--erl-accent) !important; }

/* ==========================================================================
   PAGE ARTICLE MAGAZINE (.erl-art) — titre, chapô, méta, grande image, colonne de lecture
   ========================================================================== */
body.erl-article #sidebar, body.erl-article .et_post_meta_wrapper { display: none !important; }
body.erl-article #left-area { width: 100% !important; padding: 0 !important; float: none !important; }
body.erl-article #main-content .container { width: 92%; max-width: 1120px; padding-top: 64px; }
body.erl-article #main-content .container:before { display: none !important; }
body.erl-article article.et_pb_post { margin-bottom: 0 !important; }
body.erl-article .entry-content { padding-top: 0 !important; }

.erl-art { --ea-col: 720px; font-family: 'Inter', sans-serif; color: #1b1b20; }
.erl-art .ea-head { max-width: var(--ea-col); margin: 0 auto; }
.erl-art .ea-crumb { font: 600 11.5px 'Poppins', sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--erl-grey); margin-bottom: 18px; }
.erl-art .ea-crumb a { color: var(--erl-grey) !important; box-shadow: none !important; background: none !important; }
.erl-art .ea-crumb a:hover { color: var(--erl-accent) !important; }
.erl-art .ea-crumb span { margin: 0 8px; opacity: .5; }
.erl-art .ea-fmt { display: inline-block; font: 700 10px 'Poppins', sans-serif; letter-spacing: .1em; text-transform: uppercase; padding: 4px 8px; border-radius: 4px; color: #fff; background: var(--erl-black); }
.erl-art .ea-fmt.f-podcast { background: var(--erl-blue); } .erl-art .ea-fmt.f-inside { background: var(--erl-accent); } .erl-art .ea-fmt.f-actu { background: #5a5a62; }
.erl-art h1.ea-title { font-family: 'Poppins', sans-serif !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: -.01em; line-height: 1.06 !important; font-size: clamp(30px, 4.2vw, 46px) !important; color: var(--erl-black); margin: 14px 0 18px; padding: 0; }
.erl-art .ea-lead { font-size: 20px !important; line-height: 1.55 !important; color: #3d3d44; padding: 0 !important; margin: 0 0 24px; }
.erl-art .ea-meta { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; padding: 16px 0; border-top: 1px solid #e7e7e3; border-bottom: 1px solid #e7e7e3; font-size: 13.5px; color: var(--erl-grey); }
.erl-art .ea-by b { color: var(--erl-black); font-weight: 600; }
.erl-art .ea-by span { margin: 0 8px; }
.erl-art .ea-share { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.erl-art .ea-share > span { font: 600 11px 'Poppins', sans-serif; letter-spacing: .1em; text-transform: uppercase; margin-right: 4px; }
.erl-art .ea-share a, .erl-art .ea-share button { font: 600 12px 'Poppins', sans-serif; border: 1.5px solid #dcdcd6; border-radius: 30px; padding: 6px 12px; color: var(--erl-black) !important; background: #fff !important; cursor: pointer; box-shadow: none !important; transition: .2s; }
.erl-art .ea-share a:hover, .erl-art .ea-share button:hover { border-color: var(--erl-accent); color: var(--erl-accent) !important; }

.erl-art .ea-hero { margin: 36px auto 44px; max-width: 1120px; }
.erl-art .ea-hero img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: 14px; display: block; }

/* Colonne de lecture */
.erl-art .ea-body { max-width: var(--ea-col); margin: 0 auto; font-size: 18px; line-height: 1.75; }
.erl-art .ea-body p { font-size: 18px !important; line-height: 1.75 !important; padding: 0 0 1.1em !important; color: #26262c; }
.erl-art .ea-body h2 { font-family: 'Poppins', sans-serif !important; font-weight: 800 !important; text-transform: uppercase; font-size: 24px !important; line-height: 1.15 !important; margin: 1.8em 0 .6em; padding: 0 !important; color: var(--erl-black); }
.erl-art .ea-body h2::after { display: none !important; }
.erl-art .ea-body a { color: var(--erl-accent-dark) !important; box-shadow: inset 0 -2px 0 rgba(226,58,114,.35) !important; text-decoration: none; }
.erl-art .ea-body a:hover { background: rgba(226,58,114,.1) !important; }
.erl-art .ea-body blockquote { border: 0 !important; border-left: 4px solid var(--erl-accent) !important; background: none !important; margin: 1.6em 0 !important; padding: 2px 0 2px 24px !important; }
.erl-art .ea-body blockquote::before, .erl-art .ea-body blockquote::after { display: none !important; }
.erl-art .ea-body blockquote p { font: 600 21px/1.5 'Poppins', sans-serif !important; color: var(--erl-black); padding: 0 !important; }
.erl-art .ea-body figure { margin: 2em -60px; }
.erl-art .ea-body figure img { width: 100%; height: auto; border-radius: 10px; }
.erl-art .ea-body figcaption { font-size: 13.5px; color: var(--erl-grey); padding: 8px 60px 0; }
.erl-art .ea-body iframe[src*="youtube"], .erl-art .ea-body .fluid-width-video-wrapper { border-radius: 12px; overflow: hidden; margin: 1em 0 1.4em; }
.erl-art .ea-body em { color: #55555c; }
.erl-art .ea-end { max-width: var(--ea-col); margin: 28px auto 0; padding-top: 18px; border-top: 1px solid #e7e7e3; display: flex; justify-content: flex-end; }
.erl-art .erl-nl-box { max-width: var(--ea-col); margin-left: auto; margin-right: auto; }

/* À lire aussi */
.erl-art .ea-related { margin: 64px 0 24px; padding-top: 40px; border-top: 4px solid var(--erl-black); }
.erl-art .ea-related h2.eh-h { font-size: 28px !important; margin-bottom: 22px !important; }
.erl-art .ea-rel-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }

@media (max-width: 860px) {
  .erl-art .ea-body figure { margin: 2em 0; } .erl-art .ea-body figcaption { padding: 8px 0 0; }
  .erl-art .ea-rel-grid { grid-template-columns: 1fr; }
  .erl-art .ea-lead { font-size: 18px !important; }
  .erl-art .ea-meta { flex-direction: column; align-items: flex-start; }
}

/* Articles au nouveau gabarit : on ne garde que la barre de menu de l'en-tête Divi (le bandeau titre/résumé ferait doublon) */
body.erl-article .et-l--header .et_pb_section_1_tb_header,
body.erl-article .et-l--header .et_pb_section_2_tb_header { display: none !important; }
/* Pas d'effet « carte » (ombre, fond, survol) sur l'article lui-même */
body.erl-article article.et_pb_post,
body.erl-article article.et_pb_post:hover { background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; transform: none !important; overflow: visible !important; }


/* ==========================================================================
   PAGES MAGAZINE (erl-pages.php) — hub Actu, Podcast, archives, pages de contenu, pied de page
   ========================================================================== */
body.erl-mag-page #main-content .container { padding-top: 0 !important; }
body.erl-mag-page #main-content, body.erl-mag-page #content-area { background: #fff; }
body.erl-mag-page .et_pb_post { margin-bottom: 0 !important; }
body.erl-mag-page article.page .entry-content { padding-top: 0 !important; }

/* Bandeau d'en-tête sombre pleine largeur */
.erl-home .eg-head { background: var(--erl-black); color: #fff; margin: 0 calc(50% - 50vw) 52px; padding: 64px calc(50vw - 50%) 44px; }
.erl-home .eg-head .eg-in { max-width: 1240px; margin: 0 auto; }
.erl-home .eg-head h1.eh-h { color: #fff !important; font-size: clamp(34px, 5vw, 58px) !important; margin: 6px 0 14px; }
.erl-home .eg-intro { color: #c3c3cb; font-size: 18px !important; line-height: 1.6 !important; max-width: 760px; padding: 0 !important; margin: 0; }
.erl-home .eg-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.erl-home .eg-chips a { font: 600 12px 'Poppins', sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #fff !important; border: 1.5px solid rgba(255,255,255,.22); border-radius: 30px; padding: 7px 15px; transition: .2s; }
.erl-home .eg-chips a:hover { border-color: #fff; }
.erl-home .eg-chips a.on { background: var(--erl-accent); border-color: var(--erl-accent); }
.erl-home .eg-platforms { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 26px; }
.erl-home .eg-platforms span { font: 600 11px 'Poppins', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--erl-accent); margin-right: 6px; }
.erl-home .eg-platforms a { font: 700 12px 'Poppins', sans-serif; color: var(--erl-black) !important; background: #fff; border-radius: 30px; padding: 8px 15px; transition: .2s; }
.erl-home .eg-platforms a:hover { background: var(--erl-accent); color: #fff !important; }
.erl-home .eg-platforms + .eg-chips { margin-top: 18px; }

/* Liste : 1 contenu en grand + grille */
.erl-home .eg-feat { display: grid; grid-template-columns: 1.35fr 1fr; gap: 40px; align-items: center; margin-bottom: 52px; }
.erl-home .eg-feat .eh-thumb { border-radius: 14px; }
.erl-home .eg-feat .eh-ttl { font-size: 30px; line-height: 1.12; font-weight: 800; text-transform: uppercase; }
.erl-home .eg-feat .eh-hook { font-size: 16px; }
.erl-home .eg-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 28px; }
.erl-home .eg-grid .eh-hook { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.erl-home .eg-empty { font-size: 17px; color: var(--erl-grey); padding: 40px 0 !important; }
.erl-home .eg-pager { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 52px; }
.erl-home .eg-pager a, .erl-home .eg-pager span { font: 700 13px 'Poppins', sans-serif; min-width: 40px; height: 40px; display: inline-grid; place-items: center; padding: 0 12px; border-radius: 30px; border: 1.5px solid #e2e2dd; color: var(--erl-black) !important; }
.erl-home .eg-pager a:hover { border-color: var(--erl-accent); color: var(--erl-accent) !important; }
.erl-home .eg-pager span.on { background: var(--erl-black); border-color: var(--erl-black); color: #fff !important; }
.erl-home .eg-pager span.dots { border: 0; min-width: 20px; }
.erl-home .eg-search { display: flex; gap: 8px; max-width: 560px; margin-top: 22px; }
.erl-home .eg-search input { flex: 1; font: 400 16px 'Inter', sans-serif; padding: 13px 18px; border-radius: 30px; border: 0; background: #fff; color: var(--erl-black); }
.erl-home .eg-search button { font: 700 12.5px 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: .05em; padding: 0 22px; border-radius: 30px; border: 0; background: var(--erl-accent); color: #fff; cursor: pointer; }

/* Pages de contenu (Studio, Soutenir, À propos, Contact, Mentions légales…) */
.erl-pg .eg-head { margin-bottom: 56px; padding-bottom: 56px; }
.erl-pg .eg-intro { font-size: 20px !important; color: #d6d6dc; }
.erl-pg .eg-body { max-width: 760px; margin: 0 auto 64px; font-size: 18px; line-height: 1.75; color: #26262c; }
.erl-pg .eg-body p, .erl-pg .eg-body li { font-size: 18px !important; line-height: 1.75 !important; color: #26262c; }
.erl-pg .eg-body p { padding: 0 0 1.1em !important; }
.erl-pg .eg-body h2 { font-family: 'Poppins', sans-serif !important; font-weight: 800 !important; text-transform: uppercase; font-size: 24px !important; line-height: 1.15 !important; margin: 1.6em 0 .6em; padding: 0 !important; color: var(--erl-black); }
.erl-pg .eg-body h2::after { display: none !important; }
.erl-pg .eg-body h3 { font: 700 19px/1.3 'Poppins', sans-serif !important; margin: 1.4em 0 .5em; padding: 0 !important; color: var(--erl-black); text-transform: none; }
.erl-pg .eg-body a:not(.eh-btn) { color: var(--erl-accent) !important; text-decoration: underline !important; text-underline-offset: 3px; }
.erl-pg .eg-body ul { padding-left: 1.2em !important; margin-bottom: 1.1em; }
.erl-pg .eg-body > *:first-child { margin-top: 0; }
.erl-pg .eg-portrait { float: right; width: 38%; margin: 6px 0 20px 32px; }
.erl-pg .eg-portrait img { width: 100%; height: auto; border-radius: 14px; display: block; }
.erl-pg .eg-links { display: flex; flex-wrap: wrap; gap: 10px; clear: both; padding-top: 8px !important; }
.erl-pg .eg-boxes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 8px 0 40px; width: min(1080px, 92vw); position: relative; left: 50%; transform: translateX(-50%); }
.erl-pg .eg-box .eh-btn { white-space: nowrap; }
.erl-pg .eg-box { background: var(--erl-paper); border-radius: 16px; padding: 26px; border-top: 4px solid var(--erl-accent); }
.erl-pg .eg-box h3 { margin-top: 0 !important; }
.erl-pg .eg-box p { font-size: 15.5px !important; padding-bottom: .8em !important; }
.erl-pg .eg-box .eh-btn { padding: 11px 18px; font-size: 11.5px !important; }
.erl-pg .eg-legal p, .erl-pg .eg-legal li { font-size: 15.5px !important; line-height: 1.65 !important; }
.erl-pg .eg-legal h2, .erl-pg .eg-legal h3 { font-size: 18px !important; }

/* Pied de page Magazine (remplace le pied de page Divi) */
.et-l--footer { display: none !important; }
.erl-foot { background: var(--erl-black); color: #b8b8c0; font-family: 'Inter', sans-serif; padding: 64px 0 28px; }
.erl-foot .ef-in { width: 90%; max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; }
.erl-foot .ef-logo { font: 800 24px 'Poppins', sans-serif; text-transform: uppercase; color: #fff !important; letter-spacing: -.01em; }
.erl-foot .ef-brand p { font-size: 14.5px; line-height: 1.6; margin: 12px 0 18px; padding: 0; max-width: 340px; color: #b8b8c0; }
.erl-foot .ef-nl { display: inline-block; font: 700 12px 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: .05em; background: var(--erl-accent); color: #fff !important; padding: 12px 20px; border-radius: 30px; }
.erl-foot .ef-nl:hover { background: var(--erl-accent-dark); }
.erl-foot h4 { font: 600 11px 'Poppins', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #fff; margin: 4px 0 14px; padding: 0; }
.erl-foot ul { list-style: none; margin: 0; padding: 0 !important; }
.erl-foot li { margin: 0 0 9px; padding: 0; }
.erl-foot a { color: #b8b8c0 !important; font-size: 14.5px; text-decoration: none !important; transition: color .2s; }
.erl-foot a:hover { color: #fff !important; }
.erl-foot .ef-bot { width: 90%; max-width: 1240px; margin: 48px auto 0; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 13px; }
.erl-foot .ef-bot a { font-size: 13px; }

@media (max-width: 980px) {
  .erl-home .eg-feat { grid-template-columns: 1fr; gap: 20px; }
  .erl-home .eg-grid { grid-template-columns: 1fr 1fr; }
  .erl-pg .eg-boxes { grid-template-columns: 1fr; }
  .erl-foot .ef-in { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .erl-home .eg-head { padding-top: 44px; padding-bottom: 32px; margin-bottom: 36px; }
  .erl-home .eg-grid { grid-template-columns: 1fr; }
  .erl-home .eg-feat .eh-ttl { font-size: 23px; }
  .erl-pg .eg-portrait { float: none; width: 100%; margin: 0 0 24px; }
  .erl-foot .ef-in { grid-template-columns: 1fr; }
}

/* Anciens articles construits avec Divi Builder : même gabarit que les nouveaux */
body.erl-article #main-content { background: #fff !important; }
.erl-art .ea-divi { max-width: 1120px; }
.erl-art .ea-divi .et-l--post, .erl-art .ea-divi .et_builder_inner_content { background: none !important; }
.erl-art .ea-divi .et_pb_section { padding: 0 !important; margin: 0 !important; background: none !important; }
.erl-art .ea-divi .et_pb_row { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
.erl-art .ea-divi .et_pb_column { margin: 0 !important; width: 100% !important; float: none !important; }
.erl-art .ea-divi .et_pb_module { margin-bottom: 0 !important; }
.erl-art .ea-divi .et_pb_video, .erl-art .ea-divi .et_pb_image { max-width: 1120px; margin: 36px auto 44px !important; border-radius: 14px; overflow: hidden; }
.erl-art .ea-divi .et_pb_image img { border-radius: 14px; }
.erl-art .ea-divi .et_pb_text, .erl-art .ea-divi .et_pb_heading, .erl-art .ea-divi .et_pb_code, .erl-art .ea-divi .et_pb_divider { max-width: 720px; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; background: none !important; box-shadow: none !important; }
.erl-art .ea-divi .et_pb_text, .erl-art .ea-divi .et_pb_text p, .erl-art .ea-divi .et_pb_text li { color: #26262c !important; font-family: 'Inter', sans-serif !important; font-size: 18px !important; line-height: 1.75 !important; text-align: left !important; }
.erl-art .ea-divi .et_pb_text h3, .erl-art .ea-divi .et_pb_text h4, .erl-art .ea-divi .et_pb_heading .et_pb_module_header { font-family: 'Poppins', sans-serif !important; font-weight: 800 !important; text-transform: uppercase; color: var(--erl-black) !important; font-size: 21px !important; line-height: 1.2 !important; margin: 1.6em 0 .6em !important; padding: 0 !important; text-align: left !important; }
.erl-art .ea-divi .et_pb_text a { color: var(--erl-accent) !important; text-decoration: underline; text-underline-offset: 3px; word-break: break-word; }
.erl-art .ea-divi .et_pb_image .et_pb_image_wrap + * , .erl-art .ea-divi .et_pb_image_caption { font-size: 14px; color: var(--erl-grey); }
.erl-art .ea-divi .et_pb_divider { display: none; }
.erl-art .ea-divi .et_pb_video, .erl-art .ea-divi .et_pb_image, .erl-art .ea-divi .et_pb_image_wrap { box-shadow: none !important; }
.erl-art .ea-divi h2::after, .erl-art .ea-divi h3::after, .erl-art .ea-divi h4::after { display: none !important; content: none !important; }
/* En-tête : encre unie sur toutes les pages (le Theme Builder applique un dégradé gris) */
.et-l--header div.et_pb_section.et_pb_section_0_tb_header { background-color: var(--erl-black) !important; background-image: none !important; }

/* ==========================================================================
   LOGOS OFFICIELS (uploads/2026/09) — en-tête, pied de page, sous-marques
   ========================================================================== */
.et-l--header .et_pb_menu__logo img, .et-l--header .et_pb_menu__logo-wrap img { max-height: 46px !important; width: auto !important; }
.erl-foot .ef-logo img { width: 120px; height: auto; display: block; }
.erl-home .eg-head.has-logo .eg-in { display: grid; grid-template-columns: auto 1fr; column-gap: 40px; align-items: start; }
.erl-home .eg-head.has-logo .eg-logo { grid-row: 1 / span 6; width: 170px; height: auto; margin-top: 4px; }
.erl-home .eg-head.has-logo .eg-in > *:not(.eg-logo) { grid-column: 2; }
.erl-home .eh-nl .eh-nl-logo { display: block; width: 150px; height: auto; margin-bottom: 18px; }
@media (max-width: 760px) {
  .erl-home .eg-head.has-logo .eg-in { grid-template-columns: 1fr; }
  .erl-home .eg-head.has-logo .eg-logo { grid-row: auto; width: 120px; margin-bottom: 18px; }
  .erl-home .eg-head.has-logo .eg-in > *:not(.eg-logo) { grid-column: 1; }
  .erl-home .eh-nl .eh-nl-logo { width: 120px; }
}

/* Bandeau de consentement (erl-consent.php) — Refuser et Accepter à égalité */
.erl-consent { position: fixed; left: 20px; bottom: 20px; z-index: 100000; max-width: 460px; background: #0D0D10; color: #d6d6dc; border-radius: 16px; padding: 22px 22px 18px; box-shadow: 0 12px 40px rgba(0,0,0,.35); font: 400 14px/1.55 'Inter', sans-serif; }
.erl-consent[hidden] { display: none; }
.erl-consent p { margin: 0 0 14px; padding: 0; color: #d6d6dc; font-size: 14px; }
.erl-consent strong { display: block; font: 800 16px 'Poppins', sans-serif; text-transform: uppercase; color: #fff; margin-bottom: 6px; }
.erl-consent a { color: #fff !important; text-decoration: underline; }
.erl-consent-btns { display: flex; gap: 10px; }
.erl-consent-btns button { flex: 1; font: 700 12.5px 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: .05em; padding: 12px 16px; border-radius: 30px; cursor: pointer; border: 1.5px solid #fff; background: #fff; color: #0D0D10; }
.erl-consent-btns button:hover, .erl-consent-btns button:focus-visible { background: #E23A72; border-color: #E23A72; color: #fff; outline: none; }
@media (max-width: 560px) { .erl-consent { left: 10px; right: 10px; bottom: 10px; max-width: none; } }
.erl-foot .ef-bot button.ef-cookies { background: none; border: 0; padding: 0; color: #b8b8c0; font: inherit; font-size: 13px; cursor: pointer; text-decoration: underline; }

/* ==========================================================================
   ACCESSIBILITÉ — contrastes WCAG AA (≥ 4,5:1 pour le texte)
   Sur fond clair : rose #C92C62 (5,2:1) et bleu #2B63C9 (5,6:1).
   Sur fond sombre : le rose vif #E23A72 reste (4,7:1 sur l'encre).
   ========================================================================== */
:root { --erl-accent: #C92C62; --erl-accent-dark: #A8214F; --erl-blue: #2B63C9; }
.erl-pk { --pk-pink: #C92C62; --pk-blue: #2B63C9; }
.et-l--header, .erl-home .eg-head, .erl-home .eh-band, .erl-home .eh-nl, .erl-foot, .erl-consent,
.erl-pk .pk-hero, .erl-pk .pk-card.dark, .erl-pk .pk-case, .erl-pk .pk-results, .erl-pk .pk-contact {
  --erl-accent: #E23A72; --erl-accent-dark: #C92C62; --pk-pink: #E23A72;
}
/* Focus clavier visible partout */
a:focus-visible, button:focus-visible, input:focus-visible, .eh-card:focus-visible { outline: 3px solid #E23A72 !important; outline-offset: 3px; border-radius: 4px; }

/* Mention de collaboration commerciale (méta _erl_partner) — visible avant la lecture */
.erl-art .ea-disclosure { display: inline-block; font: 600 12px 'Poppins', sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #0D0D10; background: #F6F5F2; border-left: 4px solid var(--erl-accent); padding: 8px 12px; margin: 0 0 18px !important; }