/* Theme file BOSUI component/navigation/primary */

.BOSUI_NAV_PRIMARY {
    border-radius: var(--bosui-component-nav-primary-border-radius);
    background-color: var(--bosui-component-nav-primary-color-contrast-1);
}
.BOSUI_NAV_PRIMARY__MENU .BOSUI_NAV_PRIMARY__MENU {
    padding-left: var(--ita-spacings-7);
}
.BOSUI_NAV_PRIMARY__MENU__LI__LINK_ITEM {
    padding: var(--ita-spacings-3) var(--ita-spacings-10) var(--ita-spacings-3) var(--ita-spacings-5);
}
.BOSUI_NAV_PRIMARY__MENU__LI__LABEL_ITEM {
    color: var(--bosui-component-nav-primary-color-contrast-2);
    font-size: 0.8em;
    font-weight: 700;
    padding: var(--ita-spacings-4) 0 var(--ita-spacings-4) var(--ita-spacings-5);
}
.BOSUI_NAV_PRIMARY__MENU__LI__LINK_ITEM {
    color: var(--bosui-component-nav-primary-color-contrast-2);
    border-radius: var(--bosui-component-nav-primary-item-border-radius);
    transition: all 300ms;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: -0.01em;
}
.BOSUI_NAV_PRIMARY__MENU__LI__LINK_ITEM:hover {
    background-color: var(--bosui-component-nav-primary-color-contrast-2);
    color: var(--bosui-component-nav-primary-color-contrast-1);
}
.BOSUI_NAV_PRIMARY__MENU__LI__LINK_ITEM[aria-current="page"] {
    background-color: color-mix(in srgb, var(--bosui-component-nav-primary-color-contrast-2) 10%, transparent 90%);
}
.BOSUI_NAV_PRIMARY__MENU__LI__LINK_ITEM[aria-current="page"]:hover {
    color: var(--bosui-component-nav-primary-color-contrast-2);
}
.BOSUI_NAV_PRIMARY > .BOSUI_NAV_PRIMARY__MENU > .BOSUI_NAV_PRIMARY__MENU__LI:first-child > .BOSUI_NAV_PRIMARY__MENU__LI__LINK_ITEM[aria-current="page"] {
    background-color: var(--bosui-component-nav-primary-color-contrast-1);
    color: var(--bosui-component-nav-primary-color-contrast-2);
}

.BOSUI_NAV_PRIMARY__MENU .BOSUI_NAV_PRIMARY__MENU__LI .BOSUI_NAV_PRIMARY__MENU .BOSUI_NAV_PRIMARY__MENU__LI {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: var(--bosui-component-nav-primary-line-color);
}
.BOSUI_NAV_PRIMARY__MENU .BOSUI_NAV_PRIMARY__MENU .BOSUI_NAV_PRIMARY__MENU__LI__LINK_ITEM {
    font-size: 0.9em;
    font-weight: 400;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.BOSUI_NAV_PRIMARY__MENU .BOSUI_NAV_PRIMARY__MENU .BOSUI_NAV_PRIMARY__MENU__LI__LINK_ITEM .BOSUI_ICON_MASK {
    scale: 0.8;
}
.BOSUI_NAV_PRIMARY__MENU .BOSUI_NAV_PRIMARY__MENU .BOSUI_NAV_PRIMARY__MENU .BOSUI_NAV_PRIMARY__MENU__LI__LINK_ITEM {
    font-size: 0.8em;
}
.BOSUI_NAV_PRIMARY__MENU .BOSUI_NAV_PRIMARY__MENU .BOSUI_NAV_PRIMARY__MENU .BOSUI_NAV_PRIMARY__MENU__LI__LINK_ITEM .BOSUI_ICON_MASK {
    scale: 0.7;
}
.BOSUI_NAV_PRIMARY__MENU__LI:has(.BOSUI_NAV_PRIMARY__MENU__LI__LABEL_ITEM) {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}