.elementor-1861 .elementor-element.elementor-element-742deea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-1f2cd30 *//* Contenitore in riga, con scorrimento orizzontale se serve */
/* .sl-badges-row > * { display:flex; gap:16px; flex-wrap:nowrap; overflow-x:auto; padding:6px 0; } */

.sl-badges-row > * { display:flex; gap:16px; flex-wrap:wrap; justify-content:center; overflow-x:visible; padding:6px 0; }


/* Ogni badge in colonna, centrato */
.sl-badges-row li,
.sl-badges-row .mycred-badge { 
  display:flex; flex-direction:column; align-items:center; text-align:center; 
  min-width:140px; /* larghezza box */
}

/* Immagine centrata + spazio sotto */
.sl-badges-row img { display:block; margin:0 auto 6px; max-width:120px; height:auto; }

/* Excerpt centrato sotto l’immagine */
.sl-badges-row .mycred-badge-excerpt,
.sl-badges-row .excerpt,
.sl-badges-row p { margin:2px 0 0; text-align:center; }

/* TITOLO Nome Utente */
.sl-profile-username {
    color: darkcyan;
    font-size: 60px !important;
}

/* Numero CREDITI */
.sl-profile-balance {
    color: red;
    font-size: 40px !important;
}

/* Centra il bottone di submit del form profilo */
.sl-profile-page form .button.button-primary {
  display: block;
  margin: 12px auto;
  background: #28a745;         /* verde */
  border: 1px solid #24963f;
  color: #fff;
  padding: .6rem 1.1rem;
  border-radius: 10px;
  font-weight: 600;
}

/* Hover / focus */
.sl-profile-page form .button.button-primary:hover,
.sl-profile-page form .button.button-primary:focus{
  background: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 3px rgba(40,167,69,.25);
}

/* Stato disabilitato (se mai servisse) */
.sl-profile-page form .button.button-primary:disabled{
  opacity: .65;
  cursor: not-allowed;
}


/* ogni badge può andare a capo, mantenendo larghezza minima */
.sl-badges-row li,
.sl-badges-row .mycred-badge { flex: 0 1 140px; }  /* 0 grow, 1 shrink, base 140px */


@media (max-width: 768px){
  .sl-badges-row img { max-width: 100px; }
  .sl-badges-row li, .sl-badges-row .mycred-badge { flex-basis: 33%; } /* ~3 per riga */
}
@media (max-width: 480px){
  .sl-badges-row img { max-width: 84px; }
  .sl-badges-row li, .sl-badges-row .mycred-badge { flex-basis: 45%; } /* ~2 per riga */
}


/* "I miei Badge" centrato e distaccato dal bottone */
.sl-profile-page form + h3{
  text-align: center;
  margin-top: 50px;   /* aumenta/diminuisci a piacere */
}

/* Se tra il form e il titolo c'è ancora la riga dei crediti (sl-balance) */
.sl-profile-page .sl-balance + h3{
  text-align: center;
  margin-top: 28px;
}/* End custom CSS */