@charset "utf-8";
/* Updated Bootstrap 5 Multi-level Dropdown Menu Styles */

/* Specific padding for dropdown item with class 'kopie' */
.dropdown-menu > li.kopie > a {
    padding-left: 5px;
}

/* Positioning the submenu relative to parent */
.dropdown-submenu {
    position: relative;
}

/* Position submenu to the right of parent */
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -0.125rem;  /* slightly align vertically */
    margin-left: 0.1rem;
    border-radius: 0.25rem;
}

/* Add arrow indicator to submenu toggles */
.dropdown-submenu > a::after {
    content: "\f105"; /* FontAwesome right arrow */
    float: right;
    font-family: "Font Awesome 5 Free"; /* Ensure you have FontAwesome loaded */
    font-weight: 900;
    margin-top: 0.3rem;
    border: none;
}

/* Hover submenu display for desktops (min-width 992px) */
@media (min-width: 992px) {
    /* Show submenu on hover */
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
}

/* Mobile/smaller screen styles */
@media (max-width: 991.98px) {
    /* Reset submenu positioning to below parent */
    .dropdown-submenu > .dropdown-menu {
        margin-left: 0;
        margin-top: 0.5rem;
    }
    
    /* Optional: add some padding to nested menus */
    .dropdown-menu {
        padding-left: 1rem;
    }
    
    .dropdown-menu .dropdown-menu {
        padding-left: 1.5rem;
    }
    
    .dropdown-menu .dropdown-menu .dropdown-menu {
        padding-left: 2rem;
    }
}

/* Hover/focus states for dropdown items */
.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a:focus {
    text-decoration: none;
    background-color: #f8f9fa; /* Light background on hover */
}

/* Center navbar content */
#navbar {
    text-align: center;
}