/* =========================
   ML Elementor Tutor Selected Courses - widget.css
   (version robuste: étoiles visibles + compat 2 versions)
   ========================= */

/* ------- Layout / cards (version ml-etsc) ------- */
.ml-etsc-wrap{width:100%;max-width:100%}

.ml-etsc-grid{
  display:grid;
  grid-template-columns:repeat(var(--ml-etsc-cols,3), minmax(0,1fr));
  gap:16px;
}

@media (max-width: 991px){
  .ml-etsc-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media (max-width: 520px){
  .ml-etsc-grid{grid-template-columns:1fr}
}

.ml-etsc-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:var(--ml-etsc-radius,14px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  box-shadow:0 10px 30px rgba(37,117,252,.08);
}

.ml-etsc-thumb{display:block;background:#f1f5f9}
.ml-etsc-thumb img{width:100%;height:auto;display:block}

.ml-etsc-body{
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.ml-etsc-title{
  font-weight:800;
  color:#0b1220;
  text-decoration:none;
  line-height:1.2;
}
.ml-etsc-title:hover{color:var(--ml-etsc-accent,#2575FC)}

.ml-etsc-subtitle{
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  color:#6b7280;
}

.ml-etsc-foot{
  margin-top:auto;
  padding:12px 14px;
  border-top:1px solid #e5e7eb;
  display:flex;
  gap:10px;
  align-items:center;
}

.ml-etsc-btn{
  flex:1;
  text-align:center;
  padding:10px 12px;
  border-radius:12px;
  text-decoration:none;
  font-weight:900;
  border:1px solid var(--ml-etsc-accent,#2575FC);
  background:var(--ml-etsc-accent,#2575FC);
  color:#fff;
}
.ml-etsc-btn:hover{
  background:#ffffff;
  color:var(--ml-etsc-accent,#2575FC);
}

.ml-etsc-empty{
  padding:14px;
  border-radius:12px;
  background:#f9fafb;
  color:#6b7280;
  font-weight:900;
}

/* ------- Rating (version ml-etsc : étoiles bg/fg) ------- */
.ml-etsc-rating{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:900;
}

/* IMPORTANT : taille par défaut plus grande */
.ml-etsc-stars{
  position:relative;
  display:inline-block;
  line-height:1;
  letter-spacing:1px;
  font-size:22px;         /* <-- plus grand par défaut */
  vertical-align:middle;
}

.ml-etsc-stars-bg{ color:#d1d5db; }
.ml-etsc-stars-fg{
  position:absolute;
  left:0;
  top:0;
  overflow:hidden;
  white-space:nowrap;
  color:#f59e0b;
  width:0;
}

.ml-etsc-score{
  font-size:12px;
  color:#6b7280;
  font-weight:900;
}

/* =========================================================
   Rating (ancienne version : .ml-rating + .ml-stars)
   -> corrige le "★★★★★★★★★★" et assure une taille visible
   ========================================================= */

.ml-rating{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:900;
}

/* Base étoile (taille visible) */
.ml-stars{
  position:relative;
  display:inline-block;
  line-height:1;
  letter-spacing:1px;
  font-size:22px;         /* <-- plus grand par défaut */
  vertical-align:middle;
}

/* 5 étoiles vides */
.ml-stars::before{
  content:"★★★★★";
  color:#d1d5db;
}

/* 5 étoiles pleines (overlay) */
.ml-stars::after{
  content:"★★★★★";
  position:absolute;
  left:0;
  top:0;
  color:#f59e0b;
  overflow:hidden;
  white-space:nowrap;

  /* largeur selon --rating (0 à 5) */
  width:calc((var(--rating, 0) / 5) * 100%);
}

/* Texte à côté */
.ml-rating-text{
  font-size:12px;
  color:#6b7280;
  font-weight:900;
}