/* Pixel-Perfect Rendering - Force crisp, discrete pixels */
/* 1-Bit Monochrome - Pure Black and White Only */

/* Disable all anti-aliasing and smoothing */
* {
    -webkit-font-smoothing: none !important;
    -moz-osx-font-smoothing: unset !important;
    font-smooth: never !important;
    text-rendering: optimizeSpeed !important;
    image-rendering: pixelated !important;
    image-rendering: -moz-crisp-edges !important;
    image-rendering: crisp-edges !important;
    -ms-interpolation-mode: nearest-neighbor !important;
}

/* Force 1-bit monochrome rendering - no grayscale, no color */
/* Only apply filters to actual graphics (images, videos, iframes) */
/* UI elements remain pure black/white by design */

/* Force pixel-perfect borders */
* {
    border-image: none !important;
    outline: none;
}

/* Ensure all borders are crisp 2px */
button,
a,
input,
select,
textarea,
div,
section,
article,
header,
footer,
nav {
    border-image: none !important;
    outline: none !important;
}

/* Force pixel fonts to render as bitmap */
body,
input,
select,
textarea,
button,
a {
    -webkit-font-smoothing: none !important;
    -moz-osx-font-smoothing: unset !important;
    font-smooth: never !important;
}

/* Disable subpixel rendering */
html {
    text-rendering: optimizeSpeed !important;
    -webkit-font-smoothing: none !important;
    -moz-osx-font-smoothing: unset !important;
}

/* Force images to pixelate - color preserved */
img,
video,
iframe {
    image-rendering: pixelated !important;
    image-rendering: -moz-crisp-edges !important;
    image-rendering: crisp-edges !important;
    -ms-interpolation-mode: nearest-neighbor !important;
    /* Color preserved - no grayscale filter */
}

/* YouTube iframes - color preserved */
iframe[src*="youtube"],
iframe[src*="youtu.be"] {
    /* Color preserved - no grayscale filter */
    image-rendering: pixelated !important;
    transition: filter 0s !important; /* Instant transition for hover effect */
}

/* Videos always in color - no hover override needed */