:root {
    --rosee-card-filet: oklch(from var(--wp--preset--color--gris-clair) calc(l - 0.052) c h);
}

.accessible-cards {
    gap: var(--wp--preset--spacing--medium);
    /*margin-bottom: var(--wp--preset--spacing--medium);*/
}



.card,
.wp-block-query li,
.accessible-card {
    border: 4px solid var(--wp--preset--color--blanc);
    border-radius: 15px;
    background-color: var(--wp--preset--color--gris-clair);
    overflow: hidden;
    display: flex;
    flex-direction: column;

    .accessible-card__content {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: var(--wp--preset--spacing--small);
    }

    .wp-block-post-date,
    .accessible-card__date {
        font-size: 14px;
        line-height: 17px;
        color: var(--wp--preset--color--rouge);

        time {
            font-weight: bold;
        }

        @media(min-width:1200px) {
            font-size: 18px;
            line-height: 22px;
        }
    }

    h2, h3, h4 {
        font-size: clamp(1.25rem, 0.9714rem + 1.1429vw, 2rem);
        line-height: 1.1;
        margin: 0 0 0.75rem 0;
    }

    .wp-block-post-excerpt {
        margin: 0;
    }

    .accessible-card__excerpt {
        color: var(--wp--preset--color--noir);

    }

    .wp-block-post-date {
        margin: 0 0 0.75rem 0;
    }

    .wp-block-post-excerpt__excerpt,
    .accessible-card__excerpt {
        font-size: clamp(0.875rem, 0.7821rem + 0.381vw, 1.125rem);
        line-height: 1.22;
        margin: 0;
    }


    .wp-block-post-featured-image {
        margin-bottom: 0;
    }

    .rosee-post-meta,
    .accessible-card__terms {
        margin: 0 0 var(--wp--preset--spacing--x-small) 0;
        gap: 0.3rem;

        a,
        .accessible-card__term {
            display: inline-block;
            text-decoration: none;
            font-size: var(--wp--preset--font-size--x-small);
            background-color: var(--wp--preset--color--blanc);
            padding: 0.3rem 0.6rem 0.225rem 0.6rem;
            border-radius: 999px;
        }

        a {
            &:hover, &:focus-visible {
                background-color: oklch(from var(--wp--preset--color--jaune) calc(l - .1) c h ) !important;
                color: var(--wp--preset--color--noir) !important;
            }
        }
    }

    /* Retire la marge du groupe de termes quand l'element n'a ni categorie ni etiquette. */
    .rosee-post-meta:not(:has(*)) {
        display: none;
    }

    .wp-block-post-terms {
        display: flex;
        gap: 0.3rem;
    }
}

.has-gris-clair-background-color {
    .card,
    .wp-block-query li,
    .accessible-card {
        border-color: var(--rosee-card-filet);
        background-color: var(--wp--preset--color--blanc);

    }
}

.has-blanc-background-color {
    .card,
    .wp-block-query li,
    .accessible-card {
        border-color: var(--rosee-card-filet);

    }
}

.card,
.wp-block-query li,
.accessible-card {
    .wp-block-buttons,
    .accessible-card__action {
        padding-top: var(--wp--preset--spacing--small);
        display: flex;
        justify-content: flex-end;
        margin-top: auto;
    }

    .wp-block-button__link,
    .accessible-card__link {
        padding: 0.75rem 1.2rem 0.45rem;

        &::after {
            width: 1.2rem;
            height: 1.2rem;
            right: -0.45rem;
            bottom: -0.405rem;
        }
    }


    .rosee-read-more {
        margin-bottom: var(--wp--preset--spacing--small);
    }
}

.accessible-card__link:focus-visible {
    outline: 3px solid #000000;
    outline-offset: 2px;
}