/**
 * WP Dark Mode Plugin Style Overrides
 * Makes the dark mode shortcode consistent with brutalist footer design
 * 
 * @package iaperavvocati
 * @version 41.3.10
 */

/* Override all WP Dark Mode floating switches to match brutalist design */
.wp-dark-mode-floating-switch,
.wp-dark-mode-switch,
[class*="wp-dark-mode-switch-"] {
    /* Remove all rounded corners - make it rectangular/brutalist */
    border-radius: 0 !important;
}

/* Override switch track/background */
.wp-dark-mode-switch ._track,
[class*="wp-dark-mode-switch-"] ._track,
.wp-dark-mode-switch .theme-switch__container {
    border-radius: 0 !important;
    background: var(--theme-primary, #000) !important;
    border: 2px solid var(--theme-secondary, #00ff00) !important;
    box-shadow: 
        4px 4px 0 var(--theme-secondary, #00ff00),
        -1px -1px 0 var(--theme-secondary, #00ff00) inset !important;
}

/* Override switch thumb/handle */
.wp-dark-mode-switch ._thumb,
[class*="wp-dark-mode-switch-"] ._thumb,
.wp-dark-mode-switch-21 .theme-switch__moon,
.wp-dark-mode-switch-21 .theme-switch__sun-moon-container {
    border-radius: 0 !important;
    background: var(--theme-secondary, #00ff00) !important;
    border: 2px solid var(--theme-primary, #000) !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3) !important;
}

/* Glass effect switches - override the glassmorphism */
.wp-dark-mode-switch-23 .switch-inner,
.wp-dark-mode-switch-23 .glass {
    border-radius: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: var(--theme-primary, #000) !important;
    border: 2px solid var(--theme-secondary, #00ff00) !important;
}

/* Override fancy switches with simple brutalist style */
.wp-dark-mode-switch-24 ._track,
.wp-dark-mode-switch-20 ._track,
.wp-dark-mode-switch-21 .theme-switch__container {
    border-radius: 0 !important;
    background: var(--theme-primary, #000) !important;
    border: 2px solid var(--theme-secondary, #00ff00) !important;
    box-shadow: 3px 3px 0 var(--theme-secondary, #00ff00) !important;
}

/* Remove all animations and smooth transitions - make it instant/brutal */
.wp-dark-mode-switch *,
[class*="wp-dark-mode-switch-"] *,
.wp-dark-mode-floating-switch * {
    animation: none !important;
    transition: none !important;
}

/* Override icon containers */
.wp-dark-mode-switch ._icon,
[class*="wp-dark-mode-switch-"] ._icon {
    filter: none !important;
}

/* Override CTA/label text */
.wp-dark-mode-switch-cta,
.wp-dark-mode-switch span:not(.glass):not(._thumb):not(._track) {
    font-family: 'JetBrains Mono', 'Courier New', monospace !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    background: var(--theme-primary, #000) !important;
    color: var(--theme-secondary, #00ff00) !important;
    border: 2px solid var(--theme-secondary, #00ff00) !important;
    border-radius: 0 !important;
    padding: 0.5rem 1rem !important;
    box-shadow: 3px 3px 0 var(--theme-secondary, #00ff00) !important;
}

/* Override switch positioning container */
.wp-dark-mode-floating-switch {
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Specific overrides for special switch types */

/* Toggle switches - make rectangular */
[class*="wp-dark-mode-switch-"]:not(.wp-dark-mode-switch-23):not(.wp-dark-mode-switch-24) > ._track {
    border-radius: 0 !important;
}

/* Vertical switches */
.wp-dark-mode-switch-14,
.wp-dark-mode-switch-15,
.wp-dark-mode-switch-16,
.wp-dark-mode-switch-17,
.wp-dark-mode-switch-18,
.wp-dark-mode-switch-19 {
    border-radius: 0 !important;
    border: 2px solid var(--theme-secondary, #00ff00) !important;
    background: var(--theme-primary, #000) !important;
}

/* Override scheme/font buttons in vertical switches */
.wp-dark-mode-switch ._scheme,
.wp-dark-mode-switch ._font,
[class*="wp-dark-mode-switch-"] ._scheme,
[class*="wp-dark-mode-switch-"] ._font {
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
}

.wp-dark-mode-switch ._scheme.active,
.wp-dark-mode-switch ._font.active,
[class*="wp-dark-mode-switch-"] ._scheme.active,
[class*="wp-dark-mode-switch-"] ._font.active {
    background: var(--theme-secondary, #00ff00) !important;
    color: var(--theme-primary, #000) !important;
    border-radius: 0 !important;
}

/* Remove hover effects - brutal and immediate */
.wp-dark-mode-switch:hover *,
[class*="wp-dark-mode-switch-"]:hover *,
.wp-dark-mode-floating-switch:hover * {
    transform: none !important;
    filter: none !important;
}

/* Override clouds, stars, and decorative elements */
.wp-dark-mode-switch ._clouds,
.wp-dark-mode-switch ._stars,
.wp-dark-mode-switch ._circles,
[class*="wp-dark-mode-switch-"] ._clouds,
[class*="wp-dark-mode-switch-"] ._stars,
[class*="wp-dark-mode-switch-"] ._circles {
    display: none !important;
}

/* Make the actual toggle state changes instant */
.active.wp-dark-mode-switch ._track ._thumb,
[class*="wp-dark-mode-switch-"].active ._track ._thumb {
    transition: transform 0s !important;
}

/* Footer-specific overrides when switch appears in footer */
.site-footer .wp-dark-mode-floating-switch,
footer .wp-dark-mode-floating-switch,
.footer-content .wp-dark-mode-floating-switch {
    background: transparent !important;
    box-shadow: none !important;
}

/* Ensure switch matches footer terminal aesthetic */
.site-footer .wp-dark-mode-switch ._track,
footer .wp-dark-mode-switch ._track,
.footer-content .wp-dark-mode-switch ._track {
    background: #000 !important;
    border: 2px solid #00ff00 !important;
    box-shadow: 4px 4px 0 #00ff00 !important;
}

.site-footer .wp-dark-mode-switch ._thumb,
footer .wp-dark-mode-switch ._thumb,
.footer-content .wp-dark-mode-switch ._thumb {
    background: #00ff00 !important;
    border: 2px solid #000 !important;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5) !important;
}

/* Remove padding and extra spacing */
.wp-dark-mode-floating-switch {
    padding: 0 !important;
    gap: 0.5rem !important;
}

/* Override any inline styles that might be applied */
.wp-dark-mode-switch[style],
[class*="wp-dark-mode-switch-"][style] {
    border-radius: 0 !important;
}

/* Force monospace font for any text elements */
.wp-dark-mode-switch *,
[class*="wp-dark-mode-switch-"] * {
    font-family: 'JetBrains Mono', 'Courier New', monospace !important;
}

/* Override attention effects - no animations in brutalist design */
.wp-dark-mode-switch-effect-wobble,
.wp-dark-mode-switch-effect-vibrate,
.wp-dark-mode-switch-effect-flicker,
.wp-dark-mode-switch-effect-shake,
.wp-dark-mode-switch-effect-jello,
.wp-dark-mode-switch-effect-bounce,
.wp-dark-mode-switch-effect-heartbeat,
.wp-dark-mode-switch-effect-blink {
    animation: none !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .wp-dark-mode-floating-switch {
        transform: scale(1) !important;
    }
    
    .wp-dark-mode-switch ._track,
    [class*="wp-dark-mode-switch-"] ._track {
        border-width: 2px !important;
    }
}

/* High contrast mode compatibility */
@media (prefers-contrast: high) {
    .wp-dark-mode-switch ._track,
    [class*="wp-dark-mode-switch-"] ._track {
        border-width: 3px !important;
    }
}