/* CBD Conseils, thème « apothicaire » noir, or et vert feuille.
   À coller dans WiziShop > Apparences > Ajouter du CSS. Pour revenir en arrière, il suffit de l'effacer. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Lato:wght@400;700&display=swap');

:root {
  --cbd-noir: #0d0d0b;
  --cbd-noir-2: #161612;
  --cbd-carte: #1b1b16;
  --cbd-or: #c9a24e;
  --cbd-or-clair: #e6c574;
  --cbd-vert: #5c9a3c;
  --cbd-vert-fonce: #2f5e2f;
  --cbd-texte: #ece6d6;
  --cbd-texte-doux: #b9b2a0;
}

/* Fond et texte général */
html, body, .body, .body--backgroundWhite, .body__wrapper, .wiziblocks__item {
  background-color: var(--cbd-noir) !important;
  color: var(--cbd-texte) !important;
  font-family: 'Lato', Roboto, Arial, sans-serif !important;
}
.body p, .body li, .body span, .body label { color: inherit; }
a { color: var(--cbd-or-clair); }
a:hover { color: var(--cbd-vert); }

/* Titres : police élégante dorée */
h1, h2, h3, h4, .wiziblocks__item h2, .wiziblocks__item h3,
.prod h2, .prod h3, [class*="title"] {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: var(--cbd-or-clair) !important;
  letter-spacing: .04em;
}

/* En-tête */
.header, .header.new-menu, .header__wrapper, .nav, .nav__wrapper {
  background-color: var(--cbd-noir) !important;
  color: var(--cbd-texte) !important;
  border-bottom: 1px solid rgba(201, 162, 78, .35);
}
.header a, .nav a, .header span, .header i, .header svg {
  color: var(--cbd-texte) !important;
  fill: var(--cbd-texte) !important;
}
.nav a:hover, .header a:hover { color: var(--cbd-or-clair) !important; }
.nav a, .nav__item > a { text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }

/* Barre de recherche */
.header input[type="text"], .header input[type="search"], .search input {
  background: var(--cbd-noir-2) !important;
  color: var(--cbd-texte) !important;
  border: 1px solid rgba(201, 162, 78, .5) !important;
}
.search--btn { background: var(--cbd-or) !important; color: var(--cbd-noir) !important; border: 0 !important; }

/* Cartes produits */
.prod__article {
  background: var(--cbd-carte) !important;
  border: 1px solid rgba(201, 162, 78, .25);
  border-radius: 10px;
  padding-bottom: 14px;
  transition: transform .2s ease, border-color .2s ease;
}
.prod__article:hover { transform: translateY(-3px); border-color: var(--cbd-or); }
.prod__article img { border-radius: 10px 10px 0 0; }
.prod__article, .prod__article a, .prod__article span, .prod__article p { color: var(--cbd-texte) !important; }
.prod__article [class*="price"], .prod__article [class*="prix"], .prod__article strong { color: var(--cbd-or-clair) !important; }

/* Boutons : or, survol vert feuille */
.btn, .button, a[class*="button"], button[class*="button"], [class*="btn--"], input[type="submit"],
.wiziblocks__item a[class*="btn"] {
  background: var(--cbd-or) !important;
  color: var(--cbd-noir) !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
}
.btn:hover, .button:hover, a[class*="button"]:hover, [class*="btn--"]:hover, input[type="submit"]:hover {
  background: var(--cbd-vert) !important;
  color: #fff !important;
}

/* Bande de réassurance */
.reassurance { background: var(--cbd-noir-2) !important; border-top: 1px solid rgba(201, 162, 78, .35); border-bottom: 1px solid rgba(201, 162, 78, .35); }
.reassurance, .reassurance a, .reassurance span, .reassurance p { color: var(--cbd-texte) !important; }
.reassurance i, .reassurance svg, .reassurance img { color: var(--cbd-vert) !important; fill: var(--cbd-vert) !important; }
.reassurance__wrapper__item strong, .reassurance__wrapper__item b { color: var(--cbd-or-clair) !important; }

