/*--------------------------------------------------------------------------*\
    Link in menu item that contains text only
\*--------------------------------------------------------------------------*/

.topbar__menu-link--text {
    /*box*/
    padding: 9px 14px;

    /*border*/
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
}

/*--------------------------------------------------------------------------*\
        Specific : link padding with logo + text
\*--------------------------------------------------------------------------*/

.topbar__menu-link--text.topbar__menu-link--logo {
    /*box*/
    padding: 5px 14px !important;
}

/*--------------------------------------------------------------------------*\
        Topbar primary color (cf topbar.css file)
\*--------------------------------------------------------------------------*/

.topbar--primary .topbar__menu-link--text {
    /*text*/
    color: var(--c-primary-1);
}

/*--------------------------------------------------------------------------*\
            Hover & Is-active
\*--------------------------------------------------------------------------*/

.topbar--primary .topbar__menu-link--text.is-active,
.topbar--primary .topbar__menu-link--text:not(.is-active):hover {
    /*border*/
    border-bottom-color: var(--c-primary-1);
}

/*--------------------------------------------------------------------------*\
        Topbar secondary color (cf topbar.css file)
\*--------------------------------------------------------------------------*/

.topbar--secondary .topbar__menu-link--text {
    /*text*/
    color: var(--c-tertiary-4);
}

/*--------------------------------------------------------------------------*\
            Hover & Is-active
\*--------------------------------------------------------------------------*/

.topbar--secondary .topbar__menu-link--text.is-active,
.topbar--secondary .topbar__menu-link--text:not(.is-active):hover {
    /*border*/
    border-bottom-color: var(--c-tertiary-4);
}