@charset "UTF-8";
/* Print styles. The project had NO @media print rule, so nothing removed the site
   chrome when printing — and the dark-teal themed nav bar (.theme-bg-primary =
   var(--nav-bg), ~#095a6f) printed as a solid black/dark line across the page.
   Here we hide the interactive chrome and neutralise themed dark bars for print. */
@media print {
    /* Interactive / navigational chrome — no place on a printed page, and the dark
       nav bar is the "black line" seen in print preview. */
    header,
    #mainNav,
    .horizontal-menu,
    .horizontal-sticky,
    .sticky-fixed,
    .navbar-links,
    .navbar-toggler,
    .news-marquee-container,
    .news-screen-reader,
    .important-note,
    .marquee-container,
    .marquee-text,
    .scroll-to-top,
    #scroll-to-top-button,
    #scrollToTopBtn,
    .chatbot,
    .chat-bubble-container,
    #popup-area,
    #preloader,
    #divLoading,
    #ajax_loader,
    /* Read-aloud (text-to-speech) highlight bar — a position:fixed rgba(0,0,0,.85)
       overlay that otherwise prints as a black bar across the text on every page. */
    #tts-reading-overlay,
    /* Transient theme-change toast ("Theme changed to …"). */
    .theme-notification {
        display: none !important;
    }

    /* Any themed dark element (nav bar, the feedback Submit button, badges, etc.)
       otherwise prints as a solid dark/black bar. Neutralise the dark fill. The
       `html body` prefix raises specificity so it beats `.theme-bg-primary`
       (background-color: var(--nav-bg) !important) regardless of stylesheet order
       — _Layout re-loads styles.css AFTER this file, so a plain selector loses. */
    html body .theme-bg-primary,
    html body [class*="theme-bg-"],
    html body .btn-submit,
    html body .help-support-section,
    html body #help-support {
        background: transparent !important;
        background-color: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        border-color: #000 !important;
    }

    /* The Contact Us section uses white text on its dark fill; once we drop the fill,
       force its text dark so it stays readable on white paper. */
    html body .help-support-section *,
    html body #help-support * {
        color: #000 !important;
    }

    body {
        background: #fff !important;
    }
}