/* Fichier: social_proof.css */

#social-proof-block {
    /* Padding haut/droite/gauche, et padding-bottom mis à 0 */
    padding: 10px 10px 10px 10px; 
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
    font-size: 14px;
    position: relative; 
}

/* Fixe le problème des éléments flottants */
#social-proof-block::after {
    content: "";
    display: table;
    clear: both;
}

/* ========================================================= */
/* LIGNES DE TEXTE (COLONNE GAUCHE) - AUCUN CHANGEMENT ICI */
/* ========================================================= */

#social-proof-block #ps-visitors-info {
    width: 75% !important;
    float: left !important;
    display: flex;
    align-items: center;
    margin-bottom: 5px; 
    color: #4e5d62;
}

#social-proof-block #ps-sales-info {
    width: 75% !important;
    float: left !important;
    display: flex;
    align-items: center;
    
    /* Marge négative pour remonter la ligne et réduire la hauteur du conteneur */
    margin-bottom: -5px !important; 
    
    color: #4e5d62;
}

/* Cible la dernière ligne de preuve sociale pour supprimer sa marge inférieure */
#social-proof-block #ps-sales-info:last-child {
    margin-bottom: -5px !important; 
}

.ps-proof-line i {
    margin-right: 8px;
    font-size: 18px;
    color: #4CAF50; 
}

.ps-number-sales, .ps-number-visitors {
    font-weight: bold;
    color: #000;
    margin-right: 4px;
}

/* ========================================================= */
/* L'ÉTIQUETTE À DROITE (IMAGE COMBINÉE) */
/* ========================================================= */

#ps-absolute-tag {
    float: right;
    width: 25% !important; 
    
    /* CONSERVATION DU POSITIONNEMENT VERTICAL AVEC MARGE NÉGATIVE */
    /* Cela devrait aligner le centre verticalement avec les lignes de texte */
    margin-top: -30px; 
    margin-bottom: -5px; 
    
    text-align: center;
    
    /* Ces propriétés ne sont plus nécessaires car nous n'avons qu'une seule balise <img>, mais laissons-les pour la compatibilité */
    display: flex;
    flex-direction: column; 
    align-items: center; 
    
    padding-bottom: 0; 
    z-index: 10;
}

/* Style de l'image PNG combinée */
#ps-absolute-tag img {
    /* Définition de la taille de l'image */
    /* Ajustez ces valeurs si vos images générées sont plus grandes/petites */
    height: 48px;
	width: auto;
    
    /* S'assure que l'image est bien un bloc centré */
    display: block;
    margin: 0 auto; 
	margin-left: 20px;
}

/* Suppression des styles des anciennes balises (i et ps-random-tag-text) car elles sont maintenant dans l'image */
#ps-tag-icon-line i {
    /* Style désactivé */
    display: none; 
}

#ps-tag-text-line .ps-random-tag-text {
    /* Style désactivé */
    display: none; 
}
/* ========================================================= */
/* BANDEAU AVIS CLIENTS — FOOTER + HOME                      */
/* ========================================================= */

#ps-reviews-bandeau {
  background: none;
  padding: 6px 0 2px; /* réduit le padding haut/bas */
  margin: 0 auto;
  border: none !important; /* supprime toute bordure éventuelle */
  font-size: 15px;
  text-align: center;
  line-height: 1.2;

  /* Centrage global */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Variante spéciale pour la home */
#ps-reviews-bandeau.has-separator {
  margin-top: 0;
  border: none;
  border-bottom: 1px solid #e0e0e0; /* fine séparation sous le bloc */
  padding-top: 4px;
  padding-bottom: 6px;
}

/* Conteneur / correction Bootstrap */
#ps-reviews-bandeau .container,
#ps-reviews-bandeau .row,
#ps-reviews-bandeau .col-12 {
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Étoiles */
#ps-reviews-bandeau .ps-stars {
  color: #fbbc05;
  font-size: 1.1em;
  margin-right: 4px;
  vertical-align: middle;
}

/* Texte */
#ps-reviews-bandeau .ps-review-count {
  font-weight: 500;
  color: #333;
}

#ps-reviews-bandeau .ps-review-count .number {
  font-weight: 700;
  color: #2d7a1f; /* vert GTF */
}

/* Lien */
#ps-reviews-bandeau .ps-reviews-link {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  text-align: center;
}

/* Mobile */
@media (max-width: 767px) {
  #ps-reviews-bandeau {
    font-size: 14px;
    padding: 5px 0;
  }

  #ps-reviews-bandeau .ps-review-count {
    display: inline-block;
    max-width: 90%;
    white-space: normal;
    line-height: 1.4;
  }
}