/* 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 (Unicode 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.
 */
.welm-icon-wrapper .welm-dashicon-actual {
    font-size: 1em; /* Rendi la Dashicon leggermente più piccola o uguale al testo. */
    line-height: inherit;
    opacity: 0.7;
    vertical-align: middle;
    text-decoration: none !important;
}

/*
 * Stili specifici per le icone UNICODE.
 * La classe .welm-unicode-actual è sullo <span> interno.
 */
.welm-icon-wrapper .welm-unicode-actual {
    font-size: 1em; /* Le icone Unicode spesso stanno meglio a 1em. Aggiusta se necessario. */
    line-height: inherit;
    opacity: 0.7; /* Applica la stessa opacità delle Dashicons per coerenza */
    vertical-align: middle; /* Allineamento coerente */
    font-style: normal; /* Assicura che non sia corsivo se il link lo è */
    text-decoration: none !important; /* Evita sottolineature */
}


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

/*
 * This is an example of the CSS class that will be added to external links.
 */

a.external-link {
/* Example link */
    border-bottom: 1px dashed currentColor;
    text-decoration: none;
}

/* Example icon */
a.external-link .welm-icon-wrapper {
    color: #e41212;
}