/* ============================================================
   Desura — Avis clients : carrousel front + carte sombre partagée
   S'appuie sur theme.css. Préfixe .rv-
   ============================================================ */

/* ---- Bande sombre (intègre le carrousel sur fond clair) ---- */
.rv-band{position:relative;overflow:hidden;background:linear-gradient(160deg,#1c1c22 0%,#09090b 70%);border-radius:var(--radius-hero);padding:48px 44px;}
@media(max-width:680px){.rv-band{padding:34px 20px;border-radius:var(--radius-card-lg);}}
.rv-band::before{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-180px;background:radial-gradient(closest-side,rgba(16,185,129,0.18),transparent 70%);pointer-events:none;}
.rv-band__head{position:relative;text-align:center;margin-bottom:34px;}
.rv-rating{display:inline-flex;gap:10px;margin-bottom:18px;}
.rv-rating__chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1);color:#fff;border-radius:var(--radius-pill);padding:7px 14px;font-size:14px;font-weight:600;}
.rv-rating__chip svg{width:17px;height:17px;}
.rv-band__title{color:#fff;font-size:clamp(24px,3.4vw,34px);font-weight:700;letter-spacing:-0.02em;margin:0;text-wrap:balance;}
.rv-band__sub{color:var(--color-ash);font-size:15px;margin:12px 0 0;}

/* ---- Carrousel ---- */
.rv-carousel{position:relative;z-index:1;}
.rv-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px;-ms-overflow-style:none;scrollbar-width:none;}
.rv-track::-webkit-scrollbar{display:none;}

/* ---- Carte sombre (= style du screenshot) ---- */
.rv-card{scroll-snap-align:start;flex:0 0 auto;width:min(380px,82vw);background:#141418;border-radius:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);padding:26px;display:flex;flex-direction:column;}
.rv-card__head{display:flex;align-items:center;gap:13px;margin-bottom:16px;}
.rv-card__ava{width:46px;height:46px;border-radius:50%;background:#26262c;color:#fff;display:grid;place-items:center;font-weight:600;font-size:15px;flex-shrink:0;}
.rv-card__id{min-width:0;}
.rv-card__name{color:#fff;font-weight:600;font-size:15.5px;line-height:1.2;}
.rv-card__role{color:var(--color-ash);font-size:12.5px;font-family:var(--font-mono);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rv-card__text{color:#d4d4d8;font-size:14.5px;line-height:1.6;margin:0;text-wrap:pretty;flex:1;}
.rv-card__stars{color:var(--color-ember);letter-spacing:3px;font-size:14px;margin-top:18px;}
.rv-card__stars .off{color:rgba(255,255,255,0.18);}

/* ---- Contrôles ---- */
.rv-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;position:relative;z-index:1;}
.rv-dots{display:flex;gap:7px;flex-wrap:wrap;}
.rv-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.22);border:none;cursor:pointer;padding:0;transition:all .2s;}
.rv-dot.is-on{background:var(--color-ember);width:22px;border-radius:4px;}
.rv-arrows{display:flex;gap:10px;flex-shrink:0;}
.rv-arrow{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .15s;}
.rv-arrow:hover{background:rgba(255,255,255,0.13);}
.rv-arrow:disabled{opacity:.35;cursor:default;}
.rv-arrow svg{width:18px;height:18px;}

/* ---- Aperçu carte isolée (manager) — même rendu sur fond sombre ---- */
.rv-preview{background:linear-gradient(160deg,#1c1c22,#09090b 72%);border-radius:var(--radius-card);padding:30px;display:grid;place-items:center;}
.rv-preview .rv-card{width:100%;max-width:340px;}

/* ---- Slider une-carte (emplacements embarqués) ---- */
.rv-slider{width:100%;min-width:0;}
.rv-slider .rv-track{gap:0;min-width:0;}
.rv-card--full{width:100%;flex:0 0 100%;min-width:0;}
.rv-sctrl{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;}
.rv-sctrl .rv-dots{justify-content:center;}
.rv-sarrow{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12);color:#fff;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:background .15s;}
.rv-sarrow:hover{background:rgba(255,255,255,0.13);}
.rv-sarrow svg{width:15px;height:15px;}