/* ABOUTME: Custom CSS for chemFilters documentation. */
/* ABOUTME: Handles theme-aware logo switching in page content. */

/* Hide dark logo by default (light mode) */
img.logo-dark {
    display: none !important;
}

/* Dark mode: swap logos */
body[data-theme="dark"] img.logo-light {
    display: none !important;
}
body[data-theme="dark"] img.logo-dark {
    display: inline-block !important;
}

/* Auto mode following OS preference */
@media (prefers-color-scheme: dark) {
    body:not([data-theme="light"]) img.logo-light {
        display: none !important;
    }
    body:not([data-theme="light"]) img.logo-dark {
        display: inline-block !important;
    }
}

/* Hide the H1 on the index page — the sidebar logo already identifies the project */
#chemfilters > h1 {
    display: none;
}

/* Checkerboard background for showing transparent PNGs */
.bg-checkerboard {
    background-image:
        linear-gradient(45deg, #ccc 25%, transparent 25%),
        linear-gradient(-45deg, #ccc 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #ccc 75%),
        linear-gradient(-45deg, transparent 75%, #ccc 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
    display: inline-block;
    padding: 10px;
}