/* Xtand_GoogleReviews — style autonome (indépendant du build Tailwind du thème).
   Les couleurs sont pilotées par variables CSS, surchargeables pour coller au site. */
.xtand-google-reviews{
    --xgr-star:#fbbc04;
    --xgr-star-empty:#e3e6ec;
    --xgr-accent:#1f419b;
    --xgr-card-bg:#ffffff;
    --xgr-border:#e6e9f0;
    --xgr-text:#1f2430;
    --xgr-muted:#7b8494;

    max-width:1200px;
    margin:0 auto;
    padding:2.5rem 1rem;
    color:var(--xgr-text);
    box-sizing:border-box;
}
.xtand-google-reviews *{box-sizing:border-box;}

.xgr-defs{position:absolute;width:0;height:0;}

/* En-tête : note globale */
.xgr-header{text-align:center;margin-bottom:1.75rem;}
.xgr-title{font-size:1.6rem;font-weight:700;margin:0 0 .75rem;}
.xgr-summary{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:center;}
.xgr-rating{font-size:1.9rem;font-weight:800;line-height:1;}
.xgr-summary__stars{display:inline-flex;gap:2px;}
.xgr-count{color:var(--xgr-muted);font-size:.95rem;}
.xgr-star{display:block;}

/* Grille */
.xgr-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;}
@media (min-width:640px){.xgr-grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.xgr-grid{grid-template-columns:repeat(3,1fr);}}

/* Carte avis */
.xgr-card{
    background:var(--xgr-card-bg);
    border:1px solid var(--xgr-border);
    border-radius:16px;
    padding:1.25rem;
    display:flex;
    flex-direction:column;
    gap:.75rem;
    box-shadow:0 6px 20px -12px rgba(20,30,60,.25);
}
.xgr-card__head{display:flex;align-items:center;gap:.75rem;}
.xgr-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#f0f2f6;}
.xgr-avatar--fallback{display:grid;place-items:center;font-weight:700;color:#fff;background:var(--xgr-accent);}
.xgr-card__meta{display:flex;flex-direction:column;min-width:0;}
.xgr-author{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xgr-date{font-size:.8rem;color:var(--xgr-muted);}
.xgr-gicon{margin-left:auto;font-weight:700;color:var(--xgr-accent);font-family:Arial,Helvetica,sans-serif;}
.xgr-stars{display:flex;gap:2px;}
.xgr-text{
    margin:0;
    font-size:.94rem;
    line-height:1.5;
    color:#3a4150;
    display:-webkit-box;
    -webkit-line-clamp:7;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

/* Carrousel */
.xgr-carousel{position:relative;}
.xgr-track{
    display:flex;
    gap:1.25rem;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding:.25rem;
    -ms-overflow-style:none;
    scrollbar-width:none;
}
.xgr-track::-webkit-scrollbar{display:none;}
.xgr-track .xgr-card{flex:0 0 300px;scroll-snap-align:start;}
.xgr-nav{
    position:absolute;top:50%;transform:translateY(-50%);z-index:2;
    width:40px;height:40px;border-radius:50%;
    border:1px solid var(--xgr-border);background:#fff;color:var(--xgr-text);
    font-size:1.4rem;line-height:1;cursor:pointer;
    box-shadow:0 6px 18px -8px rgba(0,0,0,.3);
}
.xgr-nav--prev{left:-8px;}
.xgr-nav--next{right:-8px;}
.xgr-nav:hover{background:#f5f7fb;}

/* Pied : lien Google */
.xgr-footer{text-align:center;margin-top:1.75rem;}
.xgr-link{
    display:inline-block;font-weight:700;
    color:var(--xgr-accent);text-decoration:none;
    border:1.5px solid var(--xgr-accent);
    padding:.65rem 1.4rem;border-radius:999px;
    transition:background-color .15s,color .15s;
}
.xgr-link:hover{background:var(--xgr-accent);color:#fff;}
