/* Depends on: ui_v2.css  */

/*body, html {
    font-size: 12px;
}*/

/* Navigation */
.navbar-custom {
    margin: 0 auto;
    padding-top: 0;
}

.navbar {
    --bs-navbar-toggler-padding-y: 0;
    --bs-navbar-toggler-padding-x: 0;
    --bs-navbar-toggler-border-radius: 0;
    --bs-navbar-toggler-focus-width: 0;
    --bs-navbar-toggler-transition: none;
    --bs-navbar-toggler-border-color: transparent;
    --bs-nav-link-font-size: 12px;
}

.nav-link {
    position: relative;
    padding-bottom: 5px; 
}

    .nav-link::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 3px;
        background-color: var(--color-icon);
        transform: scaleX(0);
        transform-origin: center;
        transition: transform 0.3s ease;
    }

    .nav-link:focus::after,
    .nav-link:hover::after {
        transform: scaleX(1); /* Show the underline on focus or hover */
  }

    .nav-link.active {
        color: var(--color-icon) !important;
        font-weight: 600;
    }

.nav-item {
    display: flex;
    align-items: center;
    padding: 5px 10px;
}


/*
.navbar-custom li, .navbar-custom div {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}*/


/* smaller display */
@media (max-width: 768px) {

    .navbar-collapse .nav-item {
        border-bottom: none !important;
    }
    .navbar-collapse.show .nav-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-bottom: 0.5px solid var(--color-border);
        padding: 5px 10px;
    }

    .navbar-collapse {
        text-decoration: none;
    }
    .nav-link::after {
        display: none;
    }

    .navbar-nav .nav-item:nth-last-child(-n+1) {
        border-bottom: none;
    }
}