/* CdL Theme — set icone.
   Sostituisce il set AGID (158 glifi outline) con Material Symbols Rounded.
   Non modifica il design system originale: i glifi AGID restano disponibili
   e vengono ancora usati per i marchi social (IconsLogos*), che Material
   Symbols non copre. */

@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,300..700,0..1,-25..200');

.cdl-icon {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  user-select: none;
}

/* Variante piena: stati attivi e pulsanti di riproduzione */
.cdl-icon--fill { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; }

/* Peso maggiorato per i glifi sotto i 20px, dove il tratto 400 sbianca */
.cdl-icon--strong { font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 20; }