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

.header__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
\*--------------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------------*\
        Header primary color (cf header.css file)
\*--------------------------------------------------------------------------*/

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

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

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

/*--------------------------------------------------------------------------*\
        Header secondary color (cf header.css file)
\*--------------------------------------------------------------------------*/

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

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

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