/**
 * Pixel Style - Retro Pixel Art Toggle
 */
.kp-toggle-pixel {
    position: relative;
    align-self: center;
    display: inline-flex;
}

.kp-toggle-pixel .pixel-toggle {
    opacity: 0;
    width: 0;
    height: 0;
}

.kp-toggle-pixel .pixel-slider {
    image-rendering: pixelated;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: url("https://koreanpatch.co/wp-content/uploads/2025/10/pixel-slider.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.kp-toggle-pixel .pixel-slider:before {
    box-sizing: border-box;
    position: absolute;
    content: "";
    bottom: 0px;
    z-index: 2;
    background: url("https://koreanpatch.co/wp-content/uploads/2025/10/pixel-toggle.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.kp-toggle-pixel .pixel-toggle:checked + .pixel-slider {
    background: url("https://koreanpatch.co/wp-content/uploads/2025/10/pixel-slider-checked.png");
    background-size: 100% 100%;
}

.kp-toggle-pixel .pixel-toggle:checked + .pixel-slider:before {
    /* Transform translateX is set inline via PHP based on scale */
}