@font-face {
    font-family: 'Material Symbols Rounded';
    src: url('../fonts/material-symbols-rounded.woff2') format('woff2');
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
}

.material-symbols-rounded {
    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;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: hidden;
    overflow-wrap: normal;
    word-wrap: normal;
    direction: ltr;
    vertical-align: middle;
    font-feature-settings: 'liga';
    font-variant-ligatures: normal;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.material-symbols-rounded.icon-filled {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.admin-sidebar nav a { display: flex; align-items: center; gap: 10px; }
.admin-sidebar nav .material-symbols-rounded { font-size: 20px; }
.small-button, .danger-link, .pagination a, .actions a, .editor-toolbar button {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
}
.button .material-symbols-rounded { font-size: 20px; }
.back-link .material-symbols-rounded, .stat-grid a .material-symbols-rounded,
.card-link .material-symbols-rounded { font-size: 17px; }
.header-inner nav .material-symbols-rounded, .topbar .material-symbols-rounded { font-size: 16px; }
.header-search button { display: flex; align-items: center; justify-content: center; }
.header-search .material-symbols-rounded { font-size: 22px; }
.hero-note .material-symbols-rounded { font-size: 20px; }
.hero-seal .material-symbols-rounded { font-size: 18px; }
.values .material-symbols-rounded { font-size: 31px; }
.kitchen-banner > .material-symbols-rounded { font-size: 60px; }
.card-meta > span, .recipe-facts > span, .recipe-facts > a { display: inline-flex; align-items: center; gap: 6px; }
.card-meta .material-symbols-rounded { font-size: 16px; }
.rating-stars { display: inline-flex; align-items: center; gap: 2px; vertical-align: middle; }
.rating-stars .material-symbols-rounded { font-size: 18px; }
.review .rating-stars .material-symbols-rounded { margin: 0; }
.ingredient-row .remove-ingredient { padding: 0; }
@media(max-width:850px) { .values .material-symbols-rounded { font-size: 25px; } }
@media(max-width:600px) { .admin-sidebar nav a { gap: 6px; } }
