.at-navigationCards .g-gridContainer__inner.--1col {
    grid-template-columns: 1fr !important; /* because of specific styling from ".variantSidebar .main__content .content .g-gridContainer__inner" */
}

/**
 * Items
 */

.at-navigationCards__item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--marginExtraSmall);
    padding: var(--marginSmallMedium);
    border-radius: var(--borderRadiusSmall);
    background-color: var(--baseLight100);
}

.at-navigationCards__item:has(.at-navigationCards__link) {
    transition: all .2s ease-out;
}

.at-navigationCards__item:has(.at-navigationCards__link):hover {
    color: var(--baseLight100);
    background-color: var(--primaryColor500) !important;
}

.at-navigationCards__item:has(.at-navigationCards__link):hover {
    & .at-navigationCards__pretitle,
    & .ctaLink {
        color: var(--baseLight100);
    }
}

.at-navigationCards__item:has(.at-navigationCards__link) .at-navigationCards__link:not(.ctaLink)::before,
.at-navigationCards__item:has(.at-navigationCards__link) .at-navigationCards__link.ctaLink::after {
    position: absolute;
    inset: 0;
    background-color: transparent;
    pointer-events: auto;
    cursor: pointer;
    content: '';
}

.at-navigationCards__titleWrapper {
    margin-block-end: var(--marginMediumLarge);
}

.at-navigationCards__title {
    margin: 0;
    font-size: var(--h4Size);
}

.at-navigationCards__pretitle {
    display: block;
}

a.at-navigationCards__link {
    margin-top: auto;
    align-self: flex-start;
    text-decoration: none;
}

.at-navigationCards__link.ctaButton {
    font-size: var(--preTitleSize);
}

.at-navigationCards__link.ctaLink {
    font-size: var(--labelSize);
}

.at-navigationCards__link.ctaLink::before {
    margin-right: var(--marginExtraSmall);
    content: '\e831';
    font-family: var(--iconFont);
    font-size: var(--labelSize);
}

.at-navigationCards__moreLink {
    display: inline-block;
    margin-block-start: var(--marginMedium);
}

/**
 * Transparent items
 */

.at-navigationCards .g-gridContainer__inner.--1col.--transparentItems {
    grid-gap: 0;
    margin-inline: calc(-1 * var(--marginMedium));
}

.--transparentItems .at-navigationCards__item,
.--transparentItems .at-navigationCards__item:has(.u-coverLink):hover {
    border-radius: 0;
    box-shadow: none;
    transform: none;
}

.variantDashboard .--transparentItems .at-navigationCards__item {
    padding: var(--marginSmall) var(--marginMedium);
}

.--transparentItems .at-navigationCards__item:has(.u-coverLink):hover {
    color: var(--primaryColor500);
    background-color: var(--primaryColor100) !important;
}

.variantDashboard .--transparentItems .at-navigationCards__item {
    border-top: 1px solid var(--baseLight350);
}