/*--- Privacy consent popup ---*/

#consent-popup {
    left: 3rem;
    bottom: 2rem;
    max-width: 18rem;
}

@media (max-width: 768px) {

    #consent-popup {
        left: 0.5rem;
    }

}

/*--- Nav bar external ---*/

.navbar-nav {
    padding-left: 0.7rem;
}

.navbar-collapse {
    -webkit-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset;
}

.icon-wrapper-navbar {
    width: 40px;
}

.nav-item .dropdown-item:hover,
.nav-item .dropdown-item:active {
    background-color: var(--bs-bg-light);
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .7rem;
    padding-left: .7rem;
}

#nav-for-lg-screens {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.dropdown:hover .dropdown-show-hover {
    display: block;
}

.nav-megamenu .dropdown-item {
    white-space: unset!important;
}

.nav-megamenu {
    margin-top: 0.125rem;
}

@media (min-width: 992px) {

    .nav-bar-main-wrapper {
        position: relative;
        margin-top: 0.8rem;
    }

    .nav-item.dropdown {
        position: unset;
    }

    .nav-megamenu {
        top: 3.4rem!important;
        left: 0;
        width: 100%;
        border-radius: 0;
        box-shadow: 0 8px 8px 0 rgb(44 50 66 / 1%), 0 1px 1px 0 rgb(44 50 66 / 6%);
        border-bottom: 1px solid var(--bs-border-color-translucent);
    }

}

@media (max-width: 992px) {

    .navbar-collapse {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    /* Make mobile menu overlay content instead of pushing it down */
    .navbar-collapse.collapse {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
    } 

    .navbar-collapse.collapsing {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }

    #navbarMobile {
        border: none;
        border-radius: 0;
        margin-top: 0;
    }

    .nav-item {
        padding-top: .5rem;
        padding-left: 1.5rem;
        padding-bottom: .5rem;
        padding-right: .5rem;
        border-top: 1px solid var(--bs-border-color-translucent);
    }

    .nav-item:first-child {
        border-top: 0;   
    }

    .nav-item:last-child {
        border-bottom: 1px solid var(--bs-border-color-translucent);   
    }

    .navbar-dropdown-options-menu {
        border: 0!important;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }

}

@media (max-width: 576px) {

    /* Adjust mobile menu positioning for smaller screens */
    .navbar-collapse.collapse {
        left: -15px !important;
        right: -15px !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: 0 4px 8px -8px rgb(44 50 66 / 1%), 0 1px 1px 0 rgb(44 50 66 / 6%) !important;
    }

    .navbar-collapse.collapsing {
        left: -15px !important;
        right: -15px !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: 0 4px 8px -8px rgb(44 50 66 / 1%), 0 1px 1px 0 rgb(44 50 66 / 6%) !important;
    }

    #navbarMobile {
        margin-left: 0;
        margin-right: 0;
    }

    .nav-item:first-child {
        border-top: 1px solid var(--bs-border-color-translucent);  
    }

}

/*--- Footer section ---*/

.footer-list a {
    color: var(--bs-nav-link-color)!important;
}

.footer-list a:hover,
.footer-list a:active,
.footer-list a:focus {
    text-decoration: none;
    color: var(--bs-nav-link-hover-color)!important;
}

/*--- Integrations pages ---*/

#permissions-section {
    scroll-margin-top: 6.25rem;
}