/* ========================================
   DÉCORATIONS DES CARTES CEPAM
======================================== */

/* Base commune */

.home-section-card::before,
.home-section-card--flip .home-section-card__front::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    pointer-events: none;

    width: 260px;
    height: 260px;
    top: -60px;
    right: -55px;

    border: none;
    border-radius: 0;
    transform: none;
    box-sizing: border-box;
}

/* Éviter une double décoration sur les cartes flip */

.home-section-card--flip::before {
    display: none;
}

/* 1. Définition : cercles concentriques */

.home-section-card:nth-child(1) .home-section-card__front::before {
    background:
        radial-gradient(
            circle,
            transparent 0 34%,
            rgba(255,255,255,.20) 35% 38%,
            transparent 39% 48%,
            rgba(255,255,255,.20) 49% 52%,
            transparent 53% 62%,
            rgba(255,255,255,.20) 63% 66%,
            transparent 67%
        );
}

/* 2. Contributions : cercles entrecroisés */

.home-section-card:nth-child(2)::before {
    width: 340px;
    background:
        radial-gradient(
            circle at 35% 50%,
            transparent 0 28%,
            rgba(255,255,255,.18) 29% 32%,
            transparent 33% 40%,
            rgba(255,255,255,.18) 41% 44%,
            transparent 45%
        ),
        radial-gradient(
            circle at 75% 50%,
            transparent 0 28%,
            rgba(255,255,255,.18) 29% 32%,
            transparent 33% 40%,
            rgba(255,255,255,.18) 41% 44%,
            transparent 45%
        );
}

/* 3. Espace presse : motif répétitif */

.home-section-card:nth-child(3)::before {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;

    background-image:
        radial-gradient(
            circle,
            transparent 0 7px,
            rgba(255,255,255,.18) 8px 10px,
            transparent 11px
        );

    background-size: 35px 35px;
    background-position: center;
}

/* Adaptation mobile */

@media (max-width: 768px) {
    .home-section-card:nth-child(1) .home-section-card__front::before,
    .home-section-card:nth-child(2) .home-section-card__front::before {
        width: 220px;
        height: 220px;
        top: -35px;
        right: -35px;
    }

    .home-section-card:nth-child(3)::before {
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
    }
}