/* Smart External Links Manager - Frontend Styles */

a.welm-link-processed-for-icon {
    /* Opzionale: Testo e icona insieme */
    /* white-space: nowrap; */
}

/* Wrapper generico per l'icona (SVG o Dashicon) */
.welm-icon-wrapper {
    display: inline-flex;   /* Allinea l'icona verticalmente con il testo */
    align-items: center;    /* Centra l'icona verticalmente nel wrapper */
    margin-left: 0.3em;     /* Spazio tra testo del link e icona */
    line-height: 1;         /* Aiuta con l'allineamento verticale */
}

/*
 * Stili specifici per la Dashicon.
 * La classe .welm-dashicon-actual è sullo <span> interno che ha anche .dashicons e .dashicons-admin-links
 */
.welm-icon-wrapper .welm-dashicon-actual {
    font-size: 0.9em; /* Rendi la Dashicon leggermente più piccola o uguale al testo. Cambia a piacere. */
                      /* Le Dashicons sono ~20px a font-size: inherit se il testo è ~16-20px. */
                      /* Usare '1em' per essere grande come il testo del link. */
    line-height: inherit; /* Per un buon allineamento con il testo del link */
    opacity: 0.7;
    vertical-align: middle; /* Provare 'middle', 'text-bottom', o 'baseline' per vedere cosa sta meglio */
                            /* A volte è necessario un piccolo aggiustamento con position:relative; top: ... */
    text-decoration: none !important; /* Evita sottolineature */
    /* Il colore è ereditato (currentColor) per le Dashicons */
}

/* Opzionale: Cambia opacità al passaggio del mouse sul link (si applica al figlio del wrapper) */
a.welm-link-processed-for-icon:hover .welm-icon-wrapper > span.welm-dashicon-actual {
    opacity: 1;
}