/*
 * Avis clients immodvisor — habillage maison.
 *
 * Reproduit ce que faisait le widget JavaScript : l'encart de note fixé en haut
 * à droite, et la liste d'avis de la page « Avis clients ». Les étoiles sont
 * tracées par Font Awesome, déjà chargée par le thème, au lieu des deux PNG de
 * 17 Ko que servait le widget.
 *
 * ⚠️ Cette feuille n'est PAS dans le paquet Vite : elle est chargée à part,
 * pour pouvoir être retouchée sans relancer `npm run build`. Elle est petite,
 * et c'est le seul endroit du site où le confort l'emporte sur la requête.
 */

/* ───────────────────────── l'encart de note ───────────────────────── */

.avis-note {
    position: fixed;
    top: 230px;
    right: 0;
    z-index: 99;              /* le widget montait au maximum et recouvrait le hero */
    display: block;
    width: 140px;
    padding: 14px 10px 10px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
    text-align: center;
    text-decoration: none;
    color: #2b2b2b;
    transition: transform .2s ease;
}

.avis-note:hover,
.avis-note:focus {
    transform: translateX(-4px);
    text-decoration: none;
    color: #2b2b2b;
}

.avis-note-chiffre {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.5px;
}

.avis-note-chiffre small {
    font-size: 20px;
    font-weight: 400;
    color: #6b6b6b;
}

.avis-note-etoiles {
    display: block;
    margin: 2px 0 4px;
    color: #f5a623;           /* l'orangé des étoiles du widget */
    font-size: 15px;
    letter-spacing: 1px;
}

.avis-note-mention {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .4px;
    color: #4a4a4a;
}

.avis-note-nombre {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: #6b6b6b;
}

/* Le bouton violet du widget, repris à l'identique. */
.avis-note-bouton {
    display: inline-block;
    margin-top: 7px;
    padding: 3px 14px;
    background: #4b2e83;
    border-radius: 11px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .2px;
}

.avis-note:hover .avis-note-bouton {
    background: #3a2366;
}

.avis-note-garanti {
    display: block;
    margin-top: 8px;
    padding-top: 7px;
    border-top: 1px solid #ededed;
    font-size: 10px;
    color: #8a8a8a;
    line-height: 1.5;
}

.avis-note-garanti img {
    display: block;
    width: 90px;
    height: auto;
    margin: 2px auto 0;
}

/*
    Sous 992 px, l'encart fixé mange une bande de l'écran et passe devant le
    contenu. Le widget faisait la même chose, en pire : il ne se retirait
    jamais. Ici il disparaît, la note restant accessible sur la page des avis.
*/
@media (max-width: 991px) {
    .avis-note { display: none; }
}

/* ───────────────────── la page « Avis clients » ───────────────────── */

.avis-titre {
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 700;
}

.avis-resume {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    padding: 26px 30px;
    background: #f2f2f2;
    margin-bottom: 26px;
}

.avis-resume-note {
    text-align: center;
    min-width: 150px;
}

.avis-resume-chiffre {
    display: block;
    font-size: 46px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1px;
}

.avis-resume-chiffre small {
    font-size: 30px;
    font-weight: 400;
    color: #6b6b6b;
}

.avis-resume-etoiles {
    display: block;
    margin: 8px 0 4px;
    color: #f5a623;
    font-size: 19px;
    letter-spacing: 2px;
}

.avis-resume-mention {
    display: block;
    font-size: 12px;
    letter-spacing: .5px;
    color: #4a4a4a;
}

.avis-resume-compte {
    flex: 1 1 200px;
    font-size: 15px;
    color: #4a4a4a;
}

.avis-resume-compte i {
    width: 22px;
    color: #8a8a8a;
}

.avis-resume-sceau {
    width: 150px;
    height: auto;
}

.avis-item {
    padding: 22px 26px;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
}

.avis-item:last-of-type {
    border-bottom: 1px solid #e6e6e6;
}

.avis-item-tete {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.avis-item-auteur {
    font-weight: 700;
    font-size: 15px;
}

.avis-item-date {
    display: block;
    font-size: 13px;
    color: #8a8a8a;
    font-weight: 400;
}

.avis-item-note {
    font-size: 14px;
    color: #4a4a4a;
    white-space: nowrap;
}

.avis-item-note .fa {
    color: #f5a623;
}

.avis-item-titre {
    font-weight: 700;
    margin-bottom: 6px;
}

.avis-item-texte {
    margin: 0;
    color: #4a4a4a;
    line-height: 1.65;
}

.avis-tous {
    display: inline-block;
    margin-top: 22px;
}

.avis-indispo {
    padding: 22px 26px;
    background: #f7f7f7;
    color: #6b6b6b;
}