/* Le Castor — Aperçu DA 2.0 — Proposition C « Nuit » (TK-20261006-0811)
   = Proposition B + bleu nuit dominant, polices de la charte (Anton / Glacial Indifference).
   Chargé UNIQUEMENT en mode aperçu ?da2=c (le body porte aussi .da2-b). */

@font-face {
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("anton-latin-400.woff2") format("woff2");
}
@font-face {
  font-family: "Glacial Indifference";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("glacial-indifference-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Glacial Indifference";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("glacial-indifference-bold.woff2") format("woff2");
}

body.da2-c {
  --da2-nuit-2: #273142;
  --da2-titre: "Anton", "Bebas Neue", sans-serif;
  --da2-texte: "Glacial Indifference", "filson-pro", sans-serif;
  --da2-rayures-nuit: repeating-linear-gradient(-60deg, var(--da2-nuit) 0 46px, var(--da2-nuit-2) 46px 92px);
}

/* ---------- Typographie : texte en Glacial Indifference ---------- */
body.da2-c,
body.da2-c p,
body.da2-c li,
body.da2-c a,
body.da2-c span,
body.da2-c label,
body.da2-c input,
body.da2-c select,
body.da2-c textarea,
body.da2-c button,
body.da2-c .btn,
body.da2-c .wpb_text_column,
body.da2-c .title-subtitle,
body.da2-c .title-after_title {
  font-family: var(--da2-texte) !important;
}
body.da2-c .wpb_text_column p,
body.da2-c .title-after_title { letter-spacing: .02em; }
/* un mot mis en valeur dans un titre garde la police du titre */
body.da2-c h1 span,
body.da2-c h2 span,
body.da2-c h3 span,
body.da2-c .woodmart-title-container span,
body.da2-c .da2-surligne { font-family: inherit !important; }
/* textes des cartes artisans (h2/h3 du plugin) : police de texte, casse d'origine */
body.da2-c .castor_user_card :is(h2, h3):not(.castor_user_card_title) {
  font-family: var(--da2-texte) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* ---------- Titres : Anton (remplace la condensée de l'aperçu B) ---------- */
body.da2-b.da2-c h1,
body.da2-b.da2-c .main-page-wrapper h2:not([class*="castor_"]),
body.da2-b.da2-c .woodmart-title-container,
body.da2-b.da2-c .da2-titre,
body.da2-b.da2-c .castor_user_card_title,
body.da2-b.da2-c .castor_user_page_title,
body.da2-b.da2-c .castor-domains-showcase-title h2,
body.da2-b.da2-c .blog-post-loop .entry-title,
body.da2-b.da2-c .castor_searchhome_select_domain_title,
body.da2-b.da2-c .castor_searchhome_select_location_title,
body.da2-b.da2-c .page-title .entry-title,
body.da2-b.da2-c .da2-ne-titre,
body.da2-b.da2-c .da2-ne-carte-titre {
  font-family: var(--da2-titre) !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: .01em;
  line-height: 1.08 !important;
}
body.da2-b.da2-c .da2-titre { font-size: calc(var(--da2-fs, 40px) * 1.15) !important; }
body.da2-b.da2-c .castor_user_card_title { font-size: 28px !important; }
body.da2-b.da2-c .castor_user_page_title { font-size: 44px !important; }
body.da2-b.da2-c .blog-post-loop .entry-title { font-size: 24px !important; }
body.da2-b.da2-c .castor_searchhome_select_domain_title,
body.da2-b.da2-c .castor_searchhome_select_location_title { font-size: 24px !important; }

/* ---------- En-tête Nuit : variante « foncé » (body.da2-c-entete-fonce, TK-0817) ---------- */
body.da2-c.da2-c-entete-fonce .whb-general-header {
  background-color: var(--da2-nuit) !important;
  background-image: none !important;
  border-bottom: 0 !important;
}
body.da2-c .whb-general-header::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 8px;
  background: var(--da2-ruban);
}
body.da2-c .whb-general-header { position: relative; }
body.da2-c.da2-c-entete-fonce .whb-general-header,
body.da2-c.da2-c-entete-fonce .whb-general-header .whb-col-left,
body.da2-c.da2-c-entete-fonce .whb-general-header .wd-header-text,
body.da2-c.da2-c-entete-fonce .whb-general-header p,
body.da2-c.da2-c-entete-fonce .whb-general-header h3,
body.da2-c.da2-c-entete-fonce .whb-general-header span { color: #fff !important; }
body.da2-c.da2-c-entete-fonce .whb-general-header .wd-tools-icon,
body.da2-c.da2-c-entete-fonce .whb-general-header .wd-tools-icon::before,
body.da2-c.da2-c-entete-fonce .whb-general-header .woodmart-burger-icon,
body.da2-c.da2-c-entete-fonce .whb-general-header .mobile-nav-icon,
body.da2-c.da2-c-entete-fonce .whb-general-header .wd-tools-element a,
body.da2-c.da2-c-entete-fonce .whb-general-header .wd-tools-element a::before { color: #fff !important; }
body.da2-c.da2-c-entete-fonce .whb-general-header .wd-tools-icon .wd-tools-inner::before,
body.da2-c.da2-c-entete-fonce .whb-general-header .woodmart-burger::before { background-color: #fff !important; }
/* logo : tampon blanc (le logo est dessiné en Nuit sur fond transparent) */
body.da2-c .whb-general-header .woodmart-main-logo img,
body.da2-c .whb-general-header .woodmart-sticky-logo img {
  background: #fff;
  border-radius: 50%;
  padding: 6px;
  box-shadow: 0 0 0 3px var(--da2-bleu);
}
/* bouton « Vous êtes artisan ? » : plein bleu */
body.da2-b.da2-c .whb-general-header .btn.btn-color-primary.btn-style-bordered {
  background-color: var(--da2-bleu) !important;
  border-color: var(--da2-bleu) !important;
  color: var(--da2-nuit) !important;
}
body.da2-b.da2-c.da2-c-entete-fonce .whb-general-header .btn.btn-color-primary.btn-style-bordered:hover {
  background-color: #fff !important;
  border-color: #fff !important;
}

/* ---------- Bandeau titre des pages intérieures ---------- */
body.da2-c .page-title {
  position: relative;
  background-color: var(--da2-nuit) !important;
  background-image: var(--da2-rayures-nuit) !important;
}
body.da2-c .page-title::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 10px;
  background: var(--da2-ruban);
}
body.da2-c .page-title .entry-title,
body.da2-c .page-title a,
body.da2-c .page-title .breadcrumbs,
body.da2-c .page-title .breadcrumbs * { color: #fff !important; }

/* ---------- Accueil : hero Nuit ---------- */
body.da2-c .da2-c-hero {
  background-color: var(--da2-nuit) !important;
  background-image: var(--da2-rayures-nuit) !important;
}
body.da2-c .da2-c-hero h1,
body.da2-c .da2-c-hero h2,
body.da2-c .da2-c-hero h3,
body.da2-c .da2-c-hero h4,
body.da2-c .da2-c-hero h5,
body.da2-c .da2-c-hero h6,
body.da2-c .da2-c-hero p,
body.da2-c .da2-c-hero .woodmart-title-container,
body.da2-c .da2-c-hero .castor_searchhome_select_domain_title,
body.da2-c .da2-c-hero .castor_searchhome_select_location_title { color: #fff !important; }
body.da2-c .da2-c-hero .da2-c-accent,
body.da2-c .da2-c-hero .da2-c-accent * { color: var(--da2-bleu) !important; }
body.da2-c .da2-c-hero .da2-surligne { color: #fff !important; }
body.da2-b.da2-c .da2-c-hero button,
body.da2-b.da2-c .da2-c-hero input[type="submit"],
body.da2-b.da2-c .da2-c-hero .btn {
  background-color: var(--da2-bleu) !important;
  border-color: var(--da2-bleu) !important;
  color: var(--da2-nuit) !important;
}
body.da2-c .da2-c-hero select,
body.da2-c .da2-c-hero input[type="text"] {
  border-color: var(--da2-bleu) !important;
  background-color: #fff !important;
  color: var(--da2-nuit) !important;
}
/* la vidéo devient une « carte » posée sur le hero */
body.da2-c .vc_video-bg-container .vc_video-bg {
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(30, 38, 49, .35);
}

/* ---------- Rangées à fond image (parallaxe) remplacées par un fond uni ---------- */
body.da2-c .da2-c-uni .vc_parallax-inner { display: none !important; }
body.da2-c .da2-c-uni { background-image: none !important; }
body.da2-c .da2-c-hero.da2-c-uni { background-image: var(--da2-rayures-nuit) !important; }

/* Fond Nuit à rayures (artisans récemment inscrits) */
body.da2-c .da2-c-nuit {
  background-color: var(--da2-nuit) !important;
  background-image: var(--da2-rayures-nuit) !important;
}
body.da2-c .da2-c-nuit :is(.da2-titre, h1, h2, h3, h4, .woodmart-title-container):not(.castor_user_card *) { color: #fff !important; }
body.da2-c .da2-c-nuit .title-after_title,
body.da2-c .da2-c-nuit .title-subtitle,
body.da2-c .da2-c-nuit > .vc_column_container .wpb_text_column p { color: rgba(255,255,255,.85) !important; }
body.da2-c .da2-c-nuit .castor_user_card { box-shadow: 0 10px 28px rgba(0,0,0,.35); }
body.da2-c .da2-c-nuit .slick-arrow,
body.da2-c .da2-c-nuit .swiper-button-prev,
body.da2-c .da2-c-nuit .swiper-button-next { color: var(--da2-bleu) !important; }

/* Fonds clairs étendus pleine largeur */
body.da2-c .da2-c-glace,
body.da2-c .da2-c-craie {
  box-shadow: 0 0 0 100vmax var(--da2-fond);
  clip-path: inset(0 -100vmax);
  background-color: var(--da2-fond) !important;
}
body.da2-c .da2-c-glace { --da2-fond: var(--da2-glace); }
body.da2-c .da2-c-craie { --da2-fond: var(--da2-craie); }

/* ---------- Cartes « secteurs d'activité » : chiffres en Anton ---------- */
body.da2-c .castor-domain-card { background: #fff !important; }
body.da2-c .castor-domain-card [class*="count"],
body.da2-c .castor-domain-card strong { font-family: var(--da2-titre) !important; font-weight: 400 !important; }

/* ---------- Pied de page Nuit ---------- */
body.da2-c footer.footer-container {
  background-color: var(--da2-nuit) !important;
  background-image: var(--da2-rayures-nuit) !important;
  color: rgba(255,255,255,.8) !important;
}
body.da2-c footer.footer-container p,
body.da2-c footer.footer-container h3,
body.da2-c footer.footer-container h4,
body.da2-c footer.footer-container h5,
body.da2-c footer.footer-container .title,
body.da2-c footer.footer-container .woodmart-title-container,
body.da2-c footer.footer-container a:not(.woodmart-social-icon) { color: #fff !important; }
body.da2-c footer.footer-container img[src*="logo-sticky-le-castor"] {
  background: #fff;
  border-radius: 14px;
  padding: 10px 22px;
}
/* logos partenaires : posés sur une pastille blanche, comme dans la charte */
body.da2-c footer.footer-container .vc_inner .wpb_single_image .vc_single_image-wrapper {
  background: #fff;
  border-radius: 12px;
  padding: 10px 14px;
}
body.da2-c .copyrights-wrapper { background: #151b23 !important; border-top: 0 !important; }

/* ---------- Bandeaux et encarts de l'aperçu B, sur fond Nuit ---------- */
body.da2-c .da2-fond-nuit { background-image: var(--da2-rayures-nuit) !important; }

/* logo : le tampon reste au-dessus du ruban rayé de l'en-tête */
body.da2-c .whb-general-header .woodmart-main-logo img,
body.da2-c .whb-general-header .woodmart-sticky-logo img { max-height: 148px !important; width: auto !important; }
@media (max-width: 1024px) {
  body.da2-c .whb-general-header .woodmart-main-logo img,
  body.da2-c .whb-general-header .woodmart-sticky-logo img { max-height: 76px !important; }
}

@media (max-width: 1024px) {
  body.da2-b.da2-c .da2-titre { font-size: calc(var(--da2-fs, 32px) * 1.1) !important; }
}
@media (max-width: 767px) {
  body.da2-c .whb-general-header .woodmart-main-logo img { padding: 4px; }
  body.da2-b.da2-c .castor_user_page_title { font-size: 34px !important; }
}

/* =====================================================================
   TK-20261006-0817 — retours client sur la proposition C
   ===================================================================== */

/* 1. En-tête CLAIR par défaut (variante foncée : body.da2-c-entete-fonce, bouton dans la barre d'aperçu) */
body.da2-c:not(.da2-c-entete-fonce) .whb-general-header {
  background-color: #fff !important;
  background-image: none !important;
  border-bottom: 0 !important;
}
body.da2-c:not(.da2-c-entete-fonce) .whb-general-header .whb-col-left,
body.da2-c:not(.da2-c-entete-fonce) .whb-general-header .wd-header-text,
body.da2-c:not(.da2-c-entete-fonce) .whb-general-header h3 { color: var(--da2-nuit) !important; }
body.da2-b.da2-c:not(.da2-c-entete-fonce) .whb-general-header .btn.btn-color-primary.btn-style-bordered:hover {
  background-color: var(--da2-nuit) !important;
  border-color: var(--da2-nuit) !important;
  color: #fff !important;
}

/* 2. Hero d'accueil : la demi-tête du castor revient, en bleu sur les rayures nuit
      TK-0819 : elle occupe toute la hauteur de la bande visible (au-dessus de la vidéo), comme sur le site actuel.
      Quand la place manque à gauche des libellés « Vous cherchez » (bord gauche ≈ 50vw - 412 px), elle recule
      vers la gauche (jusqu'à 140 px) puis rétrécit, au lieu de passer sous les libellés. */
body.da2-c.home .da2-c-hero.da2-c-uni {
  background-image: var(--da2-rayures-nuit) !important;
  background-size: auto !important;
  position: relative;
  isolation: isolate;
}
body.da2-c.home .da2-c-hero.da2-c-uni::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  z-index: -1;
  left: 0;
  /* encadré = du bas de l'en-tête Woodmart (absolu, recouvre les 110 premiers px du hero) jusqu'au bas du hero : la tête touche les deux bords */
  top: 110px;
  height: min(calc(100% - 110px), calc((50vw - 236px) * 2.0935));
  width: auto;
  aspect-ratio: 385 / 806;
  background: url("castor-hero-c.png") no-repeat 0 0 / 100% 100%;
  transform: translateX(min(0px, calc(50vw - 436px - 100%)));
  pointer-events: none;
}
@media (max-width: 1199px) { /* conteneur plus étroit : libellés à ≈ 50vw - 345 px (mesuré 1024-1100 px) */
  body.da2-c.home .da2-c-hero.da2-c-uni::before {
    height: min(calc(100% - 110px), calc((50vw - 170px) * 2.0935));
    transform: translateX(min(0px, calc(50vw - 370px - 100%)));
  }
}
@media (max-width: 899px) { /* libellés de la recherche trop à gauche (puis empilés) : plus de place pour le castor */
  body.da2-c.home .da2-c-hero.da2-c-uni::before { display: none !important; }
}

/* 3. Barre jaune au-dessus des titres : plus longue et plus épaisse (tout le site) */
body.da2-c .da2-titre::before { width: 104px; height: 10px; margin-bottom: 22px; }
body.da2-c .castor_user_card_title::before { width: 64px; height: 8px; }
body.da2-c .castor_user_page_title::before { width: 88px; height: 10px; }
@media (max-width: 767px) {
  body.da2-c .da2-titre::before { width: 80px; height: 8px; margin-bottom: 16px; }
}

/* 4. Bloc « Générateur » : rayures nuit sur toute la largeur, texte plus grand et plus lisible */
body.da2-c .da2-fond-nuit.da2-c-large,
body.da2-c .da2-c-bande.da2-c-nuit {
  position: relative;
  isolation: isolate;
  box-shadow: none !important;
  background: transparent !important;
  clip-path: inset(0 -100vmax);
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}
body.da2-c .da2-fond-nuit.da2-c-large::before,
body.da2-c .da2-c-bande.da2-c-nuit::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  top: 0; bottom: 0;
  left: -100vmax; right: -100vmax;
  z-index: -1;
  background-color: var(--da2-nuit);
  background-image: var(--da2-rayures-nuit);
}
body.da2-c .da2-c-large .wpb_text_column p,
body.da2-c .da2-c-large .wpb_text_column li {
  font-size: 19px !important;
  line-height: 1.6 !important;
  color: #fff !important;
}
body.da2-c .da2-c-large .wpb_text_column strong { color: var(--da2-bleu) !important; }
body.da2-b.da2-c .da2-c-large .da2-titre { font-size: 40px !important; }
@media (max-width: 767px) { body.da2-b.da2-c .da2-c-large .da2-titre { font-size: 30px !important; } }

/* 5. /les-artisans : nombre d'artisans par métier, grand et en bleu nuit */
body.da2-c .castor-domain-count {
  font-size: 20px !important;
  line-height: 1.1 !important;
  letter-spacing: .02em;
  color: var(--da2-nuit) !important;
  background: var(--da2-glace) !important;
  border: 2px solid var(--da2-bleu);
  padding: 7px 16px !important;
  border-radius: 999px !important;
  display: inline-block;
}

/* 6-7. Bandes Glace / Nuit des pages intérieures (cabane du Castor, sponsor) */
body.da2-c .da2-c-bande {
  padding-top: 30px !important;
  padding-bottom: 50px !important;
  margin-top: 30px;
  margin-bottom: 60px !important;
}
body.da2-c .da2-c-bande.da2-c-nuit :is(p, li, span, a, div.wpb_text_column) { color: rgba(255, 255, 255, .9) !important; }
/* chiffres 1-2-3 = animations Lottie (bleu figé dans le fichier) : éclaircis vers le bleu Castor sur fond nuit */
body.da2-c .da2-c-bande.da2-c-nuit dotlottie-player { filter: brightness(1.55) saturate(.85); }
body.da2-c .da2-c-bande.da2-c-glace :is(p, li) { color: var(--da2-nuit) !important; }

/* 8. Texte courant plus foncé sur tout le site (mentions légales, conditions, pages intérieures) */
body.da2-c { color: #39424e; }
body.da2-c .main-page-wrapper :is(.wpb_text_column, .entry-content, .wd-text-block) :is(p, li):not(.da2-c-nuit *):not(.da2-fond-nuit *):not(.da2-c-hero *) { color: #39424e; }

/* Barre d'aperçu : choix de l'en-tête (C) */
#da2-barre .da2-barre-sep { width: 1px; align-self: stretch; background: rgba(255, 255, 255, .25); margin: 0 4px; }
#da2-barre .da2-barre-sep + .da2-barre-label::before { display: none; }

/* ---------- TK-20261006-0819 ---------- */
/* Cabane du Castor : bande Glace moins haute (la cloche Lottie occupait un cadre de 600 px), au gabarit de la bande du sponsor */
body.da2-c.page-id-2142 .da2-c-bande.da2-c-glace dotlottie-player { height: 300px !important; max-height: 300px; }
body.da2-c.page-id-2142 .da2-c-bande.da2-c-glace .wpb_wrapper > .wpb_content_element:last-child { margin-bottom: 0 !important; }
@media (max-width: 767px) {
  body.da2-c.page-id-2142 .da2-c-bande.da2-c-glace dotlottie-player { height: 220px !important; max-height: 220px; }
}

/* =====================================================================
   TK-20261008-0832 — dernières retouches de la proposition C
   ===================================================================== */

/* 1. Popup « Nous aimerions connaître votre avis ! » (Brave Popup #2431) :
      panneau Nuit rayé + liseré jaune, castor détouré en blanc (autocollant), barre jaune au-dessus du titre */
body.da2-c #brave_popup_2431 .brave_element--shape svg { visibility: hidden; }
body.da2-c #brave_popup_2431 .brave_element--shape .brave_element__inner {
  background-color: var(--da2-nuit);
  background-image: var(--da2-rayures-nuit);
}
body.da2-c #brave_popup_2431 .brave_popup__step__desktop .brave_element--shape .brave_element__inner { box-shadow: inset -8px 0 0 var(--da2-jaune); }
body.da2-c #brave_popup_2431 .brave_popup__step__mobile .brave_element--shape .brave_element__inner { box-shadow: inset 0 -6px 0 var(--da2-jaune); }
body.da2-c #brave_popup_2431 .brave_element--image img {
  filter: drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff);
}
body.da2-c #brave_popup_2431 #brave_element--NzhsyOLxXK0Ohgq0W9c .brave_element__text_inner {
  position: relative;
  font-family: var(--da2-titre) !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: .01em;
  line-height: 1.1 !important;
  font-size: 34px !important;
  color: var(--da2-nuit) !important;
}
body.da2-c #brave_popup_2431 #brave_element--NzhsyOLxXK0Ohgq0W9c .brave_element__text_inner::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  width: 84px;
  height: 8px;
  transform: translateX(-50%);
  background: var(--da2-jaune);
}
/* mobile : titre et texte sur le bandeau Nuit */
body.da2-c #brave_popup_2431 .brave_popup__step__mobile .brave_element--text .brave_element__text_inner { color: #fff !important; }
body.da2-c #brave_popup_2431 #brave_element--NzluGkud7K0cSJdsbru .brave_element__text_inner {
  font-family: var(--da2-titre) !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: .01em;
  line-height: 1.1 !important;
}
body.da2-c #brave_popup_2431 .brave_popup__step__mobile .brave_popup__close svg path { fill: #fff !important; }
/* bouton Envoyer : Nuit, flèche jaune */
body.da2-c #brave_popup_2431 .brave_form_button button {
  background-color: var(--da2-nuit) !important;
  color: #fff !important;
  font-family: var(--da2-texte) !important;
  letter-spacing: .04em;
  transition: background-color .2s;
}
body.da2-c #brave_popup_2431 .brave_form_button button:hover { background-color: #2b3647 !important; }
body.da2-c #brave_popup_2431 .brave_form_button .brave_element-icon,
body.da2-c #brave_popup_2431 .brave_form_button .brave_element-icon * { color: var(--da2-jaune) !important; fill: var(--da2-jaune) !important; }
body.da2-c #brave_popup_2431 input[type="checkbox"]:checked::before { color: var(--da2-nuit) !important; }

/* 2. Bandeau cookies Complianz : fond Nuit, titre « Gérer le consentement » souligné jaune */
body.da2-c {
  --cmplz_banner_background_color: var(--da2-nuit);
  --cmplz_banner_border_color: var(--da2-nuit);
  --cmplz_text_color: #fff;
  --cmplz_hyperlink_color: var(--da2-bleu);
  --cmplz_button_accept_background_color: var(--da2-bleu);
  --cmplz_button_accept_border_color: var(--da2-bleu);
  --cmplz_button_accept_text_color: var(--da2-nuit);
  --cmplz_button_deny_background_color: transparent;
  --cmplz_button_deny_border_color: rgba(255, 255, 255, .55);
  --cmplz_button_deny_text_color: #fff;
  --cmplz_button_settings_background_color: transparent;
  --cmplz_button_settings_border_color: rgba(255, 255, 255, .55);
  --cmplz_button_settings_text_color: #fff;
  --cmplz_slider_active_color: var(--da2-bleu);
  --cmplz_category_header_always_active_color: var(--da2-jaune);
}
body.da2-c .cmplz-cookiebanner {
  background-image: var(--da2-rayures-nuit);
  box-shadow: 0 18px 40px rgba(30, 38, 49, .35) !important;
}
body.da2-c .cmplz-cookiebanner .cmplz-title {
  font-family: var(--da2-titre) !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 20px !important;
  color: #fff !important;
  /* trait jaune dessiné en fond (et non en text-decoration) : même rendu sur tous les navigateurs */
  text-decoration: none !important;
  padding-bottom: 7px;
  background: linear-gradient(var(--da2-jaune), var(--da2-jaune)) no-repeat 0 100% / 100% 4px;
}
/* Complianz masque le titre sous 426 px : on le garde en aperçu C pour que le trait jaune soit visible sur mobile */
@media (max-width: 425px) {
  body.da2-c .cmplz-cookiebanner .cmplz-header { grid-template-columns: 24px 1fr 24px !important; }
  body.da2-c .cmplz-cookiebanner .cmplz-header .cmplz-title {
    display: block !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    white-space: nowrap;
    justify-self: center;
  }
}
body.da2-c .cmplz-cookiebanner .cmplz-message,
body.da2-c .cmplz-cookiebanner .cmplz-message * { color: rgba(255, 255, 255, .9) !important; }
body.da2-c .cmplz-cookiebanner .cmplz-close svg path { fill: #fff !important; }
body.da2-c .cmplz-cookiebanner {
  border: 2px solid var(--da2-bleu) !important;
}
body.da2-c .cmplz-cookiebanner .cmplz-btn {
  font-weight: 700 !important;
  white-space: normal !important;
  line-height: 1.2 !important;
  height: auto !important;
  min-height: 45px;
  padding: 8px 10px !important;
}
body.da2-c .cmplz-cookiebanner .cmplz-btn.cmplz-accept { font-family: var(--da2-texte) !important; }
body.da2-c .cmplz-cookiebanner .cmplz-btn:not(.cmplz-accept):hover { border-color: var(--da2-jaune) !important; color: var(--da2-jaune) !important; }
body.da2-c .cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(255, 255, 255, .08) !important; }
body.da2-c .cmplz-cookiebanner .cmplz-category .cmplz-description,
body.da2-c .cmplz-cookiebanner .cmplz-category .cmplz-description * { color: rgba(255, 255, 255, .85) !important; }
body.da2-c .cmplz-cookiebanner .cmplz-category .cmplz-icon { filter: invert(1); }
body.da2-c .cmplz-cookiebanner .cmplz-links .cmplz-link { color: #fff !important; text-decoration-color: var(--da2-jaune) !important; }
body.da2-c #cmplz-manage-consent .cmplz-manage-consent { color: #fff !important; box-shadow: inset 0 3px 0 var(--da2-jaune); }

/* 3. Compteur d'artisans (accueil) : le nombre en grand, en Anton, surligné jaune */
body.da2-c .div-artisans { color: var(--da2-nuit) !important; }
body.da2-c .div-artisans .da2-compteur { font-weight: 700; color: var(--da2-nuit); white-space: nowrap; }
body.da2-c .div-artisans .da2-compteur-nb {
  display: inline-block;
  font-family: var(--da2-titre) !important;
  font-weight: 400;
  font-size: 2em;
  line-height: 1;
  padding: 0 .12em;
  vertical-align: -.12em;
  color: var(--da2-nuit);
  background: linear-gradient(transparent 58%, var(--da2-jaune) 58%, var(--da2-jaune) 92%, transparent 92%);
}

/* 4. « Nos engagements » : icônes remontées vers le titre, plus d'air avant la bande Nuit du générateur */
@media (min-width: 768px) {
  body.da2-c .da2-engagements:not(.da2-engagements-icones) { margin-bottom: 0 !important; }
  body.da2-c .da2-engagements-icones {
    margin-top: -70px !important;
    padding-bottom: 80px !important;
    background-color: transparent !important;
    border-color: transparent !important;
  }
}

/* 5. Inscription : carte « Gratuit » en Nuit, touche jaune */
body.da2-c .woodmart-price-table .woodmart-plan-inner {
  border-color: var(--da2-nuit) !important;
  box-shadow: 0 14px 34px rgba(30, 38, 49, .18);
}
body.da2-c .woodmart-price-table .woodmart-plan-price {
  background-color: var(--da2-nuit) !important;
  background-image: var(--da2-rayures-nuit) !important;
  box-shadow: inset 0 -6px 0 var(--da2-jaune);
}
/* le thème enfant force .woodmart-plan-price > span en noir (!important) : sélecteur plus spécifique */
body.da2-c .woodmart-price-table.price-style-default .woodmart-plan-price > span.woodmart-price-value,
body.da2-c .woodmart-price-table.price-style-default .woodmart-plan-price > span.woodmart-price-suffix { color: #fff !important; }
body.da2-c .woodmart-price-table .woodmart-price-value { font-family: var(--da2-titre) !important; font-weight: 400 !important; text-transform: uppercase; letter-spacing: .02em; }
body.da2-c .woodmart-price-table .price-label > span {
  background-color: var(--da2-jaune) !important;
  color: var(--da2-nuit) !important;
}
body.da2-c .woodmart-price-table .price-plan-btn {
  background-color: var(--da2-nuit) !important;
  border-color: var(--da2-nuit) !important;
  color: #fff !important;
}
body.da2-c .woodmart-price-table .price-plan-btn:hover { background-color: var(--da2-bleu) !important; border-color: var(--da2-bleu) !important; color: var(--da2-nuit) !important; }