cat > /var/www/italianstylediffusion.com/themes/deo_outis/assets/css/isd-google-reviews.css <<'EOF'
/* ===== ISD Google Reviews (clean) ===== */

.isd-gr{
  max-width:100%;
  width:100%;
  margin:0 auto;
  padding:18px 12px;
  box-sizing:border-box;
}

.isd-gr-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

.isd-gr-left{display:flex;align-items:center;gap:12px}
.isd-gr-title{font-weight:700;font-size:18px;line-height:1.2}
.isd-gr-rating{display:flex;align-items:center;gap:10px;margin-top:4px}
.isd-gr-score{font-weight:800}
.isd-gr-stars{letter-spacing:1px}

.isd-gr-btn{
  display:inline-block;
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  border:1px solid #d6d6d6;
}
.isd-gr-btn:hover{opacity:.9}

.isd-gr-carousel{position:relative}

.isd-gr-track{
  display:flex;
  gap:14px;
  overflow:auto;
  scroll-snap-type:x mandatory;
  padding:10px 42px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.isd-gr-track::-webkit-scrollbar{display:none}

.isd-gr-card{
  min-width:300px;
  max-width:300px;
  background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  padding:14px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  scroll-snap-align:start;
  box-sizing:border-box;
}
@media (min-width: 1200px){
  .isd-gr-card{min-width:320px;max-width:320px}
}

.isd-gr-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:34px;height:34px;
  border-radius:50%;
  border:1px solid #e6e6e6;
  background:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
  z-index:20;
}
.isd-gr-prev{left:10px}
.isd-gr-next{right:10px}

.isd-gr-dots{
  display:flex;
  gap:8px;
  justify-content:center;
  margin-top:10px;
}
.isd-gr-dots span{
  width:7px;height:7px;
  border-radius:50%;
  background:#cfcfcf;
  cursor:pointer;
}
.isd-gr-dots span.is-active{background:#444}

/* ===== Header card: avatar + nome + spunta ===== */
.isd-gr-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}

.isd-gr-avatar{
  width:34px;height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  background:#f1f3f4;
  color:#444;
  flex:0 0 34px;
  line-height:34px;
  text-align:center;
}

.isd-gr-name{
  font-weight:800;
  display:flex;
  align-items:center;
  gap:6px;
}

.isd-gr-date{font-size:12px;opacity:.75}

.isd-gr-text{font-size:14px;line-height:1.35;min-height:68px}
.isd-gr-more{display:inline-block;margin-top:10px;text-decoration:none;font-weight:700}

/* ===== Stelle gialle ===== */
.isd-gr-stars,
.isd-gr-cardstars{
  color:#fbbc04 !important;
  letter-spacing:1px;
}

/* Spunta blu stile Google (più pulita) */
.isd-gr-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#1a73e8;
  flex:0 0 14px;
}

.isd-gr-badge::before{
  content:"✓";
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:800;
  transform:translateY(-0.5px);
}
/* Limita i pallini visibili (mostra solo i primi 7) */
.isd-gr-dots span{display:none;}
.isd-gr-dots span:nth-child(-n+7){display:inline-block;}

EOF

