/*
 * Foundation: Material Symbols Rounded (local)
 *
 * Google Material Symbols Rounded font hosted locally — replaces FontAwesome
 * for all Mayan icons via template overrides in templates/icons/font_awesome/.
 *
 * Font source: fonts.gstatic.com (Google Fonts), downloaded once into the
 * package. Not loaded from CDN at runtime — closed corporate network safe.
 *
 * Rounded variant: softer curves on all glyphs, pairs well with the
 * grayscale Apple-style MD3 theme.
 *
 * Note: class name remains `.material-symbols-outlined` for compatibility
 * with the 4 template overrides in icons/font_awesome/ — don't let the
 * name mislead you, the actual font loaded is Rounded.
 */

@font-face {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../../../fonts/material-symbols-rounded.8cfa313eeb59.woff2") format('woff2');
}

.material-symbols-outlined,
.material-symbols-rounded,
.mayan-icon.material-symbols-outlined,
i.material-symbols-outlined,
span.material-symbols-outlined {
    font-family: 'Material Symbols Rounded';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: middle;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-feature-settings: 'liga';
}

/* Compact icon variants (table rows, small buttons, dropdown items) */
.btn-xs .material-symbols-outlined,
.dropdown-menu .material-symbols-outlined,
table .material-symbols-outlined,
.toolbar .material-symbols-outlined {
    font-size: 18px;
}

/* Large nav icons (rail items, detail panel headers) */
.nav-rail-item .material-symbols-outlined,
.nav-drawer-section-title .material-symbols-outlined {
    font-size: 22px;
}

/* Dashboard widget headings + setup/tools card grid icons — 2× larger */
.panel-heading .material-symbols-outlined,
.navigation-btn-lg .material-symbols-outlined,
.appearance-btn-large-container .material-symbols-outlined {
    font-size: 40px;
}

/* Disabled / muted state */
.text-muted .material-symbols-outlined,
.disabled .material-symbols-outlined {
    opacity: 0.5;
}