/**
 * icon-swap.css
 *
 * Minimal CSS for the Icon Swap module.
 * Most target libraries load their own complete stylesheet via CDN.
 * This file only patches edge-cases.
 */

/* ============================================================
   Material Symbols — ensure vertical alignment matches FA's
   behaviour and the ligature text is invisible to screen readers
   ============================================================ */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    /* Match inline-block display FA uses */
    display: inline-block;
    /* Prevent ligature text wrapping */
    white-space: nowrap;
    /* Suppress text selection of the ligature string */
    user-select: none;
    -webkit-user-select: none;
    /* Vertical align to match <i> elements */
    vertical-align: -0.125em;
    line-height: 1;
}

/* ============================================================
   Tabler Icons — normalise size to match FA's 1em default
   (Tabler defaults to 24px which can be larger than surrounding text)
   ============================================================ */
[class*="ti-"] {
    font-size: 1em;
    vertical-align: -0.125em;
}

/* ============================================================
   Phosphor Icons — same size normalisation
   ============================================================ */
[class*="ph-"] {
    font-size: 1em;
    vertical-align: -0.125em;
}

/* ============================================================
   Boxicons — same size normalisation
   ============================================================ */
[class*="bx-"] {
    font-size: 1em;
    vertical-align: -0.15em;
}

/* ============================================================
   Bootstrap Icons — same size normalisation
   ============================================================ */
[class*="bi-"] {
    font-size: 1em;
    vertical-align: -0.125em;
}