/* ---------------------------------------
   Navbar hover dropdown (desktop only)
---------------------------------------- */
@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

/* Add separator line under navbar ONLY in dark mode */
html[data-bs-theme="dark"] .navbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

html[data-bs-theme="dark"] footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* Fix outline-dark buttons in dark mode */
html[data-bs-theme="dark"] .btn-outline-dark {
    color: #f8f9fa;
    border-color: rgba(255, 255, 255, 0.6);
}

html[data-bs-theme="dark"] .btn-outline-dark:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

html[data-bs-theme="dark"] .cert-card img {
    background-color: #212529;
}