/* Frontend styles for WE Review Slider */
.we-rs-slider-wrapper{ position:relative; width:100%; max-width:1200px; margin:0 auto; }
.we-rs-slider{ display:flex; gap:16px; overflow-x:auto; scroll-behavior:smooth; padding:8px; }
.we-rs-slider::-webkit-scrollbar{ height:10px; }
.we-rs-slider::-webkit-scrollbar-thumb{ background:#cbd5e1; border-radius:8px; }

/* Dynamic columns using CSS variable --we-cols (fallback 4) */
.we-rs-slide{ flex:0 0 calc((100% / var(--we-cols,4)) - 12px); min-width:220px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:18px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.06); transition:box-shadow .25s, transform .25s; color:inherit; text-decoration:none; }
.we-rs-slide:hover{ box-shadow:0 4px 14px rgba(0,0,0,.12); transform:translateY(-2px); }
@media (max-width:1200px){ .we-rs-slide{ flex-basis:calc((100% / min(var(--we-cols,4),3)) - 12px); } }
@media (max-width:900px){ .we-rs-slide{ flex-basis:calc((100% / min(var(--we-cols,4),2)) - 10px); } }
@media (max-width:600px){ .we-rs-slide{ flex-basis:100%; } }

.we-rs-avatar{ width:72px; height:72px; border-radius:50%; overflow:hidden; margin:0 auto 10px; background:#f3f4f6; display:flex; align-items:center; justify-content:center; }
.we-rs-avatar img{ width:100%; height:100%; object-fit:cover; }
.we-rs-avatar-fallback{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.1rem; color:#fff; background:#9ca3af; }
.we-rs-name{ font-weight:700; color:#111827; }
.we-rs-country{ color:#6b7280; font-size:0.9rem; margin-bottom:6px; }
.we-rs-stars{ color:#f59e0b; display:flex; justify-content:center; gap:4px; margin:8px 0 10px; }
.we-rs-star{ display:block; }
.we-rs-title{ font-size:1.05rem; font-weight:600; margin-bottom:6px; }
.we-rs-content{ color:#374151; font-size:0.95rem; }
/* Line clamp via --we-lines variable */
.we-rs-content[style*="--we-lines"]{ display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; }
.we-rs-content[style*="--we-lines"]{ -webkit-line-clamp:var(--we-lines); line-clamp:var(--we-lines); }

.we-rs-nav{ position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.08); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.we-rs-prev{ left:-20px; }
.we-rs-next{ right:-20px; }
@media (max-width:600px){ .we-rs-prev{ left:4px;} .we-rs-next{ right:4px;} }