/**
 * WordPress Admin Bar Fix
 * Stellt sicher, dass Admin Bar Icons korrekt angezeigt werden
 * 
 * Problem: Globaler Theme-Reset überschreibt WordPress Admin Bar Styles
 * Lösung: Spezifische Styles nur für Admin Bar, ohne globalen Reset zu ändern
 * 
 * @package SMG_Mall_Theme
 * @version 1.0.0
 */

/* ============================================================================
   ADMIN BAR CONTAINER
============================================================================ */

#wpadminbar {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* ============================================================================
   DASHICONS FIX
============================================================================ */

#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar .ab-item:after,
#wpadminbar .ab-icon,
#wpadminbar .dashicons,
#wpadminbar .dashicons:before {
    font-family: dashicons !important;
    display: inline-block !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    font-style: normal !important;
    speak: never;
    text-decoration: inherit !important;
    text-transform: none !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
    vertical-align: top !important;
    text-align: center !important;
}

/* ============================================================================
   ADMIN BAR ITEMS
============================================================================ */

#wpadminbar .ab-item,
#wpadminbar a.ab-item,
#wpadminbar > #wp-toolbar span.ab-label,
#wpadminbar > #wp-toolbar span.noticon {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* ============================================================================
   ADMIN BAR LOGO
============================================================================ */

#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
    content: '\f120' !important;
    font-family: dashicons !important;
}

/* ============================================================================
   ADMIN BAR SUB-ITEMS
============================================================================ */

#wpadminbar .ab-sub-wrapper,
#wpadminbar .ab-submenu {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* ============================================================================
   ADMIN BAR ICONS SPACING
============================================================================ */

#wpadminbar .ab-icon {
    margin-right: 6px !important;
}

#wpadminbar .ab-icon:before {
    padding: 0 !important;
    margin: 0 !important;
}

/* ============================================================================
   CUSTOMIZER ICON FIX
============================================================================ */

#wpadminbar #wp-admin-bar-customize .ab-icon:before {
    content: '\f540' !important;
    font-family: dashicons !important;
}

/* ============================================================================
   ELEMENTOR ICON FIX
============================================================================ */

#wpadminbar #wp-admin-bar-elementor_edit_page .ab-icon:before {
    font-family: eicons !important;
}

/* ============================================================================
   RESPONSIVE - MOBILE ADMIN BAR
============================================================================ */

@media screen and (max-width: 782px) {
    #wpadminbar .ab-icon:before,
    #wpadminbar .ab-item:before,
    #wpadminbar .dashicons,
    #wpadminbar .dashicons:before {
        width: 32px !important;
        height: 32px !important;
        font-size: 32px !important;
    }
}

/* EOF */