/**
 * Category icons in the main navigation (ST_CategoryIcon).
 *
 * Plain CSS on purpose: the file is shipped as a static theme asset, so it survives a
 * Tailwind rebuild and needs nothing but setup:static-content:deploy. Categories without an
 * icon render no <img> at all, so the menu layout is untouched for them.
 */
.nav-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
    object-fit: contain;
    flex-shrink: 0;
}

/* Smaller icons on phones, where menu rows are tighter. */
@media (max-width: 767px) {
    .nav-icon {
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }
}