/* =========================================================
   ATRA NAVIGATION
   Products Item
========================================================= */

.atra-navigation__item--products {
    position: relative;
}

.atra-navigation__link--has-mega {
    gap: 7px;
}


/* =========================================================
   Arrow
========================================================= */

.atra-navigation__arrow {
    width: 7px;
    height: 7px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-1px);
}

.atra-navigation__arrow span {
    width: 6px;
    height: 6px;

    border-left: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;

    transform: rotate(-45deg);
}

/* =========================================================
   Products Active State
========================================================= */

.atra-navigation__item--products:hover
.atra-navigation__link--has-mega,

.atra-navigation__item--products:focus-within
.atra-navigation__link--has-mega {
    color: var(--atra-color-blue);
    background: var(--atra-color-surface);
}