/* Pied de page */
.footer, .footer__wrapper, .powered { background: #070706 !important; color: var(--cbd-texte-doux) !important; }
.footer a, .footer span, .footer p, .footer li { color: var(--cbd-texte-doux) !important; }
.footer a:hover { color: var(--cbd-or-clair) !important; }
.footer h2, .footer h3, .footer h4, .footer [class*="title"] { color: var(--cbd-or-clair) !important; }
.footer input { background: var(--cbd-noir-2) !important; color: var(--cbd-texte) !important; border: 1px solid rgba(201, 162, 78, .5) !important; }

/* Conteneurs internes de WiziShop restés blancs */
.body__wrapper__maxWidth, .header__relative, .wiziblocks__item__maxWidth, .logup, .logup__content {
  background-color: var(--cbd-noir) !important;
  color: var(--cbd-texte) !important;
}
.header__relative { border-bottom: 0; }
.header img[class*="logo"], .header [class*="logo"] img { border-radius: 12px; }
.wiziblocks__item p, .wiziblocks__item span, .wiziblocks__item div { color: var(--cbd-texte); }
.wiziblocks__item p strong, .wiziblocks__item p b {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: var(--cbd-or-clair) !important;
  font-size: 1.3em;
}

/* Titres de sections avec un trait vert feuille */
.wiziblocks__item [class*="title"], .wiziblocks__item h2 {
  font-size: 2em !important;
  text-transform: none;
  padding-bottom: 10px;
}
.wiziblocks__item [class*="title"]::after, .wiziblocks__item h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  margin: 10px auto 0;
  background: var(--cbd-vert);
}

/* Photos produits sur fond blanc : on les pose sur un « plateau » blanc arrondi */
.prod__article { padding: 10px !important; }
.prod__top__wrapper { background: #fff !important; border-radius: 8px; overflow: hidden; }
.prod__article img { border-radius: 0; }
.prod__name__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.25em !important;
  font-weight: 700;
  color: var(--cbd-or-clair) !important;
  letter-spacing: .06em;
}
.prod__price, .prod__price * { font-family: 'Lato', Arial, sans-serif !important; color: var(--cbd-or-clair) !important; }
.prod__price strong, .prod__price [class*="price"] { font-size: 1.25em !important; font-weight: 700 !important; }

/* Titres de la bande de réassurance et boutons des blocs */
.reassurance strong, .reassurance__wrapper__item__text strong { color: var(--cbd-or-clair) !important; letter-spacing: .08em; }
.wiziBtn, a.wiziBtn {
  background: var(--cbd-or) !important;
  color: var(--cbd-noir) !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 12px 28px !important;
  letter-spacing: .06em;
}
.wiziBtn:hover { background: var(--cbd-vert) !important; color: #fff !important; }

/* Fil d'Ariane, formulaires, fiches produit */
input, select, textarea { background: var(--cbd-noir-2); color: var(--cbd-texte); border-color: rgba(201, 162, 78, .4); }
hr { border-color: rgba(201, 162, 78, .3); }

/* Noms et prix des produits : taille normale (surtout sur mobile) */
.wiziblocks__item .prod__name__title, .prod .prod__name__title {
  font-size: 1.15em !important;
  padding-bottom: 0 !important;
  letter-spacing: .04em;
}
.wiziblocks__item .prod__name__title::after, .prod .prod__name__title::after,
.wiziblocks__item .prod__price::after, .prod [class*="title"]::after { display: none !important; }
.wiziblocks__item .prod__price, .prod .prod__price { font-size: 14px !important; padding-bottom: 0 !important; }
.wiziblocks__item .prod__price strong, .prod .prod__price strong { font-size: 18px !important; }
@media (max-width: 767px) {
  .wiziblocks__item .prod__name__title, .prod .prod__name__title { font-size: 1em !important; }
  .wiziblocks__item [class*="title"], .wiziblocks__item h2 { font-size: 1.6em !important; }
}

/* Priorité renforcée pour les noms de produits */
.wiziblocks__item .prod .prod__name__title, .body .prod .prod__name__title { font-size: 17px !important; line-height: 1.25 !important; }
@media (max-width: 767px) {
  .wiziblocks__item .prod .prod__name__title, .body .prod .prod__name__title { font-size: 15px !important; }
}

/* Texte d'exemple de la barre de recherche lisible sur fond noir */
.search--input::placeholder, .header input::placeholder, input::placeholder { color: var(--cbd-texte-doux) !important; opacity: 1 !important; }
.search--input { color: var(--cbd-texte) !important; }