/**
 * Tebuto Admin Menu Icon Styles
 * Loaded globally on all admin pages to ensure proper icon display.
 *
 * @package Tebuto
 */

/* Fix the wp-menu-image container for the Tebuto menu item */
#adminmenu .toplevel_page_tebuto-main .wp-menu-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Custom icon styling for admin menu - proper positioning and sizing */
#adminmenu .toplevel_page_tebuto-main .wp-menu-image img {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    filter: none !important;
    object-fit: contain !important;
}

/* Ensure icon is visible in all menu states */
#adminmenu .toplevel_page_tebuto-main:hover .wp-menu-image img,
#adminmenu .toplevel_page_tebuto-main.wp-has-current-submenu .wp-menu-image img,
#adminmenu .toplevel_page_tebuto-main.current .wp-menu-image img,
#adminmenu .toplevel_page_tebuto-main.wp-menu-open .wp-menu-image img {
    opacity: 1 !important;
    filter: none !important;
}

/* For collapsed admin menu */
.folded #adminmenu .toplevel_page_tebuto-main .wp-menu-image img {
    width: 18px !important;
    height: 18px !important;
}