/**
 * ============================================================================
 * ELEKTRIKEREN: TEMA-SPESIFIKK STIL & EFFEKTER (style.css)
 * Ordkongen.no • Naturfag 8.–10. trinn & VGS
 * ============================================================================
 */

:root {
    --electric-blue: #00d4ff;
    --electric-glow: rgba(0, 212, 255, 0.4);
    --warning-yellow: #f5b041;
    --high-voltage: #ff3344;
    --panel-dark: #0f1318;
}

/* Strømførende pulsering på overskrifter og rammer */
.electric-pulse {
    animation: electricPulse 2.5s infinite alternate;
}

@keyframes electricPulse {
    0% {
        box-shadow: 0 0 10px rgba(0, 212, 255, 0.3), inset 0 0 8px rgba(0, 212, 255, 0.15);
        border-color: rgba(0, 212, 255, 0.5);
    }
    50% {
        box-shadow: 0 0 25px rgba(0, 212, 255, 0.65), inset 0 0 15px rgba(0, 212, 255, 0.3);
        border-color: rgba(0, 212, 255, 0.9);
    }
    100% {
        box-shadow: 0 0 12px rgba(0, 212, 255, 0.35), inset 0 0 10px rgba(0, 212, 255, 0.2);
        border-color: rgba(0, 212, 255, 0.6);
    }
}

/* Faresone-mønster (Hazard stripes) */
.hazard-border {
    background-image: repeating-linear-gradient(
        -45deg,
        #f5b041,
        #f5b041 12px,
        #1a1a1a 12px,
        #1a1a1a 24px
    );
}

/* Spenningstester / Voltmeter-styling */
.voltmeter-needle {
    transform-origin: bottom center;
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Sikringsskap og tavleknapper */
.switch-card {
    transition: all 0.2s ease;
}

.switch-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 212, 255, 0.25);
}