/* Dark theme (homepage test) – scoped to body.theme-dark */
@import url("./theme-dark-mobile-nav.css");

body.theme-dark{
  /* Re-map the template color system */
  --color-white:#0b0f10;
  --color-white2:#10181b;
  --color-black:#e7eef0;
  --color-black2:#b8c4c8;
  --color-black3:#d7e0e3;
  --color-black4:#cbd6da;
  --color-gBlack:#223035;

  /* Keep brand accents */
  --color-mint:#80cb2e;
  --color-deepTealGreen:#2a514c;
  --color-deepTealGreen2:#2aa78c;
  --color-deepTealGreen3:#254340;
  --color-deepTealGreen4:#355a55;

  color-scheme: dark;
}

body.theme-dark{
  background:var(--color-white);
}

/* Top bar */
body.theme-dark .top-bar.v1{
  background:rgba(11,15,16,.92);
  border-bottom:1px solid rgba(255,255,255,.06);
}

body.theme-dark .top-bar.v1 .text-light,
body.theme-dark .top-bar.v1 a.text-light{
  color:var(--color-black) !important;
}

/* Header + nav */
body.theme-dark .menu-bar.v1,
body.theme-dark .menu-bar.v2{
  background:rgba(11,15,16,.92);
  backdrop-filter:saturate(120%) blur(10px);
  -webkit-backdrop-filter:saturate(120%) blur(10px);
}

body.theme-dark .menu-bar.v1.sticky-header,
body.theme-dark .menu-bar.v2.sticky-header{
  box-shadow:0 8px 30px rgba(0,0,0,.45);
}

body.theme-dark .main-menu > ul > li > a{
  color:var(--color-black);
}

body.theme-dark .main-menu ul ul{
  background:var(--color-white2);
  border:1px solid rgba(255,255,255,.06);
}

body.theme-dark .main-menu ul ul a{
  color:var(--color-black);
}

/* Sections / cards */
body.theme-dark .our-service.v1,
body.theme-dark .news-blog.v1,
body.theme-dark .about-us.v1,
body.theme-dark .work-process.v1,
body.theme-dark .our-project.v2{
  background:transparent;
}

body.theme-dark .our-service.v1 .service-card,
body.theme-dark .work-process.v1 .work-process-card,
body.theme-dark .news-blog.v1 .blog-card,
body.theme-dark .accordion-main li,
body.theme-dark .sidebar__wrapper .sidebar__widget-head,
body.theme-dark .sidebar__wrapper .sidebar__widget-content,
body.theme-dark .testimonial.v1 .slider{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

body.theme-dark .our-service.v1 .service-card:hover,
body.theme-dark .our-service.v2 .service-card:hover,
body.theme-dark .our-service.v3 .service-card:hover::before{
  background:rgba(255,255,255,.05);
}

/* Service cards hover: keep text readable like blog cards */
body.theme-dark .our-service.v1 .service-card{
  transition:transform .25s ease, box-shadow .25s ease, background-color .25s ease, border-color .25s ease;
}

body.theme-dark .our-service.v1 .service-card:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
  box-shadow:0 18px 44px rgba(0,0,0,.55);
  transform:translateY(-4px);
}

body.theme-dark .our-service.v1 .service-card:hover .text-6,
body.theme-dark .our-service.v1 .service-card:hover .text-6 a,
body.theme-dark .our-service.v1 .service-card:hover .text-para-3{
  color:var(--color-mint) !important;
}

/* About badge "17+ années..." : subtitle in white like the number */
body.theme-dark .about-us.v1 .box-imgs .experience .text-para-3{
  color:var(--color-black) !important;
}

/* Signature block: same green as header CTA */
body.theme-dark .signature p{
  color:#07bc4c !important;
}

/* Section title "Nos Services" */
body.theme-dark .our-service.v1 .section-title-center.v2 h6{
  color:#ffffff !important;
}

body.theme-dark .our-service.v1 .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);
}

/* Section titles in green */
body.theme-dark .work-process.v1 .section-title-center.v1 h2,
body.theme-dark .news-blog.v1 .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);
}

body.theme-dark .work-process.v1 .section-title-center.v1 h6,
body.theme-dark .news-blog.v1 .section-title-center.v2 h6{
  color:#ffffff !important;
}

/* About section small title */
body.theme-dark .about-us.v1 .section-title.v1 h6{
  color:#ffffff !important;
}

/* Work process: on hover, make "Étape - 0X" label white */
body.theme-dark .work-process.v1 .work-process-card:hover .text-para-4{
  color:#ffffff !important;
}

/* Work process: keep "Étape - 0X" label always white */
body.theme-dark .work-process.v1 .work-process-card .icon-step .text-para-4{
  color:#ffffff !important;
}

