/* «مغایرت» در منو، و کادر تعداد رقابت‌های زیرمجموعه
   (تسک ۱۴۰۵/۰۷/۰۸/۷۰، بند ۲۵، ۲۶ و ۲۹ … ۳۳).

   اینجا و نه در `theme.css`، به همان دلیلی که هر شیوه‌نامه پنل‌گستر دیگری در
   `public/css/` هست: این فایل را خود صفحه لینک می‌کند، پس روی سرور بدون
   بازساخت دارایی‌ها اثر می‌گذارد. منو در همه صفحه‌های پنل کشیده می‌شود، پس
   قاعده‌اش هم پنل‌گستر است — برخلاف قاعده‌های جدول رقابت‌ها که فقط در همان
   صفحه‌ها چاپ می‌شوند. */

/* Filament هر چیزی را که badge یک ردیف منو برمی‌گرداند در `<x-filament::badge>`
   خودش می‌پیچد. آنجا — و فقط آنجا — که آن پوشش این جفت را نگه داشته، کنار
   گذاشته می‌شود، وگرنه کادر زرد داخل یک کادر دیگر می‌افتد. */
.fi-badge:has(> .fi-competition-menu-badge) {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    min-width: 0;
}

.fi-competition-menu-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    white-space: nowrap;
}

/* کادر زرد با نوشته سیاه — همان کادری که «تعداد رقابت‌ها»ی استان‌ها دارد، تا دو
   منوی همسایه دو زبان نداشته باشند. */
.fi-competition-children-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    padding: 0.0625rem 0.3125rem;
    border-radius: 0.25rem;
    background-color: #facc15;
    color: #000000;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1.125rem;
    font-variant-numeric: tabular-nums;
}

/* مثلث اخطار، در هر دو منو یک شکل و یک اندازه. */
.fi-competition-menu-warning {
    display: inline-flex;
    align-items: center;
    color: #dc2626;
    flex: none;
}

.fi-competition-menu-warning svg {
    width: 1rem;
    height: 1rem;
}

/* روی ردیف انتخاب‌شده — که با `--panel-accent` پر شده — مثلث باید همچنان دیده
   شود، پس روشن‌تر می‌شود و یک هاله سفید نازک می‌گیرد. */
.fi-sidebar-item-active .fi-competition-menu-warning,
.dark .fi-sidebar-item-active .fi-competition-menu-warning {
    color: #fecaca;
}

.fi-sidebar-item-active .fi-competition-children-count,
.dark .fi-sidebar-item-active .fi-competition-children-count {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.55);
}

@media (max-width: 480px) {
    .fi-competition-menu-badge {
        gap: 0.1875rem;
    }

    .fi-competition-children-count {
        min-width: 1.125rem;
        padding: 0.0625rem 0.25rem;
    }
}