.elementor-39233 .elementor-element.elementor-element-5ec665f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-39233 .elementor-element.elementor-element-6fc3c8a{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;text-align:center;}/* Start custom CSS for shortcode, class: .elementor-element-9b69d53 *//* =========================================================
   THEME SOMBRE — Customer Reviews / iVole / Woo Reviews
   (fix étoiles ≠ rectangles + nom produit en blanc)
   ========================================================= */

/* ---------- Base sombre ---------- */
.cr-summaryBox-wrap,
.ivole-summaryBox,
.cr-all-reviews-ajax {
  background:#000 !important;
  color:#fff !important;
}

.cr-summaryBox-wrap {
  border:1px solid #222 !important;
  border-radius:8px;
  padding:16px;
}
.cr-summaryBox-wrap a,
.cr-summaryBox-wrap span,
.cr-summaryBox-wrap div,
.cr-summaryBox-wrap td,
.cr-summaryBox-wrap th {
  color:#fff !important;
}
.cr-overall-rating-wrap,
.cr-average-rating,
.cr-total-rating-count { color:#fff !important; }

.cr-summary-separator,
.cr-summary-separator .cr-summary-separator-int {
  background:#111 !important;
  border-color:#111 !important;
}

/* ---------- ETOILES (fix rectangles) ----------
   Important : on NE met PAS de couleur sur .cr-average-rating-stars
   ni sur .cr-rating-icon-frnt (le masque de largeur). On colore
   uniquement les SVG remplis `.cr-rating-icon`. */
.cr-rating-icon-frnt,
.cr-average-rating-stars {
  background:transparent !important;
  color:inherit !important;   /* pas de currentColor ici */
}

/* Etoiles pleines (avant-plan) = jaune */
.cr-average-rating-stars .cr-rating-icon,
.cr-rating-icon-frnt .cr-rating-icon {
  fill:#ffc107 !important;    /* jaune */
  color:#ffc107 !important;   /* si le SVG utilise currentColor */
}

/* Etoiles de fond (contours) = gris, sans remplissage */
.cr-rating-icon-bg {
  color:#666 !important;      /* stroke=currentColor */
  stroke:#666 !important;
  fill:none !important;        /* pas de remplissage (évite le “rectangle”) */
  background:transparent !important;
}

/* Pas de fill forcé sur les <path> (laisse le SVG décider) */
.cr-average-rating-stars .cr-rating-icon path,
.cr-rating-icon-frnt .cr-rating-icon path,
.cr-rating-icon-bg path {
  fill:auto !important;
}

/* ---------- Histogramme ---------- */
.cr-histogramTable,
.cr-histogramTable tr,
.cr-histogramTable td,
.ivole-histogramRow,
.ivole-histogramCell1,
.ivole-histogramCell2,
.ivole-histogramCell3 {
  background:#000 !important;
  color:#fff !important;
  border-color:#222 !important;
}
.cr-histogram-a { color:#fff !important; }

.ivole-meter { background:#111 !important; border:1px solid #333 !important; }
.ivole-meter-bar {
  background:#ffc107 !important; /* jaune */
  color:#000 !important;         /* texte du pourcentage lisible */
}

/* ---------- Count row (ex: "1-5 de 109 avis") ---------- */
.cr-count-row,
.cr-count-row * {
  background:#000 !important;
  color:#fff !important;
}
.cr-ajax-reviews-sort-div select.cr-ajax-reviews-sort {
  background:#000 !important;
  color:#fff !important;
  border:1px solid #333 !important;
  border-radius:6px !important;
}
.cr-ajax-reviews-sort-div select.cr-ajax-reviews-sort option {
  background:#000 !important;
  color:#fff !important;
}

/* ---------- Ajax Search sombre ---------- */
.cr-ajax-search input[type="search"],
.cr-ajax-search input[type="text"],
.cr-ajax-reviews-search input[type="search"],
.cr-ajax-reviews-search input[type="text"],
.cr-search input[type="search"],
.cr-search input[type="text"],
.ivole-summaryBox input[type="search"],
.ivole-summaryBox input[type="text"] {
  background:#000 !important;
  color:#fff !important;
  border:1px solid #333 !important;
  border-radius:6px !important;
}
.cr-ajax-search input::placeholder,
.cr-ajax-reviews-search input::placeholder,
.cr-search input::placeholder { color:#bbb !important; }

.cr-ajax-search .results,
.cr-ajax-reviews-search .results {
  background:#000 !important;
  color:#fff !important;
  border:1px solid #333 !important;
}
.cr-ajax-search .results a,
.cr-ajax-reviews-search .results a { color:#fff !important; }

/* ---------- Auteur + Nom de produit (commentaires) en blanc ----------
   On couvre plusieurs variantes de classes utilisées par CR/iVole. */
.woocommerce-review__author { color:#fff !important; }

/* variantes possibles du plugin pour le nom de produit */
.cr-comment__productname a,
.cr-comment-productname a,
.cr-comment__product-name a,
.cr-comment-product-name a,
.cr-comment__product a,
.cr-review-card__product a,
.cr-review__product a,
#reviews .commentlist .cr-comment__productname a,
#reviews .commentlist .cr-comment-productname a,
#reviews .commentlist .cr-comment__product-name a,
#reviews .commentlist .cr-comment-product-name a {
  color:#fff !important;
  text-decoration:underline;
}
#reviews a:hover,
.cr-all-reviews-ajax a:hover { opacity:.85; }

/* ---------- Liens généraux internes en blanc ---------- */
.cr-summaryBox-wrap a,
.ivole-summaryBox a,
.cr-all-reviews-ajax a { color:#fff !important; }

/* ---------- Accessibilité ---------- */
.cr-summaryBox-wrap *:focus,
.cr-ajax-search *:focus,
.cr-count-row *:focus {
  outline:2px dashed #888 !important;
  outline-offset:2px !important;
}

.cr-comment-productname-a {
  color:#fff !important;
}

.cr-button-search,
.cr-button-search:hover,
.cr-button-search:focus {
  background:#228B22 !important; /* vert forêt */
  color:#fff !important;         /* écriture blanche */
  border:none !important;
  border-radius:6px;              /* optionnel */
  padding:10px 18px;              /* optionnel */
  cursor:pointer;
}

/* effet hover/focus plus foncé */
.cr-button-search:hover,
.cr-button-search:focus {
  background:#1e7a1e !important;
  color:#fff !important;
}



#cr-show-more-all-reviews.cr-show-more-button {
  background:#228B22 !important; /* vert forêt */
  color:#fff !important;         /* écriture blanche */
  border:none !important;
  border-radius:6px;              /* optionnel */
  padding:10px 18px;              /* optionnel */
  cursor:pointer;
}

/* garder le même style au survol / focus */
#cr-show-more-all-reviews.cr-show-more-button:hover,
#cr-show-more-all-reviews.cr-show-more-button:focus {
  background:#1e7a1e !important; /* un peu plus foncé */
  color:#fff !important;
}/* End custom CSS */