﻿/* aside-sidebar-card-list */
.aside-sidebar-card {
    background: var(--aegir-white);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(2,56,89,.08);
}

.aside-sidebar-card__head {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .85rem 1.3rem;
    background: var(--aegir-primary);
    color: var(--aegir-white);
    font-family: var(--font-display);
    font-size: .95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .8px;
}

    .aside-sidebar-card__head .rz-icon {
        font-size: 1.1rem;
        color: var(--aegir-accent);
    }

.aside-sidebar-card-list {
    list-style: none;
    padding: .5rem 0;
    margin: 0;
}

    .aside-sidebar-card-list li {
        display: flex;
        align-items: flex-start;
        gap: .75rem;
        padding: .65rem 1.3rem;
        border-bottom: 1px solid rgba(3,120,166,.07);
        transition: background var(--transition);
    }

        .aside-sidebar-card-list li:last-child {
            border-bottom: none;
        }

        .aside-sidebar-card-list li:hover {
            background: rgba(3,120,166,.04);
        }

    .aside-sidebar-card-list .rzi {
        font-size: 1.1rem;
        color: var(--aegir-primary);
        margin-top: 2px;
        flex-shrink: 0;
    }

.aside-sidebar-card-list__label {
    display: block;
    font-family: var(--font-body);
    font-size: .70rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: var(--aegir-primary) !important;
    margin-bottom: 1px;
}

.aside-sidebar-card-list div {
    display: flex;
    flex-direction: column;
}

    .aside-sidebar-card-list div a,
    .aside-sidebar-card-list div span {
        font-family: var(--font-body);
        font-size: .9rem;
        color: var(--aegir-text);
        text-decoration: none;
        line-height: 1.5;
        transition: color var(--transition);
    }

        .aside-sidebar-card-list div a:hover {
            color: var(--aegir-accent);
        }


.text-justify {
    text-align: justify;
}

.text-uppercase {
    text-transform: uppercase;
}