/* AboveWP Admin Dark Mode Styles */

/* Base dark mode styles - Apply to all elements */
html.abovewp-dark-mode-ready body.abovewp-dark-mode,
html.abovewp-dark-mode-ready body.abovewp-dark-mode * {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    fill: #e0e0e0 !important;
    border-color: #3d3d3d !important;
}

#wpadminbar .abovewp-dark-mode-toggle a {
    display: flex;
    align-items: center;
}

/* Dark Mode Toggle Button in Admin Bar */
#wpadminbar .abovewp-dark-mode-toggle .ab-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#wpadminbar .abovewp-dark-mode-toggle .ab-icon svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* Screen Meta - Help and Screen Options */
body.abovewp-dark-mode #screen-meta {
    background-color: #333333;
    border-color: #3d3d3d;
    color: #e0e0e0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}