/**
 * Easy Store Management by AyudaWP - Admin Styles
 * Styles for the WordPress admin customizations - FRONTEND AND BACKEND
 * @since 1.0.1
 */

/* Admin Bar Orders Icon Styling - WORKS IN FRONTEND AND BACKEND */
#wpadminbar #wp-admin-bar-wc-orders .ab-icon {
    top: 3px;
    color: #82878c;
}

#wpadminbar #wp-admin-bar-wc-orders:hover .ab-icon {
    color: #00a0d2;
}

/* Orders Pending Count Styling - IMPROVED FOR FRONTEND */
#wpadminbar #wp-admin-bar-wc-orders .awaiting-mod {
    display: inline-block; /* Changed from inline to inline-block for better control */
    vertical-align: top;
    margin-left: 2px;
}

#wpadminbar #wp-admin-bar-wc-orders .pending-count {
    background: #d63638;
    color: #fff;
    display: inline-block;
    font-size: 9px;
    font-weight: 600;
    line-height: 17px;
    margin: 1px 0 0 2px;
    padding: 0 5px;
    border-radius: 10px;
    min-width: 7px;
    text-align: center;
    box-sizing: border-box; /* Added for better size calculation */
}

#wpadminbar #wp-admin-bar-wc-orders:hover .pending-count {
    background: #dc3232;
}

/* SPECIFIC IMPROVEMENTS FOR FRONTEND */
body:not(.wp-admin) #wpadminbar #wp-admin-bar-wc-orders .ab-icon {
    /* Specific adjustments for frontend if needed */
    display: inline-block;
}

body:not(.wp-admin) #wpadminbar #wp-admin-bar-wc-orders .pending-count {
    /* Ensure visibility in frontend */
    z-index: 99999;
    position: relative;
}

/* Dashboard Widget Adjustments - BACKEND ONLY */
body.wp-admin .dashboard-widget-holder {
    margin-bottom: 20px;
}

/* Menu Icon Adjustments for Better Visual Hierarchy - BACKEND ONLY */
body.wp-admin #adminmenu li.menu-top.toplevel_page_edit-php-post_type-shop_order .wp-menu-image:before {
    content: "\f174";
}

body.wp-admin #adminmenu li.menu-top.toplevel_page_admin-php-page-wc-admin-path-2Fcustomers .wp-menu-image:before {
    content: "\f307";
}

/* Ensure proper spacing for reorganized menus - BACKEND ONLY */
body.wp-admin #adminmenu .wp-menu-separator {
    height: 5px;
}

/* Hide elements that might still appear for shop managers - BACKEND */
body.wp-admin .shop-manager-hidden {
    display: none !important;
}

/* Admin bar submenu styling for orders - FRONTEND AND BACKEND */
#wpadminbar .ab-submenu .ab-item {
    color: #eee;
    text-decoration: none;
}

#wpadminbar .ab-submenu .ab-item:hover {
    color: #00a0d2;
}

/* Responsive adjustments - FRONTEND AND BACKEND */
@media screen and (max-width: 782px) {
    #wpadminbar #wp-admin-bar-wc-orders .ab-icon {
        top: 6px;
    }
    
    #wpadminbar #wp-admin-bar-wc-orders .pending-count {
        margin: 0 0 0 2px;
        font-size: 8px; /* Slightly smaller on mobile */
        padding: 0 4px;
    }
    
    #wpadminbar #wp-admin-bar-wc-orders .awaiting-mod {
        margin-left: 1px;
    }
}

/* Ensure dashicons are available in frontend */
body:not(.wp-admin) #wpadminbar #wp-admin-bar-wc-orders .ab-icon:before {
    font-family: 'dashicons';
    content: "\f174"; /* Cart icon */
}