html, body {
    height: 100%;
    margin: 0;
}

         
        .negative-filter {
            filter: invert(1) hue-rotate(180deg);
        }

     
        .negative-filter img,
        .negative-filter .logo-bar img,
        .negative-filter .theme-btn,
        .negative-filter .dropdown-menu,
        .negative-filter iframe {
            filter: none !important;
        }

        .black-and-white-filter {
            filter: grayscale(1);
        }

        
        .black-and-white-filter img,
        .black-and-white-filter .logo-bar img,
        .black-and-white-filter .theme-btn,
        .black-and-white-filter .dropdown-menu,
        .black-and-white-filter iframe {
            filter: none !important;
        }
     
        .dropdown-menu {
            position: absolute !important;
            z-index: 1050 !important;
            filter: none !important;
        }

        
        .navbar-toggler {
            z-index: 1100 !important;
        }

        .navbar .dropdown:hover .dropdown-menu {
            display: block;
            margin-top: 0; /* Adjust if needed */
        }

        body.dark-mode
         {
            background: #181818 !important;
            color: #f1f1f1 !important;
        }


        body.dark-mode .card,
        body.dark-mode .navbar,
        body.dark-mode .container,
        body.dark-mode #contact-info-section,
        body.dark-mode #diet-info-section,
        body.dark-mode #mainContent,
        body.dark-mode .important-links-section,
        body.dark-mode .image-grid-section,
        body.dark-mode .logo-bar,
        body.dark-mode .accessibility-panel {
            background: #232323 !important;
            color: #f1f1f1 !important;
        }
        
     

        body.gray-mode {
            filter: grayscale(1) !important;
        }