/**
 * speakers-nav-fix.css
 * Force #mainNav to always render in the "scrolled" (opaque) state.
 *
 * Root cause: The experience-singapore IIFE in main.js has no page guard,
 * so syncNavbar() fires on every page and strips the .scrolled class on
 * initial load when scrollY === 0. Rather than touching the existing script,
 * we override the base #mainNav styles here to match the .scrolled appearance
 * at all times — this file is only linked on speakers.html & speaker-detail.html.
 */

#mainNav {
    background: rgba(186, 23, 31, 0.98) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
    padding: 10px 0 !important;
}

#mainNav .logo-img {
    height: 40px !important;
}