/*!
Theme Name: Hello Elementor Child
Theme URI: https://crocoblock.com/
Author: Crocoblock
Author URI: https://crocoblock.com/
Description: Child theme for Hello Elementor with all CrocoBlock features compatibility.
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-elementor-child
*/

/* Espace interne dans le tableau des informations complémentaires */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
  padding: 5px 10px !important; /* 5px vertical, 10px horizontal */
}

/* Ajoute un espace sous le prix dans les fiches produits */
.single-product .woocommerce-variation-price,
.single-product .price,
.jet-woo-builder .price,
.jet-single-price {
  display: block;
  margin-bottom: 10px !important;
}
/* Ajoute couleurs prix les fiches produits */
/* Couleur du prix normal */
.single-product .price {
  color: #2F5DA0 !important; /* noir ou la couleur de ton thème */
}

/* Couleur du prix soldé (nouveau prix) */
.single-product .price ins {
  color: #2F5DA0 !important; /* vert par exemple */
}

/* Couleur du prix barré (ancien prix) */
.single-product .price del {
  color: #888 !important; /* gris clair */
}
/* Ajoute espace sous prix fiches produits */

.single-product .woocommerce-variation-price,
.single-product .price,
.jet-woo-builder .price,
.jet-single-price {
  display: block;
  margin-bottom: 10px !important;
}


/* ===== Étoiles d'avis WooCommerce – contour + remplissage ===== */

/* base : gris clair + contour bleu, sans sprites Woo par défaut */
p.stars a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  box-shadow: none !important;
  outline: none !important;
  background: none !important;
}
p.stars a::before {
  content: "★";
  font-size: 22px;                 /* ajuste si besoin */
  line-height: 1;
  color: #E5E5E5;                  /* étoiles non survolées */
  -webkit-text-stroke: 1px #2F5DA0;/* contour bleu */
  text-stroke: 1px #2F5DA0;        /* pour les navigateurs compatibles */
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

/* AU SURVOL : on met tout en bleu... */
p.stars:hover a::before {
  color: #2F5DA0;                  /* remplissage bleu */
}
/* ...puis on remet en gris les étoiles APRÈS celle survolée */
p.stars:hover a:hover ~ a::before {
  color: #E5E5E5;                  /* les suivantes redeviennent grises */
}

/* APRÈS CLIC (état sélectionné) */
p.stars.selected a::before {
  color: #2F5DA0;                  /* toutes bleues par défaut */
}
p.stars.selected a.active ~ a::before {
  color: #E5E5E5;                  /* les suivantes (au-delà de la note) en gris */
}

/* ===== Couleur des étoiles dans les avis publiés ===== */

/* Étoiles remplies */
.star-rating span::before,
.woocommerce .star-rating::before {
  color: #2F5DA0 !important; /* bleu plein */
}

/* Optionnel : harmoniser la taille si tu veux les agrandir un peu */
.woocommerce .star-rating {
  font-size: 18px; /* ajuste selon ton design */
  letter-spacing: 1px;
}
/* menu en top position */
.elementor-location-header,
header.site-header,
.elementor-sticky--effects.elementor-location-header {
  position: relative;
  z-index: 1000 !important;
}
.jet-woo-product-sale-badge{
  text-transform:none;
  font-weight:600;
}

/* === Badge promo WooCommerce & JetWoo (en haut à droite, texte normal) === */
.woocommerce ul.products li.product .onsale,
.woocommerce div.product .onsale,
.jet-woo-products .jet-woo-product .onsale,
.jet-listing-grid .onsale,
.jet-mega-menu .jet-woo-products .jet-woo-product .onsale {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;

  background: #E74C3C !important; /* ton rouge promo */
  color: #fff !important;
  border-radius: 4px !important;
  padding: 6px 10px !important;

  font-weight: 400 !important;
  line-height: 1.2 !important;
  z-index: 5 !important;
  font-size: 15px !important;
  min-height: auto !important;
  text-transform: none !important; /* pas de majuscules */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
  letter-spacing: 0.2px !important;
}

/* S'assurer que le conteneur image (ou carte) est en position relative */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.jet-woo-products .jet-woo-product,
.jet-listing-grid .jet-listing-grid__item,
.jet-listing-grid .jet-woo-product,
.jet-listing-grid .jet-woo-product .jet-woo-product-thumbnail {
  position: relative !important;
  overflow: visible !important;
}

/* Supprimer les décorations ovales par défaut de JetWoo */
.onsale::before,
.onsale::after,
.jet-woo-product-badge::before,
.jet-woo-product-badge::after {
  content: none !important;
  display: none !important;
}
.jet-woo-products .jet-woo-product .jet-woo-product-title,
.jet-listing-grid .jet-woo-product .jet-woo-product-title {
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  margin-top:6px;
  line-height:1.3;
  font-weight:600;
}
/* Page produit : la galerie passe derrière le menu */
.single-product .jet-woo-product-gallery,
.single-product .jet-woo-product-gallery__wrap,
.single-product .jet-woo-product-gallery__image,
.single-product .jet-woo-product-gallery__thumbs,
.single-product .jet-woo-product-gallery__image-link,
.single-product .jet-woo-product-gallery__trigger {
  position: relative !important;
  z-index: 1 !important;     /* << plus bas que le méga-menu */
}

/* Empêche les vignettes de déborder */
.single-product .jet-woo-product-gallery__thumbs {
  overflow: hidden !important;
}

/* La lightbox reste au-dessus de tout */
.pswp,
.jet-woo-product-gallery__popup,
.jet-woo-product-gallery__zoom {
  z-index: 9999 !important;
}

/* font-sizing for content */
/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details, 
figure, 
hgroup {
	line-height: 1.5;
	margin: 1.5em 0 0;
}





/* avoid top margins on first content element */
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 10px;
}
/* avoid margins on nested elements */
li p,
li ul,
li ol {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Met en évidence les citations */
blockquote {
  margin: .75em 0 .75em 20px;
  padding: 0 0 0 10px;
  border-left: solid 2px #2F5DA0;
}	
q, cite {
  font-style: italic;
}
q cite, q q {
  font-style: normal
}

/* Supprime les guillemets automatiques (citations courtes) */
q {
  quotes: none;
}
q:before, q:after {
  content: ""; /* Nécessaire pour Safari/Chrome */
}
/* Styles de base pour les listes de définition */
dl {
  margin: .75em 0;
}
dt {
  margin: .75em 0 0 0;
  font-weight: bold;
}
dd {
  margin: .25em 0 .25em 32px;
}

.button {
  display: flex;
  align-items: center;  /* centre verticalement */
  justify-content: center; /* centre horizontalement */
  height: 100%; /* s’assure que le bouton garde sa hauteur */
  line-height: normal; /* évite les décalages */
}