/*
 * Portal UI refinements.
 * Enqueued after tailwind.css (depends on tailwind-css) so these overrides win
 * on source order; selectors are also kept specific enough to beat utilities.
 */

/* Sidebar primary menu: icon spacing + size */
#menu-primary-menu-links .menu-icon {
    margin-right: .3rem !important;
}
#menu-primary-menu-links .menu-icon .svg-icon.svg-icon-2,
#menu-primary-menu-links .menu-icon .svg-icon.svg-icon-2 svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
    font-size: 1.25rem !important;
    line-height: 1.25rem !important;
}

/* (Tag title + count size is set inline in template-my-tasks.php to beat the
   fs-7/fs-8 utility classes.) */

/* My Tasks tag chips: reveal edit/delete only on hover */
.tag-list-item .btn-icon {
    opacity: 0 !important;
    pointer-events: none;
    transition: opacity .12s ease;
}
.tag-list-item:hover .btn-icon,
.tag-list-item:focus-within .btn-icon {
    opacity: 1 !important;
    pointer-events: auto;
}

/* Inline info hints ("Press Ctrl+Enter to send", etc.): consistent size + weight,
   site-wide. Any muted text that directly contains an info-circle icon.
   Placed in tailwind's `components` layer, with higher specificity than `.fs-7`,
   because that utility is a *layered* `!important` — an unlayered rule (even
   `!important`) loses to it per the CSS cascade-layer rules. */
@layer components {
    .text-muted:has(> .bi-info-circle),
    .text-muted:has(> i.bi-info-circle) {
        font-size: 11px !important;
        font-weight: 400 !important;
    }
}