/*
Theme Name: Éveil IA Theme
Author: Maxime Cadieux
Description: Thème WordPress personnalisé pour Éveil IA – rendre l'IA accessible à tous.
Version: 1.0
Text Domain: eveil-ia-theme
*/

/* ------------------------------------------------ */
/* Base */
/* ------------------------------------------------ */
* { margin: 0; padding: 0; box-sizing: border-box; }

:root{
  --primary-dark: #28394A;
  --primary-blue: #42C2D1;
  --secondary-orange: #FBAB5C;
  --white: #FFFFFF;
  --light-gray: #F8FAFC;
  --medium-gray: #E2E8F0;
  --text-gray: #64748B;
}

body{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: var(--primary-dark);
  overflow-x: hidden;
  padding-top: 80px;
}

body a{ color:#42C2D1; text-decoration: underline; }
body a:hover{ color:#FBAB5C; font-weight:bold; text-decoration:none; }

p.list_exemples{margin-bottom:0px; }
ul{ margin-top:0; margin-bottom:25px; }
ul li{ margin-left:75px; }

/* ------------------------------------------------ */
/* Header & Navigation */
/* ------------------------------------------------ */
.header{
  background: var(--white);
  box-shadow: 0 2px 10px rgba(40,57,74,.1);
  position: fixed; top: 0; width: 100%;
  z-index: 1000;
  transition: all .3s ease;
}
.nav-container{
  max-width: 1200px; margin: 0 auto;
  display: flex; 
	justify-content: space-between; 
	align-items: center;
  padding: 1rem 2rem;
}
.logo{
  font-size: 1.9rem !important; font-weight: bold; color: var(--primary-dark);
  text-decoration: none; display: flex; align-items: center; gap: 0rem;
}
.logo .ia{ color: var(--primary-blue); }
.logo-img{ max-height:80px; height:auto; display:block; }
.logo-text{ font-size:2.2rem; font-weight:bold; color:var(--primary-dark); }

.nav-menu{ display:flex; list-style:none; gap:2rem; margin 0px !important; }
.nav-menu a{
  text-decoration:none; color:var(--primary-dark); font-weight:500;
  transition:color .3s ease; position:relative;
}
.nav-menu a:hover{ color:var(--primary-blue); }
.nav-menu a::after{
  content:''; position:absolute; width:0; height:2px; bottom:-5px; left:0;
  background:var(--primary-blue); transition: width .3s ease;
}

.nav-menu a:hover::after{ width:100%; }
ul.nav-menu{margin-bottom:0px !important;}
ul.nav-menu li{margin-left:0px !important;}

.mobile-menu-btn{
  display:none; background:none; border:none; font-size:1.5rem;
  color:var(--primary-dark); cursor:pointer;
}

/*ul #menu-menu-bas-de-page ul li{
	

}*/

/* ------------------------------------------------ */
/* Hero générique */
/* ------------------------------------------------ */
.hero{
  background: linear-gradient(135deg, var(--light-gray) 0%, var(--white) 100%);
  padding: 8rem 2rem 6rem;
  text-align: center;
  margin-top: 80px;
}
.hero-container{ max-width:1200px; margin:0 auto; }

h1{ font-size:3.5rem; margin-bottom:1.5rem; color:var(--primary-dark); line-height:1.2; }
.hero h1{ font-size:4.5rem; margin-bottom:1.5rem; color:var(--primary-dark); line-height:1.2; }
.hero .highlight{ color:var(--primary-blue); }

.hero p{
  font-size:1.3rem; color:var(--text-gray); margin-bottom:3rem;
  max-width:600px; margin-left:auto; margin-right:auto;
}

/* CTA */
.cta-buttons{ display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
.btn{
  padding:1rem 2rem; border:none; border-radius:8px;
  font-size:1.1rem; font-weight:600; text-decoration:none;
  display:inline-flex; align-items:center; gap:.5rem;
  cursor:pointer; transition: transform .3s ease, box-shadow .3s ease;
}
.btn:hover{ transform:translateY(-2px); box-shadow:0 10px 25px rgba(0,0,0,.15); }
.btn-primary{ background:var(--primary-blue); color:var(--white); max-width:50%; }
.btn-secondary{ background:var(--white); color:var(--primary-dark); border:2px solid var(--primary-blue); }

/* ------------------------------------------------ */
/* Sections */
/* ------------------------------------------------ */
.section{ padding:2rem; }
.section-container{ max-width:1200px; margin:0 auto; }
.section-title{ text-align:center; font-size:2.5rem; margin-bottom:1rem; color:var(--primary-dark); }
.section-subtitle{
  text-align:center; font-size:1.2rem; color:var(--text-gray);
  margin-bottom:4rem; max-width:600px; margin-left:auto; margin-right:auto;
}

/* ------------------------------------------------ */
/* About */
/* ------------------------------------------------ */
.about{ background: var(--light-gray); }
.about-content{ display:grid; grid-template-columns: 1fr 2fr; gap:4rem; align-items:center; }
.about-image{ text-align:center; }
.about-image .placeholder{
  width:300px; height:300px; background:var(--primary-blue);
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:4rem; color:#fff; margin:0 auto;
}
.about-text h3{ font-size:1.8rem; margin-bottom:1rem; color:var(--primary-dark); }
.about-text p{ margin-bottom:1.5rem; color:var(--text-gray); font-size:1.1rem; }

/* ------------------------------------------------ */
/* Services */
/* ------------------------------------------------ */
.services-grid{
  display:grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap:2rem; margin-top:3rem;
}
.service-category{
  background:#fff; border-radius:12px; padding:2.5rem;
  box-shadow:0 10px 30px rgba(40,57,74,.1);
  transition: transform .3s ease, box-shadow .3s ease;
}
.service-category:hover{ transform: translateY(-5px); box-shadow:0 20px 40px rgba(40,57,74,.15); }
.service-category h3{
  font-size:1.5rem; margin-bottom:1.5rem; color:var(--primary-dark);
  display:flex; align-items:center; gap:.5rem;
}
.service-category .icon{
  width:40px; height:40px; background:var(--primary-blue); border-radius:8px;
  display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.2rem;
}
.service-list{ list-style:none; }
.service-list li{
  padding:.8rem 0; border-bottom:1px solid var(--medium-gray); color:var(--text-gray);
  display:flex; align-items:center; gap:.5rem;
}
.service-list li:last-child{ border-bottom:none; }
.service-list li i{ color:var(--secondary-orange); }

/* ------------------------------------------------ */
/* Resources */
/* ------------------------------------------------ */
.resources{ background: var(--light-gray); }
.resources-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap:2rem; }
.resource-card{
  background:#fff; border-radius:12px; overflow:hidden;
  box-shadow:0 10px 30px rgba(40,57,74,.1); transition: transform .3s ease;
}
.resource-card:hover{ transform: translateY(-5px); }
.resource-card .card-header{
  height:200px; background:var(--primary-blue); display:flex; align-items:center; justify-content:center;
  font-size:3rem; color:#fff;
}
.resource-card .card-content{ padding:1.5rem; }
.resource-card h4{ font-size:1.3rem; margin-bottom:1rem; color:var(--primary-dark); }
.resource-card p{ color:var(--text-gray); margin-bottom:1.5rem; }

/* ------------------------------------------------ */
/* Testimonials */
/* ------------------------------------------------ */
.testimonials-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap:2rem; }
.testimonial-card{
  background:#fff; padding:2rem; border-radius:12px; box-shadow:0 10px 30px rgba(40,57,74,.1); position:relative;
}
.testimonial-card::before{
  content:'"'; font-size:4rem; color:var(--primary-blue); position:absolute; top:-10px; left:20px; font-family:serif;
}
.testimonial-content{ margin-bottom:1.5rem; color:var(--text-gray); font-style:italic; }
.testimonial-author{ display:flex; align-items:center; gap:1rem; }
.author-avatar{
  width:50px; height:50px; background:var(--secondary-orange); border-radius:50%;
  display:flex; align-items:center; justify-content:center; color:#fff; font-weight:bold;
}
.author-info h5{ color:var(--primary-dark); margin-bottom:.2rem; }
.author-info span{ color:var(--text-gray); font-size:.9rem; }

/* ------------------------------------------------ */
/* Member */
/* ------------------------------------------------ */
.member-section{ background:var(--light-gray); text-align:center; }
.member-login{
  background:#fff; padding:3rem; border-radius:12px; box-shadow:0 10px 30px rgba(40,57,74,.1);
  max-width:500px; margin:0 auto;
}
.member-login h3{ margin-bottom:2rem; color:var(--primary-dark); }
.form-group{ margin-bottom:1.5rem; text-align:left; }
.form-group label{ display:block; margin-bottom:.5rem; color:var(--primary-dark); font-weight:500; }
.form-group input, .form-group select, .form-group textarea{
  max-width:200px; padding:1rem; border:2px solid var(--medium-gray); border-radius:8px; font-size:1rem; transition:border-color .3s ease;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus{ outline:none; border-color:var(--primary-blue); }
.form-group textarea{ resize:vertical; min-height:120px; }

/* ------------------------------------------------ */
/* Contact */
/* ------------------------------------------------ */
.contact-content{ display:grid; grid-template-columns:1fr 1fr; gap:4rem; }
.contact-info h3{ margin-bottom:2rem; color:var(--primary-dark); }
.contact-item{ display:flex; align-items:center; gap:1rem; margin-bottom:1.5rem; }
.contact-item .icon{
  width:50px; height:50px; background:var(--primary-blue); border-radius:50%;
  display:flex; align-items:center; justify-content:center; color:#fff;
}
.contact-item div h4{ color:var(--primary-dark); margin-bottom:.3rem; }
.contact-item div p{ color:var(--text-gray); }
.contact-form{ background:var(--light-gray); padding:2rem; border-radius:12px; }

/* ------------------------------------------------ */
/* Footer */
/* ------------------------------------------------ */
.footer{ background:var(--primary-dark); color:#fff; padding:1rem 2rem 1rem; }
.footer-content{
  max-width:1200px; margin:0 auto; display:grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  margin-bottom:2rem;
}
.footer-section h4{ margin-bottom:1rem; color:var(--primary-blue); }
.footer-section ul{ list-style:none; }
.footer-section ul li{ margin-bottom:.1rem; margin-left: 0px !important; }
.footer-section ul li a{ color:#42C2D1; text-decoration:none; }
.footer-section ul li a:hover{ color:#FBAB5C; font-weight:bold; text-decoration:none; }

img.LogoMedSociaux{ height:15px; }
a.LkMedSociaux{ color:#42C2D1; text-decoration:none; }
a.LkMedSociaux:hover{ color:#FBAB5C; font-weight:bold; text-decoration:none; }

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.1); padding-top:1rem; text-align:center; color:var(--text-gray);
}
.footer-bottom a.LinkPied_page{ color:var(--text-gray); text-decoration:none; font-size:10px; }
a.LinkPied_page:hover{ color:var(--primary-blue) !important; text-decoration:none; }

/* ------------------------------------------------ */
/* Responsive générique */
/* ------------------------------------------------ */
@media (max-width: 768px){
  .mobile-menu-btn{ display:block; }
  .nav-menu{
    display:none; position:absolute; top:100%; left:0; width:100%;
    background:#fff; flex-direction:column; padding:1rem; box-shadow:0 5px 15px rgba(40,57,74,.1);
  }
  .nav-menu.active{ display:flex; }
  .hero h1{ font-size:2.2rem !important; }
  h1{ font-size:2.2rem !important; }
  .hero p{ font-size:1.1rem; }
  .cta-buttons{ flex-direction:column; align-items:center; }
  .about-content{ grid-template-columns:1fr; text-align:center; }
  .contact-content{ grid-template-columns:1fr; }
  .section{ padding:4rem 1rem; }
  .nav-container{ padding:1rem; }
}

/* ------------------------------------------------ */
/* Animations utilitaires */
/* ------------------------------------------------ */
@keyframes fadeInUp{ from{opacity:0; transform:translateY(30px);} to{opacity:1; transform:translateY(0);} }
@keyframes slideInRight{ from{transform:translateX(100%); opacity:0;} to{transform:translateX(0); opacity:1;} }
@keyframes slideOutRight{ from{transform:translateX(0); opacity:1;} to{transform:translateX(100%); opacity:0;} }

/* Utils */
.text-center{ text-align:center; }
.mb-2{ margin-bottom:1rem; }
.mb-3{ margin-bottom:1.5rem; }
.mt-2{ margin-top:1rem; }

/* ------------------------------------------------ */
/* Mes styles divers */
/* ------------------------------------------------ */
.wp-block-button{ margin-bottom:20px !important; }
.wp-block-button .wp-block-button__link{
  color:#fff; text-decoration:none; background-color:var(--primary-blue);
}
.wp-block-button:hover .wp-block-button__link{
  color:#fff; text-decoration:none; background-color:var(--secondary-orange);
}
.wp-block-button.is-style-outline .wp-block-button__link{ color:var(--secondary-orange); }
.wp-block-button.is-style-outline:hover .wp-block-button__link{ color:var(--primary-blue); }

/* ------------------------------------------------ */
/* Blog / Catégories / Hero Article */
/* ------------------------------------------------ */
.blog-hero{
  text-align:center; padding:80px 20px; background:linear-gradient(135deg,#28394A,#42C2D1); color:#fff;
}
.blog-hero h1{ font-size:2.5em; margin-bottom:10px; color:#fff; }
.blog-hero p{ font-size:1.2em; max-width:700px; margin:0 auto; }
.blogH2{ color:#fff; text-align:center; margin-top:20px; background:#42C2D1; }

.blog-categories{
  display:flex; flex-wrap:wrap; justify-content:center; gap:20px; padding:40px 20px; background:#E3FBFE;
}
.blog-categories a{
  flex:1 1 250px; background:#fff; border:1px solid #e0e0e0; border-radius:12px; padding:20px; text-align:center;
  text-decoration:none; color:#28394A; box-shadow:0 2px 4px rgba(0,0,0,.05);
}
.blog-categories a h3{ color:#42C2D1; }

.blog-latest{ padding:60px 20px; max-width:1200px; margin:auto; }
.blog-latest h2{ text-align:center; color:#28394A; }
.blog-latest div{ margin-top:40px; }
.blog-latest div ul li{
	margin-bottom:25px;
}

/* Hero catégorie / article */
#blog-hero-cat{ text-align:center; padding:80px 20px; position: relative; }
#blog-hero-cat h1{ font-size:2.5em; margin-bottom:10px; color:#fff; }
#blog-hero-cat p{ font-size:1.2em; max-width:700px; margin:0 auto; }

/* Breadcrumbs */
.breadcrumb-wrap{ margin-top:10px; margin-bottom:10px; }
.eia-breadcrumb{ font-size:.95rem; margin-bottom:12px; }
.eia-breadcrumb ol{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:6px; }
.eia-breadcrumb li{ color:var(--text-gray); }
.eia-breadcrumb li a{ text-decoration:none; }
.eia-breadcrumb li::after{ content:"›"; margin:0 6px; color:var(--text-gray); }
.eia-breadcrumb li:last-child::after{ content:""; }

.eia-breadcrumb-article li::after{ content:"›"; margin:0 6px; color:#fff; }
#blog-hero-cat .eia-breadcrumb-article{ display:flex; justify-content:center; }
#blog-hero-cat .eia-breadcrumb-article ol{
  display:flex; justify-content:center; gap:6px; list-style:none !important; padding-left:0; margin:0; counter-reset:none;
}
#blog-hero-cat .eia-breadcrumb-article li,
#blog-hero-cat .eia-breadcrumb-article li a,
#blog-hero-cat .eia-breadcrumb-article li::after{ color:#fff; list-style:none !important; }
#blog-hero-cat .eia-breadcrumb-article li::marker{ content:''; }
#blog-hero-cat .hero-article-title{ margin-bottom:8px; }

/* Accents */
#posts_categories_display{ display:flex; flex-direction:column; gap:14px; padding:40px 20px; }
#posts_categories_display a{
  display:block; flex:0 0 auto; width:100%; border:1px solid #e0e0e0; border-radius:12px; padding:20px; text-align:left;
  text-decoration:none; color:#28394A; box-shadow:0 2px 4px rgba(0,0,0,.05);
}
#posts_categories_display a:hover{ border:2px solid #e0e0e0; box-shadow:0 4px 8px rgba(0,0,0,.05); }
.blog-hero-ia{ background:linear-gradient(135deg,#28394A,#42C2D1); color:#fff; }
.parent-classes-ia{ background:#E3FBFE; }
.parent-classes-ia a{ background:#fff; }
.parent-classes-ia a h3{ color:#42C2D1; }
.blog-hero-referencement{ background:linear-gradient(135deg,#8E0E2B,#F8394A); color:#fff; }
.parent-classes-referencement{ background:#FFE6EA; }
.parent-classes-referencement a{ background:#fff; }
.parent-classes-referencement a h3{ color:#F8394A; }
.blog-hero-cryptomonnaies{ background:linear-gradient(135deg,#C96722,#FBAB5C); color:#fff; }
.parent-classes-cryptomonnaies{ background:#FFF3E9; }
.parent-classes-cryptomonnaies a{ background:#fff; }
.parent-classes-cryptomonnaies a h3{ color:#C96722; }

/* === Sous-catégories – Titre + date + étoiles (sans compteur) === */
#posts_categories_display h3.cat-card-title{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 6px 0;
  line-height:1.15;
}
#posts_categories_display .eia-date{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  font-weight:normal;
}
#posts_categories_display .eia-date .label{
  font-size:12px;           /* plus petit que la date */
  color: var(--text-gray);
  line-height:1;
}
#posts_categories_display .eia-date time{
  font-size:12px;           /* plus petit que la date */
  line-height:1;
}
#posts_categories_display .eia-archive-stars{
  display:inline-flex;
  gap:2px;
  line-height:1;
  vertical-align:middle;
}
#posts_categories_display .eia-archive-stars .on{  color: var(--secondary-orange, #FBAB5C); }
#posts_categories_display .eia-archive-stars .off{ color: #c8cfd9; }

/* ------------------------------------------------ */
/* Article (mise en page) */
/* ------------------------------------------------ */
/*article.single-article ul{ margin-top:0; }
article.single-article ul li{ margin-left:75px; } */
article.single-article p{ margin-top:25px; }
article.single-article h2{ margin-top:50px; }
article.single-article img.wp-image-614{ display:block; margin-left:auto; margin-right:auto; max-width:100%; height:auto; }


/* ------------------------------------------------ */
/* Image dans un article (mise en page à droite) */
/* ------------------------------------------------ */
/* Image alignée à droite, texte à gauche */
.wp-block-image.img-droite{
  float: right;
  clear: right;
  max-width: 44%;
  margin: 0 0 16px 24px;
}
.wp-block-image.img-droite img{
  display: block;
  width: 100%;
  height: auto;
}

/* Variante: image alignée à gauche */
.wp-block-image.img-gauche{
  float: left;
  clear: left;
  max-width: 44%;
  margin: 0 24px 16px 0;
}
.wp-block-image.img-gauche img{
  display: block;
  width: 100%;
  height: auto;
}

/* Sur mobile: repasse en pile */
@media (max-width: 900px){
  .wp-block-image.img-droite,
  .wp-block-image.img-gauche{
    float: none;
    max-width: 100%;
    margin: 0 0 20px 0;
  }
}


/* ------------------------------------------------ */
/* Bouton “retour en haut” */
/* ------------------------------------------------ */
html{ scroll-behavior:smooth; }
.scroll-target{ scroll-margin-top: 90px; }

.back-to-top{
  position:fixed; right:20px; bottom:24px; z-index:1100; width:44px; height:44px; border-radius:999px;
  display:none; align-items:center; justify-content:center; text-decoration:none; font-size:22px; line-height:1; color:#fff;
  background:linear-gradient(135deg,#28394A,#42C2D1); box-shadow:0 10px 25px rgba(0,0,0,.18); transition: opacity .25s, transform .25s;
}
.back-to-top.show{ display:inline-flex; opacity:1; transform:translateY(0); }
.back-to-top:active{ transform:translateY(1px); }
.top--referencement .back-to-top{ background:linear-gradient(135deg,#8E0E2B,#F8394A); }
.top--cryptomonnaies .back-to-top{ background:linear-gradient(135deg,#C96722,#FBAB5C); }

/* ------------------------------------------------ */
/* HERO RATING – version compacte */
/* ------------------------------------------------ */
#blog-hero-cat.hero-anchor{ position:relative; z-index:1; }

/* Carte compacte (coin bas-droit) */
.hero-rating{
  position:absolute; bottom:5px; right:5px; z-index:9; display:inline-block; text-align:center;
  background:rgba(40,57,74,.9); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  max-width:none; padding:6px 10px; border-radius:14px; color:#fff; box-shadow:0 6px 18px rgba(0,0,0,.18);
}

/* Supprimer marges/paddings du plugin + resserrer l’ensemble */
.hero-rating .wpd-rating-wrap,
.hero-rating .wpd-rating-data{
  display:flex !important; flex-direction:column; align-items:center;
  gap:2px; line-height:1 !important; padding:0 !important; margin:0 !important;
}
/* Supprime toute marge résiduelle des enfants */
.hero-rating .wpd-rating-data > *{ margin:0 !important; padding:0 !important; }
/* Masque les wrappers inutiles */
.hero-rating .wpd-rating-value, .hero-rating .wpd-rating-info{ display:none !important; }

/* Titre */
.hero-rating .wpd-rating-title{ font-weight:600; font-size:12px; line-height:1; margin:0 !important; color:#fff; }
/* Étoiles */
.hero-rating .wpd-rating-stars{ display:block; margin:0 !important; padding:0 !important; line-height:1; }
.hero-rating .wpd-rating-stars svg{ width:15px; height:15px; }
.hero-rating .wpd-rating-stars svg .wpd-star{ fill:#ddd; }
.hero-rating .wpd-rating-stars svg .wpd-active{ fill: var(--secondary-orange); }

/* Ligne étoiles – compteur */
.hero-row{ display:flex; align-items:center; justify-content:center; gap:6px; white-space:nowrap; line-height:1 !important; margin:0 !important; padding:0; }
.hero-sep{ opacity:.85; }
.hero-count{ font-size:10px; line-height:1; }
.wp-block-latest-posts .post-meta-rating .hero-count{ font-size:12px; opacity:.85; }

/* CTA */
.hero-rating-cta{
  display:inline-block; margin-top:0 !important; color:#fff; text-decoration:none;
  border-bottom:2px solid rgba(255,255,255,.9); line-height:1.1; font-size:10px;
}
.hero-rating-cta:hover, .hero-rating-cta:focus{ color:var(--secondary-orange); border-bottom-color:var(--secondary-orange); }

/* ------------------------------------------------ */
/* wpDiscuz : garder seulement le rating en bas */
/* ------------------------------------------------ */
#comments #wpd-post-rating{ margin-top:16px; }

/* Masquer liste/entête/formulaire/pagination des commentaires */
.single-post #wpd-threads,
.single-post .wpd-thread-head,
.single-post .wpd-comment-info-bar,
.single-post .wpd-comment-form,
.single-post .wpd-form-wrapper,
.single-post .wpdiscuz-comment-pagination{ display:none !important; }

/* Conserver l’ancre #wpdcom pour le scroll, mais sans hauteur visible */
.single-post #wpdcom{
  height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border:0 !important;
}

/* Centrer le bloc “Évaluation de l’article” en bas */
.single-post #comments{ text-align:center; }
.single-post #comments #wpd-post-rating{ display:inline-block; margin:16px auto 0; }
.single-post #comments #wpd-post-rating .wpd-rating-left,
.single-post #comments #wpd-post-rating .wpd-rating-right{ float:none !important; }
.single-post #comments #wpd-post-rating .wpd-rating-wrap,
.single-post #comments #wpd-post-rating .wpd-rating-data{
  display:inline-flex !important; align-items:center; gap:8px;
}
.single-post #comments #wpd-post-rating .wpd-rating-stars svg{ width:18px; height:18px; }

/* ====== Latest posts : date + étoiles en puce bleue (ancien) ====== */
.wp-block-latest-posts__post-date{
  display:inline-block;
  margin-right:8px;
  color: var(--text-gray);
  font-size:.95rem;
}
.lp-rating-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#28394A,#42C2D1);
  color:#fff;
  box-shadow:0 8px 18px rgba(40,57,74,.18);
  line-height:1;
}
.lp-rating-chip .eia-stars{
  display:inline-flex;
  letter-spacing:2px;
  font-size:13px;
}
.lp-rating-chip .eia-stars span.on{ color: var(--secondary-orange); }
.lp-rating-chip .eia-stars span.off{ color: #c8cfd9; }
.wp-block-latest-posts .post-meta-rating{
  display:inline-flex;
  margin-left:8px;
}

/* ====== Latest posts : date + étoiles (sans chip) ====== */
.wp-block-latest-posts__list li > a.wp-block-latest-posts__post-title{
  display:block !important;
  margin-bottom:0px; /* rapproché du bloc date */
  line-height: 1 !important;
}
.blog-latest{
  line-height: 1 !important;
}
.wp-block-latest-posts__post-date{
  display:inline-block;
  margin-right:6px;            /* petit espace avant les étoiles */
  color: var(--text-gray);
  font-size:0.85rem;          /* ~14px (2px de moins que 16px) */
  line-height:1 !important;
}
.wp-block-latest-posts__post-date::before{
  content:"Publié le :";
  font-size:0.8em;             /* un peu plus petit que la date */
  opacity:.85;
  margin-right:6px;
}
.post-meta-rating{
  display:inline-flex;
  align-items:center;
  gap:6px;
  vertical-align:middle;
}
.post-meta-rating .eia-stars{
  display:inline-flex;
  letter-spacing:2px;
  font-size:13px;
  line-height:1;
}
.post-meta-rating .eia-stars span.on { color: var(--secondary-orange); }
.post-meta-rating .eia-stars span.off{ color: #c8cfd9; }

/* ------------------------------------------------ */
/* Mobile tweaks */
/* ------------------------------------------------ */
@media (max-width: 480px){
  #blog-hero-cat h1{ font-size: 2.1rem; line-height: 1.2; }
  #blog-hero-cat .hero-pubdate{ bottom: 48px; }
  .hero-rating{ bottom: 8px; right: 8px; }
  .eia-breadcrumb ol{ display:flex; flex-direction:column; align-items:center; gap:4px; }
  .eia-breadcrumb li::after{ content:''; }
  #blog-hero-cat .eia-breadcrumb-article ol{ display:flex; flex-direction:column; align-items:center; gap:4px; }
  #blog-hero-cat .eia-breadcrumb-article li::after{ content:''; }
}