/* =========================================================
   BACKEND: Admin-Menü-Icons Fix
   ---------------------------------------------------------
   Zweck:
   Korrigiert die vertikale und horizontale Ausrichtung
   der Plugin-Icons im WordPress-Adminmenü.
   ---------------------------------------------------------
   Dateiname: admin-menu-icons-fix.css
   Ort: /custom/css/admin-menu-icons-fix.css
   Autor: Wimmer IT-Services
   ========================================================= */


/* ---------------------------------------------
   Grundlayout für Admin-Menü-Icons
   ---------------------------------------------
   - Zentriert alle Plugin-Icons (div.wp-menu-image)
   - Sorgt für einheitliche Breite und Höhe
   - Entfernt Standardabstände
------------------------------------------------ */
#adminmenu div.wp-menu-image {
    float: left;
    width: 40px;
    height: 34px;
    margin: 0;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
}


/* ---------------------------------------------
   Bildformatierung für Menü-Icons
   ---------------------------------------------
   - Stellt sicher, dass Icons korrekt skaliert werden
   - Entfernt ungewollte Padding-/Margin-Werte
   - Leicht transparente Darstellung (opacity 0.6)
   - Zentriert Icons vertikal und horizontal
------------------------------------------------ */
#adminmenu .wp-menu-image img {
    max-width: none !important;
    max-height: none !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    padding-top: 4px !important;
    margin: 0 auto !important;
    margin-top: 4px !important;
    opacity: 0.6;
    display: block !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
}

/* Erhöht Deckkraft beim Hover für bessere Sichtbarkeit */
#adminmenu .wp-menu-image img:hover {
    opacity: 1;
}


/* ---------------------------------------------
   Fix für Dashicons
   ---------------------------------------------
   - Vereinheitlicht Größe und Position der Dashicons
   - Sorgt für gleichmäßige Darstellung im Menü
------------------------------------------------ */
#adminmenu .dashicons-before:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
    font-family: dashicons;
    text-decoration: inherit;
    font-weight: 400;
    font-style: normal;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
    margin: 0 auto;
}