/*
 * Severe Malware Simulation Mode
 * Visual chaos only. No destructive behavior.
 */

body.smsm-active {
    overflow-x: hidden !important;
    font-family: "Courier New", monospace !important;
    letter-spacing: 1.5px !important;
}

body.smsm-active * {
    box-sizing: border-box !important;
}

body.smsm-active h1,
body.smsm-active h2,
body.smsm-active h3,
body.smsm-active h4,
body.smsm-active h5,
body.smsm-active h6,
body.smsm-active p,
body.smsm-active a,
body.smsm-active span,
body.smsm-active li,
body.smsm-active button,
body.smsm-active label {
    font-family: "Courier New", monospace !important;
}

body.smsm-active #wpadminbar,
body.smsm-active #wpadminbar * {
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
}

/* Site frame damage */
body.smsm-active header,
body.smsm-active .site-header,
body.smsm-active #masthead {
    width: 83% !important;
    margin-left: 11% !important;
    margin-top: 22px !important;
    transform: translateY(12px) rotate(-1.4deg) skewX(-3deg) !important;
    position: relative !important;
    z-index: 4 !important;
}

body.smsm-active main,
body.smsm-active .site-main,
body.smsm-active .site-content,
body.smsm-active #content {
    width: 91% !important;
    max-width: 91% !important;
    margin-left: 5% !important;
    transform: translateY(-18px) rotate(0.55deg) !important;
    position: relative !important;
}

/* Menus look malformed */
body.smsm-active nav,
body.smsm-active .main-navigation,
body.smsm-active .menu {
    transform: translateX(19px) translateY(-7px) rotate(0.8deg) !important;
}

body.smsm-active nav ul,
body.smsm-active .menu,
body.smsm-active .main-navigation ul {
    gap: 31px !important;
    flex-wrap: wrap !important;
}

body.smsm-active nav li:nth-child(2n),
body.smsm-active .menu li:nth-child(2n) {
    transform: translateY(10px) !important;
}

body.smsm-active nav li:nth-child(3n),
body.smsm-active .menu li:nth-child(3n) {
    transform: translateY(-8px) rotate(2deg) !important;
}

/* Content blocks */
body.smsm-active .smsm-chaos {
    position: relative !important;
    transform-origin: center center !important;
}

body.smsm-active .smsm-up {
    transform: translateY(-26px) rotate(-0.8deg) !important;
    z-index: 3 !important;
}

body.smsm-active .smsm-down {
    transform: translateY(31px) rotate(0.9deg) !important;
    z-index: 2 !important;
}

body.smsm-active .smsm-left {
    transform: translateX(-34px) rotate(-1.1deg) !important;
}

body.smsm-active .smsm-right {
    transform: translateX(37px) rotate(1.2deg) !important;
}

body.smsm-active .smsm-narrow {
    width: 74% !important;
    max-width: 74% !important;
}

body.smsm-active .smsm-wide {
    width: 112% !important;
    max-width: 112% !important;
}

body.smsm-active .smsm-overlap {
    margin-top: -42px !important;
    z-index: 5 !important;
}

body.smsm-active .smsm-crush {
    max-height: 190px !important;
    overflow: hidden !important;
}

body.smsm-active .smsm-tilt-a {
    transform: rotate(-2.1deg) translateY(-12px) !important;
}

body.smsm-active .smsm-tilt-b {
    transform: rotate(2.3deg) translateY(14px) !important;
}

/* Images look displaced */
body.smsm-active img {
    transform: rotate(1.4deg) translateY(4px) !important;
}

body.smsm-active img.smsm-image-chaos-a {
    transform: rotate(-3deg) translate(-18px, 11px) scale(1.04) !important;
}

body.smsm-active img.smsm-image-chaos-b {
    transform: rotate(4deg) translate(21px, -9px) scale(0.92) !important;
}

body.smsm-active img.smsm-image-chaos-c {
    clip-path: inset(3% 1% 7% 4%);
    transform: rotate(-1deg) translateY(18px) !important;
}

/* Buttons and form fields */
body.smsm-active button,
body.smsm-active input,
body.smsm-active select,
body.smsm-active textarea,
body.smsm-active .button,
body.smsm-active .wp-element-button {
    font-family: monospace !important;
    letter-spacing: 1px !important;
}

body.smsm-active button:nth-of-type(odd),
body.smsm-active .button:nth-of-type(odd),
body.smsm-active .wp-element-button:nth-of-type(odd) {
    transform: translateY(7px) rotate(-1deg) !important;
}

body.smsm-active button:nth-of-type(even),
body.smsm-active .button:nth-of-type(even),
body.smsm-active .wp-element-button:nth-of-type(even) {
    transform: translateY(-6px) rotate(1deg) !important;
}

/* Footer */
body.smsm-active footer,
body.smsm-active .site-footer {
    width: 88% !important;
    margin-left: 9% !important;
    transform: translateY(-19px) rotate(-0.7deg) !important;
}

/* Extreme mode */
body.smsm-extreme header,
body.smsm-extreme .site-header,
body.smsm-extreme #masthead {
    width: 72% !important;
    margin-left: 18% !important;
    transform: translateY(34px) rotate(-2.4deg) skewX(-5deg) !important;
}

body.smsm-extreme main,
body.smsm-extreme .site-main,
body.smsm-extreme .site-content,
body.smsm-extreme #content {
    width: 83% !important;
    max-width: 83% !important;
    margin-left: 9% !important;
    transform: translateY(-41px) rotate(1deg) !important;
}

body.smsm-extreme .smsm-up {
    transform: translateY(-58px) rotate(-1.7deg) !important;
}

body.smsm-extreme .smsm-down {
    transform: translateY(63px) rotate(1.8deg) !important;
}

body.smsm-extreme .smsm-left {
    transform: translateX(-69px) rotate(-2deg) !important;
}

body.smsm-extreme .smsm-right {
    transform: translateX(72px) rotate(2deg) !important;
}

body.smsm-extreme .smsm-overlap {
    margin-top: -83px !important;
}

body.smsm-extreme .smsm-narrow {
    width: 58% !important;
    max-width: 58% !important;
}

body.smsm-extreme .smsm-wide {
    width: 126% !important;
    max-width: 126% !important;
}

body.smsm-extreme .smsm-crush {
    max-height: 115px !important;
    overflow: hidden !important;
}

body.smsm-extreme img.smsm-image-chaos-a {
    transform: rotate(-6deg) translate(-34px, 21px) scale(1.08) !important;
}

body.smsm-extreme img.smsm-image-chaos-b {
    transform: rotate(7deg) translate(37px, -18px) scale(0.86) !important;
}

body.smsm-extreme img.smsm-image-chaos-c {
    clip-path: inset(9% 4% 13% 8%);
    transform: rotate(-4deg) translateY(29px) !important;
}

@media (max-width: 768px) {
    body.smsm-active header,
    body.smsm-active .site-header,
    body.smsm-active #masthead,
    body.smsm-active main,
    body.smsm-active .site-main,
    body.smsm-active .site-content,
    body.smsm-active #content,
    body.smsm-active footer,
    body.smsm-active .site-footer {
        width: 94% !important;
        max-width: 94% !important;
        margin-left: 3% !important;
    }

    body.smsm-extreme .smsm-left {
        transform: translateX(-28px) rotate(-2deg) !important;
    }

    body.smsm-extreme .smsm-right {
        transform: translateX(30px) rotate(2deg) !important;
    }
}