/* Carte de couverture — page France V30 */

body.france-v30 .france-v30-hero-card {
    color: #0b1b31 !important;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(18, 100, 244, .10),
            transparent 38%
        ),
        #ffffff !important;
    border: 1px solid #dce5ef !important;
    border-radius: 24px !important;
    box-shadow:
        0 28px 75px rgba(5, 25, 50, .18) !important;
}

body.france-v30 .france-v30-hero-card * {
    text-shadow: none !important;
}

body.france-v30
.france-v30-hero-card__eyebrow {
    display: inline-flex !important;
    width: fit-content;
    margin-bottom: 10px !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    background: #edf4ff !important;
    color: #1264f4 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}

body.france-v30
.france-v30-hero-card__title {
    color: #0b1b31 !important;
    font-size: clamp(28px, 3vw, 42px) !important;
    font-weight: 700 !important;
    letter-spacing: -.04em !important;
    line-height: 1.08 !important;
}

body.france-v30
.france-v30-hero-card__description {
    color: #52657d !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

body.france-v30
.france-v30-hero-card__label {
    color: #74869c !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}

body.france-v30
.france-v30-hero-card__value {
    color: #0b1b31 !important;
    font-size: 16px !important;
    font-weight: 720 !important;
}

/*
 * Sécurité supplémentaire :
 * aucun texte de la carte ne doit rester blanc sur blanc.
 */
body.france-v30
.france-v30-hero-card
:where(
    div,
    span,
    strong,
    small,
    p,
    h2,
    h3,
    h4,
    dt,
    dd
) {
    border-color: #dce5ef;
}

body.france-v30
.france-v30-hero-card
:where(
    h2,
    h3,
    h4,
    strong,
    dd
):not(
    .france-v30-hero-card__eyebrow
):not(
    .france-v30-hero-card__label
) {
    color: #0b1b31 !important;
}

body.france-v30
.france-v30-hero-card
:where(
    p,
    small,
    dt
):not(
    .france-v30-hero-card__eyebrow
):not(
    .france-v30-hero-card__label
) {
    color: #52657d !important;
}

body.france-v30
.france-v30-hero-card ::selection {
    background: #1264f4;
    color: #ffffff;
}

@media (max-width: 700px) {
    body.france-v30
    .france-v30-hero-card {
        border-radius: 20px !important;
    }

    body.france-v30
    .france-v30-hero-card__title {
        font-size: 30px !important;
    }
}