/* Extracted from components/navbar.blade.php and components/footer.blade.php */

/* Navbar styles */
#mainNavbar {
    transition: all 0.3s ease;
    padding: 1rem 0;
}

#mainNavbar.scrolled {
    padding: 0.5rem 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

#mainNavbar .nav-link {
    color: #6B7280;
    font-weight: 500;
    transition: color 0.3s ease;
}

#mainNavbar .nav-link:hover {
    color: var(--primary);
}

/* Footer styles */
footer a:hover {
    color: var(--primary) !important;
    transition: color 0.3s ease;
}

/* Styles for the simplified navbar (navbar_simple) */
#mainNavbarSimple {
    transition: all 0.3s ease;
    padding: 1rem 0;
}

#mainNavbarSimple.scrolled {
    padding: 0.5rem 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

#mainNavbarSimple .nav-link {
    color: #6B7280;
    font-weight: 500;
    transition: color 0.3s ease;
}

#mainNavbarSimple .nav-link:hover {
    color: var(--primary);
}

/* Prevent fixed navbars from overlapping page content: add top padding to the element immediately after the navbar */

/* Fallback for layouts that include navbar inside the layout (ensure body has offset) */

/* General sibling rule: any element following a fixed navbar should receive top margin to avoid overlap */
#mainNavbarSimple + *,
#mainNavbar + * {
    padding-top: 36px;
}

body.has-fixed-navbar {
    padding-top: 36px !important;
}

.fixed-top ~ *,
#mainNavbarSimple ~ *,
#mainNavbar ~ * {
    margin-top: 36px !important;
}