/* Dark theme - blog index page */
@import url("./theme-dark-panneaux-solaires.css");

/* Blog hero readability over video */
body.theme-dark .blog-banner-overlay{
  background:linear-gradient(90deg, rgba(11,15,16,.85) 13.1%, rgba(11,15,16,.45) 60%, rgba(11,15,16,.20) 100%) !important;
}

body.theme-dark .blog-banner-section .breadcum-list h1,
body.theme-dark .blog-banner-section .breadcum-list ul,
body.theme-dark .blog-banner-section .breadcum-list a{
  color:#ffffff !important;
}

/* Blog intro titles in white/green style */
body.theme-dark .service-details .section-title-center.v2 h6{
  color:#ffffff !important;
}

body.theme-dark .service-details .section-title-center.v2 h2{
  color:#07bc4c !important;
  text-shadow:
    0 0 6px rgba(7,188,76,.55),
    0 0 14px rgba(7,188,76,.35);
}

/* Filter chips */
body.theme-dark .articles-filter-bar .filter-btn{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  color:#e7eef0;
}

body.theme-dark .articles-filter-bar .filter-btn.active,
body.theme-dark .articles-filter-bar .filter-btn:hover{
  background:#07bc4c;
  border-color:#07bc4c;
  color:#ffffff;
}

/* Article cards readability */
body.theme-dark .articles-grid .blog-card{
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

body.theme-dark .articles-grid .blog-card .text-6 a{
  color:#e7eef0 !important;
}

body.theme-dark .articles-grid .blog-card .text-para-4{
  color:#cbd6da !important;
}

/* Keep CTA style consistent with header button */
body.theme-dark .articles-grid .blog-card a.link-anime.v4.round-border-full{
  background:#07bc4c;
  border-color:#07bc4c;
  color:#ffffff !important;
}

body.theme-dark .articles-grid .blog-card a.link-anime.v4.round-border-full i{
  background:#ffffff;
  color:#8a949c;
  width:42px;
  height:42px;
  line-height:42px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

body.theme-dark .articles-grid .blog-card a.link-anime.v4.round-border-full:hover{
  color:#ffffff !important;
}

/* Footer all white */
body.theme-dark footer,
body.theme-dark footer :where(p,span,small,strong,em,b,li,ul,ol,h1,h2,h3,h4,h5,h6,a){
  color:#ffffff !important;
}