/* Material Icons Fallback & Fix for Mobile */

/* Ensure Material Icons load properly with better fallback */
.material-icons-round,
.material-icons,
.material-icons-outlined,
.material-symbols-outlined {
    font-family: 'Material Icons Round', 'Material Icons', 'Material Symbols Outlined', sans-serif !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga';
    vertical-align: middle;
    /* Prevent text from showing before font loads */
    text-indent: 0;
    overflow: visible;
}

/* Material Icons default rendering */
.material-icons-round,
.material-icons,
.material-icons-outlined,
.material-symbols-outlined {
    font-family: 'Material Icons Round', 'Material Icons', 'Material Symbols Outlined', sans-serif !important;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
}

/* Specific size overrides */
.material-icons-round.text-sm,
.material-icons.text-sm {
    font-size: 18px !important;
    min-width: 18px;
    min-height: 18px;
}

.material-icons-round.text-xs,
.material-icons.text-xs {
    font-size: 14px !important;
    min-width: 14px;
    min-height: 14px;
}

.material-icons-round.text-\[10px\],
.material-icons.text-\[10px\] {
    font-size: 10px !important;
    min-width: 10px;
    min-height: 10px;
}

.material-icons-round.text-2xl,
.material-icons.text-2xl {
    font-size: 32px !important;
    min-width: 32px;
    min-height: 32px;
}

.material-icons-round.text-6xl,
.material-icons.text-6xl {
    font-size: 64px !important;
    min-width: 64px;
    min-height: 64px;
}



/* Force icon rendering on mobile */
@supports (-webkit-appearance: none) {

    .material-icons-round,
    .material-icons {
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke: 0;
    }
}