/* AboveWP Admin Dark Mode Styles */

/* ================================================
   CLASSIC DARK THEME (Default)
   ================================================ */
html.abovewp-dark-mode-ready body.abovewp-dark-mode,
html.abovewp-dark-mode-ready body.abovewp-dark-mode *:not(.abovewp-admin-page):not(.abovewp-admin-page *),
html.abovewp-dark-mode-ready body.abovewp-classic-dark,
html.abovewp-dark-mode-ready body.abovewp-classic-dark *:not(.abovewp-admin-page):not(.abovewp-admin-page *) {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    fill: #e0e0e0 !important;
    border-color: #3d3d3d !important;
}

/* ================================================
   OLED BLACK THEME
   ================================================ */
html.abovewp-dark-mode-ready body.abovewp-oled-black,
html.abovewp-dark-mode-ready body.abovewp-oled-black *:not(.abovewp-admin-page):not(.abovewp-admin-page *) {
    background-color: #000000 !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    border-color: #111111 !important;
}

/* OLED specific element adjustments */
html.abovewp-dark-mode-ready body.abovewp-oled-black #adminmenu,
html.abovewp-dark-mode-ready body.abovewp-oled-black #adminmenu * {
    background-color: #111111 !important;
}

html.abovewp-dark-mode-ready body.abovewp-oled-black .wp-toolbar,
html.abovewp-dark-mode-ready body.abovewp-oled-black .wp-toolbar * {
    background-color: #000000 !important;
}

/* ================================================
   BLUE DARK THEME
   ================================================ */
html.abovewp-dark-mode-ready body.abovewp-blue-dark,
html.abovewp-dark-mode-ready body.abovewp-blue-dark *:not(.abovewp-admin-page):not(.abovewp-admin-page *) {
    background-color: #0f1419 !important;
    color: #c9d1d9 !important;
    fill: #c9d1d9 !important;
    border-color: #1a2332 !important;
}

/* Blue theme specific elements */
html.abovewp-dark-mode-ready body.abovewp-blue-dark #adminmenu,
html.abovewp-dark-mode-ready body.abovewp-blue-dark #adminmenu * {
    background-color: #1a2332 !important;
}

html.abovewp-dark-mode-ready body.abovewp-blue-dark .wp-toolbar,
html.abovewp-dark-mode-ready body.abovewp-blue-dark .wp-toolbar * {
    background-color: #0f1419 !important;
}

/* Blue accent colors for links and buttons */
html.abovewp-dark-mode-ready body.abovewp-blue-dark a:not(.abovewp-admin-page a),
html.abovewp-dark-mode-ready body.abovewp-blue-dark .button-primary:not(.abovewp-admin-page .button-primary) {
    color: #0099ff !important;
}

html.abovewp-dark-mode-ready body.abovewp-blue-dark .button-primary:not(.abovewp-admin-page .button-primary) {
    background-color: #0099ff !important;
    border-color: #0099ff !important;
    color: #ffffff !important;
}

/* Fix button text colors for blue theme */
html.abovewp-dark-mode-ready body.abovewp-blue-dark .button:not(.abovewp-admin-page .button),
html.abovewp-dark-mode-ready body.abovewp-blue-dark input[type="submit"]:not(.abovewp-admin-page input[type="submit"]),
html.abovewp-dark-mode-ready body.abovewp-blue-dark input[type="button"]:not(.abovewp-admin-page input[type="button"]) {
    background-color: #1a2332 !important;
    color: #c9d1d9 !important;
    border-color: #0099ff !important;
}

html.abovewp-dark-mode-ready body.abovewp-blue-dark .button:not(.abovewp-admin-page .button):hover,
html.abovewp-dark-mode-ready body.abovewp-blue-dark input[type="submit"]:not(.abovewp-admin-page input[type="submit"]):hover,
html.abovewp-dark-mode-ready body.abovewp-blue-dark input[type="button"]:not(.abovewp-admin-page input[type="button"]):hover {
    background-color: #0099ff !important;
    color: #ffffff !important;
}

/* ================================================
   ADMIN BAR STYLING
   ================================================ */
#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 STYLING
   ================================================ */
body.abovewp-dark-mode #screen-meta,
body.abovewp-classic-dark #screen-meta,
body.abovewp-oled-black #screen-meta,
body.abovewp-blue-dark #screen-meta {
    background-color: #333333;
    border-color: #3d3d3d;
    color: #e0e0e0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* ================================================
   OVERRIDE AGGRESSIVE DARK MODE RULES FOR SPECIFIC ELEMENTS
   ================================================ */

/* Fix WordPress native elements that shouldn't be completely dark */
body.abovewp-dark-mode .wp-color-picker,
body.abovewp-classic-dark .wp-color-picker,
body.abovewp-oled-black .wp-color-picker,
body.abovewp-blue-dark .wp-color-picker,
body.abovewp-dark-mode .wp-picker-container,
body.abovewp-classic-dark .wp-picker-container,
body.abovewp-oled-black .wp-picker-container,
body.abovewp-blue-dark .wp-picker-container {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Fix media library and other modals */
body.abovewp-dark-mode .media-modal,
body.abovewp-classic-dark .media-modal,
body.abovewp-oled-black .media-modal,
body.abovewp-blue-dark .media-modal {
    background-color: #2d2d2d !important;
}