/**
 * Easy Dark Mode Stylesheet
 */

/* Dark Mode Toggle Button */
#easy-dark-mode-toggle {
    position: fixed;
    z-index: 999;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* Toggle Positions */
.edm-position-bottom-right {
    right: 20px;
    bottom: 20px;
}

.edm-position-bottom-left {
    left: 20px;
    bottom: 20px;
}

.edm-position-top-right {
    right: 20px;
    top: 20px;
}

.edm-position-top-left {
    left: 20px;
    top: 20px;
}

/* Toggle Styles */
.edm-style-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.edm-style-square {
    width: 50px;
    height: 50px;
    border-radius: 5px;
}

.edm-style-pill {
    width: 70px;
    height: 40px;
    border-radius: 20px;
}

/* Toggle Icons */
.edm-light-icon, .edm-dark-icon {
    font-size: 24px;
    position: absolute;
    transition: opacity 0.3s ease;
}

/* Light Mode Styling */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

body.edm-dark-mode {
    background-color: #222 !important;
    color: #f5f5f5 !important;
}

/* Dark Mode Specific Styles */
body.edm-dark-mode a {
    color: #8ab4f8 !important;
}

body.edm-dark-mode h1, 
body.edm-dark-mode h2, 
body.edm-dark-mode h3, 
body.edm-dark-mode h4, 
body.edm-dark-mode h5, 
body.edm-dark-mode h6 {
    color: #ffffff !important;
}

body.edm-dark-mode p, 
body.edm-dark-mode span, 
body.edm-dark-mode li, 
body.edm-dark-mode td, 
body.edm-dark-mode th, 
body.edm-dark-mode div:not(.edm-toggle) {
    color: #e0e0e0 !important;
}

body.edm-dark-mode input, 
body.edm-dark-mode textarea, 
body.edm-dark-mode select {
    background-color: #333 !important;
    color: #f5f5f5 !important;
    border-color: #444 !important;
}

body.edm-dark-mode button:not(.edm-toggle), 
body.edm-dark-mode input[type="submit"], 
body.edm-dark-mode input[type="button"] {
    background-color: #444 !important;
    color: #f5f5f5 !important;
    border-color: #555 !important;
}

body.edm-dark-mode .wp-block-table, 
body.edm-dark-mode table, 
body.edm-dark-mode th, 
body.edm-dark-mode td {
    border-color: #444 !important;
}

body.edm-dark-mode img {
    opacity: 0.9;
}

/* Toggle Button Light/Dark States */
#easy-dark-mode-toggle {
    background-color: #fff;
}

body.edm-dark-mode #easy-dark-mode-toggle {
    background-color: #333;
}

body:not(.edm-dark-mode) .edm-dark-icon,
body.edm-dark-mode .edm-light-icon {
    opacity: 0;
}

body:not(.edm-dark-mode) .edm-light-icon,
body.edm-dark-mode .edm-dark-icon {
    opacity: 1;
}