/* ============================================================================
   Trustville reviews - Fixes CSS (v6 - validee en live)
   ----------------------------------------------------------------------------
   Le module netreviews ne donne pas de dimensions au .netreviews_font_stars
   (seul .netreviews_bg_stars_big en a). Ses divs enfants sont position:absolute
   donc le wrapper s'effondre a 0x0 et les etoiles disparaissent.
   En plus, .nr-icon.nr-star est en display:inline -> width:X% sur la partial
   etoile est ignore.
   Bug supplementaire : le whitespace HTML entre les <span> creait un gap
   visuel qui decalait la partial vers la droite.
   En plus, le module hardcode .nr-star:before { font-size: 16px } -> il faut
   l'override sinon les icones restent petites meme dans un span 24px.

   Choix design : MEME TAILLE 16px PARTOUT (top, sidebar, cards, nearby) pour
   homogeneite visuelle. Pas de version "big" comme l'ancien Avis Verifies.

   Ce fichier corrige tout en :
     - Donnant des dimensions au .netreviews_font_stars (80px x 16px)
     - Passant les .nr-star en inline-block sans !important sur width
       (pour que l'inline width:X% de la partial fonctionne)
     - Mettant font-size:0 sur les rangees grey/gold pour eliminer le gap
       cree par les espaces HTML entre les <span>
     - Forcant l'icone :before a 16px avec !important
   ============================================================================ */

/* ============================================================================
   1) Pattern unique : .netreviews_font_stars en 16px / 80px partout
   ============================================================================ */
.netreviews_font_stars {
    position: relative !important;
    display: inline-block !important;
    width: 80px;          /* 5 etoiles x 16px */
    height: 16px;
    vertical-align: middle;
}
.netreviews_font_stars > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    /* Annule le whitespace cree par les espaces HTML entre <span>.
       Les .nr-star enfants restaurent leur propre font-size. */
    font-size: 0;
    line-height: 16px;
    letter-spacing: 0;
    word-spacing: 0;
    /* IMPORTANT : force l'alignement a gauche meme si l'ancetre (.o-reviews__sidebar)
       a text-align:center. Sans ca, la rangee gold (4 stars + 1 partial = 75.19px)
       est centree dans le wrapper 80px -> decalage de 2.4px par rapport a la
       rangee grey (5 stars = 80px) qui elle remplit le wrapper. */
    text-align: left !important;
}
.netreviews_font_stars > div > .nr-icon.nr-star {
    display: inline-block;
    width: 16px;          /* PAS de !important pour que la partial avec
                             style="width:X%" inline puisse s'appliquer */
    height: 16px;
    overflow: hidden;
    vertical-align: top;
    font-size: 16px;
    line-height: 16px;
}
/* Force l'icone glyph a 16px (override la regle netreviews qui peut etre
   differente selon le contexte) */
.netreviews_font_stars > div > .nr-icon.nr-star:before {
    font-size: 16px !important;
    line-height: 16px;
}

/* ============================================================================
   2) Sidebar : centrage horizontal du bloc d'etoiles (taille reste 16px)
   ============================================================================ */
.o-reviews__sidebar .netreviews_global_rating {
    text-align: center;
}

/* ============================================================================
   3) Alignement vertical sidebar <-> liste de cards a droite
   ============================================================================ */
#netreviews_reviews_tab > .row .row.mgt-4 {
    align-items: center;
}
#netreviews_reviews_tab .o-reviews {
    align-self: center;
}

/* ============================================================================
   4) Note du haut (.t-store__reviews) : flex inline pour coller stars + texte
   ============================================================================ */
.t-store__reviews .netreviews_stars_light .m-review__rating {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.t-store__reviews .netreviews_stars_light .m-review__rating > p {
    margin: 0;
}

/* ============================================================================
   5) Cards d'avis : nom a gauche, stars + note a droite (comme l'OLD)
   ============================================================================ */
#netreviews_reviews_tab .o-reviews__list .m-review .m-review__author {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
#netreviews_reviews_tab .o-reviews__list .m-review .m-review__rating {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* ============================================================================
   6) Magasins a proximite : stars + texte sur 1 ligne, jamais de wrap
   ============================================================================ */
.nearby-reviews .netreviews_stars_light {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}
.nearby-reviews .netreviews_stars_light > p {
    margin: 0;
    white-space: nowrap;
}