/*
 * iKYBER Recensioni Google - stile del blocco.
 * Deriva da 03-componenti/ikb_recensioni.html: card a fill bianco, bordo #cfe0f3,
 * accento sinistro #1a6dbf, stelle #fbbc04. Le classi .ikb-rec* sono identiche
 * al componente statico, cosi' le pagine che lo montano a mano restano coerenti.
 */
.ikb-rec-block{max-width:100%;box-sizing:border-box;}
.ikb-rec{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  max-width:100%;box-sizing:border-box;
}
.ikb-rec--cols-1{grid-template-columns:1fr;}
.ikb-rec--cols-2{grid-template-columns:repeat(2,1fr);}
.ikb-rec--cols-3{grid-template-columns:repeat(3,1fr);}
.ikb-rec--cols-4{grid-template-columns:repeat(4,1fr);}
.ikb-rec__card{
  background:#ffffff;border:1px solid #cfe0f3;border-left:4px solid #1a6dbf;
  border-radius:14px;padding:clamp(20px,2.5vw,26px);
  display:flex;flex-direction:column;box-sizing:border-box;
}
.ikb-rec__head{display:flex;align-items:center;gap:11px;margin:0 0 4px;}
.ikb-rec__avatar{
  width:40px;height:40px;border-radius:50%;flex:0 0 40px;
  display:flex;align-items:center;justify-content:center;
  background:#eef5fc;color:#1a6dbf;font-weight:700;font-size:17px;
}
.ikb-rec__avatar--photo{object-fit:cover;}
.ikb-rec__name{font-weight:700;color:#0f2540;font-size:15px;line-height:1.2;margin:0;}
.ikb-rec__stars{display:flex;gap:2px;margin:3px 0 0;}
.ikb-rec__stars svg{width:15px;height:15px;}
.ikb-rec__body{
  color:#3a4a5c;font-size:14.5px;line-height:1.62;margin:14px 0 18px;
}
.ikb-rec__src{
  margin-top:auto;display:inline-flex;align-items:center;gap:6px;
  color:#1a6dbf !important;text-decoration:none;font-weight:600;font-size:13.5px;
  border-top:1px solid #eef2f7;padding-top:13px;
}
.ikb-rec__src:hover{text-decoration:underline;}
.ikb-rec__src svg{stroke:#1a6dbf;flex:0 0 auto;}

/* Voto aggregato: stelle + testo (es. "4,7 su 5,0 (da 14 recensioni)") */
.ikb-rec__agg{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
  margin:0 0 18px;
}
.ikb-rec__agg-stars{display:flex;gap:2px;}
.ikb-rec__agg-stars svg{width:20px;height:20px;}
/* Colore stelle forzato: JegKit colora "svg path" e cancellerebbe giallo/grigio */
svg.ikb-rec__star path.ikb-rec__star-on{fill:#fbbc04 !important;}
svg.ikb-rec__star path.ikb-rec__star-off{fill:#e4ecf5 !important;}
.ikb-rec__agg-text{margin:0;font-weight:700;color:#0f2540;font-size:16px;line-height:1.3;}
.ikb-rec__agg .ikb-rec__agg-link{margin-top:0;border-top:0;padding-top:0;}
.ikb-rec-block--agg-bottom .ikb-rec__agg{margin:18px 0 0;justify-content:flex-end;}

.ikb-rec__empty{
  color:#3a4a5c;font-size:14px;border:1px dashed #cfe0f3;border-radius:10px;padding:14px 16px;
}

@media(max-width:900px){
  .ikb-rec,.ikb-rec--cols-2,.ikb-rec--cols-3,.ikb-rec--cols-4{grid-template-columns:1fr;}
  .ikb-rec-block--agg-bottom .ikb-rec__agg{justify-content:flex-start;}
}