.angie-dark-mode-btn {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 99999;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    color: #1a202c;
}

body.admin-bar .angie-dark-mode-btn {
    top: calc(20px + var(--wp-admin--admin-bar--height, 32px));
}

@media screen and (max-width: 782px) {
    /* Move button down on mobile to avoid overlapping hamburger menu */
    .angie-dark-mode-btn {
        top: 80px; 
    }
    body.admin-bar .angie-dark-mode-btn {
        top: calc(80px + 46px);
    }
}

.angie-dark-mode-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.angie-dark-mode-btn .moon-icon {
    display: none;
}

/* Dark Mode Styles */
body.angie-dark-theme {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
}

body.angie-dark-theme .elementor-widget-heading .elementor-heading-title,
body.angie-dark-theme h1, 
body.angie-dark-theme h2, 
body.angie-dark-theme h3, 
body.angie-dark-theme h4, 
body.angie-dark-theme h5, 
body.angie-dark-theme h6 {
    color: #f8fafc !important;
}

body.angie-dark-theme .elementor-widget-text-editor {
    color: #cbd5e1 !important;
}

body.angie-dark-theme .angie-dark-mode-btn {
    background: #1e293b;
    border-color: #334155;
    color: #f8fafc;
}

body.angie-dark-theme .angie-dark-mode-btn .sun-icon {
    display: none;
}

body.angie-dark-theme .angie-dark-mode-btn .moon-icon {
    display: block;
}

/* Base structural backgrounds */
body.angie-dark-theme .elementor-container,
body.angie-dark-theme .elementor-section,
body.angie-dark-theme .e-con,
body.angie-dark-theme .e-container {
    background-color: transparent;
}