/**
 * GENERAL
 * MEDIA QUERIES
 */

.module-annuaires {
    color: #333;


    h2.title-module,
    .btn-more-wrapper {
        color: #333;
    }


    .list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .list .item {
        width: auto;
        max-width: none;
        margin: 0;
        background: var(--efr-gris);
        transition: background-color .25s;
    }

    .has-background-tertiary .list .item {
        background: #fff;
    }

    .item .link {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        height: 100%;
        text-decoration: none;
        background-image: none;
    }

    .item .illus-wrapper {
        flex: 0 0 96px;
        width: 96px;
        aspect-ratio: 3 / 4;
        overflow: hidden;
        background: #e6e1dc;
    }

    .item .illus {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .item .annuaires-resume {
        flex: 1;
        min-width: 0;
        padding: 12px 16px;
        border-left: 3px solid var(--efr-rouge);
    }

    .item .title {
        font-size: 1.1rem;
        line-height: 1.25;
        margin: 0 0 4px;
    }

    .item .poste {
        font-size: .85rem;
        line-height: 1.35;
        margin: 0 0 6px;
    }

    .item .statuts,
    .item .sections,
    .item .dates {
        font-size: .75rem;
        color: var(--efr-gris-texte);
        line-height: 1.45;
    }

    .list .item:hover {
        background: var(--efr-rouge);
    }

    .list .item:hover .annuaires-resume * {
        color: #fff !important;
    }
}