/* Force Light Mode - Maintains exact same appearance by preventing dark mode */
/* This ensures your site looks identical on all devices regardless of their color scheme settings */

/* Tell browsers this site only supports light mode */
:root {
    color-scheme: light only;
}

/* Override any dark mode attempts by the browser */
@media (prefers-color-scheme: dark) {
    /* Force the HTML and body to use light mode colors */
    html {
        color-scheme: light !important;
        background-color: #ffffff !important;
    }
    
    body {
        background-color: #ffffff !important;
    }
    
    /* Disable any dark mode CSS from site.css */
    /* This overrides lines 2982-3008 in your site.css */
    :root {
        --gray-50: #f8f9fa !important;
        --gray-100: #e9ecef !important;
        --gray-200: #dee2e6 !important;
        --gray-300: #ced4da !important;
        --gray-400: #adb5bd !important;
        --gray-500: #6c757d !important;
        --gray-600: #495057 !important;
        --gray-700: #343a40 !important;
        --gray-800: #212529 !important;
        --gray-900: #000000 !important;
    }
    
    /* Reset Bootstrap variables to light mode values */
    :root {
        --bs-body-bg: #fff !important;
        --bs-body-color: #212529 !important;
        --bs-emphasis-color: #000 !important;
        --bs-emphasis-color-rgb: 0, 0, 0 !important;
        --bs-secondary-color: rgba(33, 37, 41, 0.75) !important;
        --bs-secondary-color-rgb: 33, 37, 41 !important;
        --bs-secondary-bg: #e9ecef !important;
        --bs-secondary-bg-rgb: 233, 236, 239 !important;
        --bs-tertiary-color: rgba(33, 37, 41, 0.5) !important;
        --bs-tertiary-color-rgb: 33, 37, 41 !important;
        --bs-tertiary-bg: #f8f9fa !important;
        --bs-tertiary-bg-rgb: 248, 249, 250 !important;
        --bs-heading-color: inherit !important;
        --bs-link-color: #0d6efd !important;
        --bs-link-color-rgb: 13, 110, 253 !important;
        --bs-link-decoration: underline !important;
        --bs-link-hover-color: #0a58ca !important;
        --bs-link-hover-color-rgb: 10, 88, 202 !important;
        --bs-border-color: #dee2e6 !important;
    }
}

/* Force light mode on all media queries */
@media screen and (prefers-color-scheme: dark) {
    * {
        color-scheme: light !important;
    }
}

/* Ensure form inputs stay in light mode */
input, select, textarea {
    color-scheme: light;
}

/* Prevent iOS dark mode in form fields */
@supports (-webkit-touch-callout: none) {
    input, textarea, select {
        -webkit-appearance: none;
        background-color: #ffffff !important;
    }
}

/* Prevent Android dark mode overrides */
@media (prefers-color-scheme: dark) {
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
        -webkit-text-fill-color: #212529 !important;
    }
}