/* ===========================
        CHOIX INSCRIPTIONS
=========================== */

.inscriptions-choice {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 2.5rem;
    min-height: 60vh;
    min-width: 100vw;
    padding: 3.75rem 1.25rem;
}

/* ===== CARD ===== */
.choice-card {
    position: relative;
    overflow: hidden;
    flex: 1;
    min-width: 18.75rem;
    max-width: 28.125rem;
    min-height: 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    color: white;
    border-radius: 1.25rem;
    box-shadow: 0 0.625rem 1.5625rem rgba(0, 0, 0, 0.15);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Couleurs des cartes (en écho au dégradé du header) */
.choice-card.inscrire,
.choice-card.orange,
.choice-card.photos {
    background: linear-gradient(135deg, #ff7800, #ffb700);
}

.choice-card.verifier,
.choice-card.violet,
.choice-card.resultats {
    background: linear-gradient(135deg, #1a4aa0, #06276b);
}

.choice-card:hover {
    transform: translateY(-0.625rem) scale(1.02);
    box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.25);
}

.choice-card:active {
    transform: translateY(-0.25rem) scale(0.99);
}

/* Reflet lumineux au survol (même effet que S'inscrire / Vérifier son inscription) */
.choice-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.25), transparent 40%);
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 1;
}

.choice-card:hover::before {
    opacity: 1;
}

/* ===== CONTENU DE LA CARTE ===== */
.card-content {
    position: relative;
    z-index: 2;
    padding: 2.5rem 1.875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.9375rem;
}

.choice-card h2 {
    font-family: var(--police-titre);
    font-size: clamp(1.5rem, calc(3vw * var(--taille-texte)), 2rem);
    text-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
}

.choice-card p {
    font-family: var(--police-texte);
    font-size: 1rem;
    max-width: 17.5rem;
}

/* ===== BOUTON ===== */
.card-button {
    display: inline-block;
    background: white;
    padding: 0.625rem 1.5rem;
    border-radius: 62.4375rem;
    font-weight: bold;
    font-size: 1.05rem;
    margin-top: 0.625rem;
    transition: all 0.25s ease;
}

.choice-card.inscrire .card-button,
.choice-card.orange .card-button,
.choice-card.photos .card-button {
    color: #ff7800;
}

.choice-card.verifier .card-button,
.choice-card.violet .card-button,
.choice-card.resultats .card-button {
    color: #1a4aa0;
}

.choice-card:hover .card-button {
    transform: scale(1.08);
    color: white;
}

/* Au survol : violet sur les cartes orange, orange sur les cartes violettes */
.choice-card.inscrire:hover h2,
.choice-card.orange:hover h2,
.choice-card.photos:hover h2 {
    color: #1a4aa0;
}

.choice-card.inscrire:hover .card-button,
.choice-card.orange:hover .card-button,
.choice-card.photos:hover .card-button {
    background: linear-gradient(135deg, #1a4aa0, #06276b);
}

.choice-card.verifier:hover h2,
.choice-card.violet:hover h2,
.choice-card.resultats:hover h2 {
    color: #ff7800;
}

.choice-card.verifier:hover .card-button,
.choice-card.violet:hover .card-button,
.choice-card.resultats:hover .card-button {
    background: linear-gradient(135deg, #ff7800, #ffb700);
}



/* ===========================
            RESPONSIVE
=========================== */

@media (max-width: 600px) {
    .inscriptions-choice {
        flex-direction: column;
        align-items: center;
        padding: 2.5rem 0.9375rem;
    }

    .choice-card {
        min-height: 16.25rem;
        width: 100%;
    }
}