/* Banner CTA over video: keep static + white text */
body.theme-dark a.banner-cta{
  color:#ffffff !important;
  will-change:auto;
  background:#07bc4c !important;
  border-color:#07bc4c !important;
}

body.theme-dark a.banner-cta:hover,
body.theme-dark a.banner-cta:focus{
  color:#ffffff !important;
  background:#07bc4c !important;
  border-color:#07bc4c !important;
  transform:translate(-50%) !important;
}

@media (min-width: 768px){
  body.theme-dark a.banner-cta{
    transform:translate(-50%) !important;
  }
}

/* About section "En savoir plus" button: same as header CTA */
body.theme-dark .about-us.v1 a.link-anime.v1.round-border-full{
  background:#07bc4c;
  border-color:#07bc4c;
  color:#ffffff !important;
  box-shadow:0 10px 28px rgba(7,188,76,.20);
}

body.theme-dark .about-us.v1 a.link-anime.v1.round-border-full i{
  background:#ffffff;
  color:#8a949c;
}

body.theme-dark .about-us.v1 a.link-anime.v1.round-border-full:hover{
  background:#07bc4c;
  border-color:#07bc4c;
}

/* Blog cards: "GreenSolarSun" label in white for contrast */
body.theme-dark .news-blog.v1 .blog-card-content .post-user{
  color:#ffffff !important;
}

/* Footer: all text white */
body.theme-dark footer{
  color:#ffffff !important;
}

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

/* Keep icon glyph colors untouched unless they are links */
body.theme-dark footer i.my-icon,
body.theme-dark footer i.fab,
body.theme-dark footer i.fas{
  color:inherit;
}

/* Text helpers */
body.theme-dark .color-black,
body.theme-dark .color-black2{
  color:var(--color-black) !important;
}

body.theme-dark .text-para-3,
body.theme-dark .text-para-4,
body.theme-dark .text-para-5{
  color:var(--color-black2);
}

/* Borders that were using light grays */
body.theme-dark .fun-facts.v1 li,
body.theme-dark .news-blog.v1 .blog-card,
body.theme-dark .testimonial.v2 .testimonial-card{
  border-color:rgba(255,255,255,.08);
}

/* Buttons that invert */
body.theme-dark .btn-anime.v1 .num,
body.theme-dark .btn-anime.v1 i,
body.theme-dark .link-anime.v1 .num,
body.theme-dark .link-anime.v1 i,
body.theme-dark .btn-anime.v2:hover i,
body.theme-dark .link-anime.v2:hover i,
body.theme-dark .btn-anime.v3,
body.theme-dark .link-anime.v3,
body.theme-dark .btn-anime.v4,
body.theme-dark .link-anime.v4{
  background:rgba(255,255,255,.06);
}

/* Trusted partners slider: keep white tiles (requested) */
body.theme-dark .our-trusted-partner .swiper-slide{
  background-color:#f6f6f9 !important;
}

/* Scroll-to-top button */
body.theme-dark .scroll-bottom-top.v1{
  background:rgba(255,255,255,.06);
  box-shadow:0 10px 30px rgba(0,0,0,.45);
}

/* Scroll-to-top progress button: increase contrast (colors only) */
body.theme-dark .scroll-bottom-top.v1{
  background:rgba(255,255,255,.12);
}

body.theme-dark .scroll-bottom-top.v1 svg path:first-child{
  stroke:rgba(255,255,255,.28) !important;
}

body.theme-dark .scroll-bottom-top.v1 svg path:nth-child(2){
  fill:#ffffff !important;
}

/* Misc: popup/backdrops */
body.theme-dark .menu-bar.v1 .search-popup,
body.theme-dark .menu-bar.v2 .search-popup{
  background:rgba(0,0,0,.72);
}

/* Header CTA: match screenshot (green pill + white circle icon) */
body.theme-dark .menu-right > a.link-anime.v1.round-border-full{
  background:#07bc4c;
  border-color:#07bc4c;
  color:#ffffff;
  box-shadow:0 10px 28px rgba(7,188,76,.28);
}

body.theme-dark .menu-right > a.link-anime.v1.round-border-full i{
  background:#ffffff;
  color:#8a949c;
}

body.theme-dark .menu-right > a.link-anime.v1.round-border-full:hover{
  background:#06a03d;
  border-color:#06a03d;
}

/* "En savoir plus" CTAs: same green as header button */
body.theme-dark a.link-anime.v4.round-border-full{
  background:#07bc4c;
  border-color:#07bc4c;
  color:#ffffff;
  box-shadow:0 10px 28px rgba(7,188,76,.20);
}

body.theme-dark a.link-anime.v4.round-border-full i{
  background:#ffffff;
  color:#8a949c;
}

body.theme-dark a.link-anime.v4.round-border-full:hover{
  background:#06a03d;
  border-color:#06a03d;
}