/*
 * A menu row whose icon is a logo — «رقابت‌های کشوری»
 * (تسک ۱۴۰۵/۰۷/۰۴/۰۱ «منوی مدیریتی جدید»، بند ۴، ۵ و ۱۹).
 *
 * Every row of that menu is a «رقابت مادر کشوری», and what stands before its name
 * is that parent's own logo rather than a glyph from an icon set. The panel
 * already knows how to draw one: an entry whose icon is a path is an `<img>` in
 * all three readings of the menu — Filament's own sidebar, the window beside the
 * closed column, and the header's quick menu — so nothing about the menu itself
 * was changed for this.
 *
 * What a stylesheet has to say is only how large that image is and how it fits,
 * and it is the same size the glyph beside it would have been: the sibling rules
 * for `svg` in `panel-sidebar-flyout.css` and `panel-quick-menu.css` are ۱٬۲۵rem,
 * and Filament's sidebar gives its own icon `h-6 w-6`. So a logo can never make a
 * row taller than its neighbours (بند ۴ «باعث افزایش نامتناسب ارتفاع ردیف نشود»),
 * and a wide badge keeps its proportions instead of being squeezed into a square
 * — `contain`, never `cover`, which would crop someone's crest.
 *
 * Loaded after the three menu stylesheets, so these rules of equal weight are the
 * ones that apply.
 */

/* The window each menu of the closed column opens beside it. */
.fi-sidebar-flyout-item-icon img {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
}

/* The header's quick menu, in both of its columns. */
.fi-quick-menu-row-icon img {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
}

/* Filament's own sidebar — the phone's menu, and the desktop column whenever the
   operator opens it. The width and height are the classes Filament merges onto
   the element itself (`h-6 w-6`); all this adds is the fit, so a logo that is not
   square is not stretched. */
.fi-sidebar-item-icon {
    object-fit: contain;
}
