/* ===== NOVEMBRE BLEU - FOND DESKTOP page tunnel ===== */
@media only screen and (min-width: 768px) {
    body {
        margin: 0;
        background-color: #f2f8fd;
        background-image: url(https://www.mongustave.fr/wp-content/uploads/2026/11/part1-bleu3.png), url(https://www.mongustave.fr/wp-content/uploads/2026/11/part1-bleu4.png) !important;
        background-size: 30%, 20%;
        background-repeat: no-repeat, no-repeat;
        background-position: right 12%, left 23%;
    }
}

/* ===== MOUSTACHES MOBILE ===== */
@media only screen and (max-width: 767px) {
    .santev2 .personspeak .width20 {
        position: relative;
    }
    .santev2 .personspeak .width20::after {
        content: "";
        position: absolute;
        top: 80px;
        right: -14px;
        width: 72px;
        height: 107px;
        background: url(https://www.mongustave.fr/wp-content/uploads/2026/11/part1-bleu3.png) center top / 62px auto no-repeat;
        pointer-events: none;
        z-index: 1;
    }
    .santev2 .progress-container::before {
        content: none !important;
    }
    .santev2 .trustpilot-reviews::before {
        content: none !important;
        display: none !important;
        background: none !important;
    }
}

/* Petites tablettes (iPad mini) : moustache à gauche de la photo */
@media only screen and (min-width: 720px) and (max-width: 767px) {
    .santev2 .personspeak .width20::after {
        top: 35px;
        right: 62px;
    }
}

/* ===== ÉLÉMENTS DU PARCOURS ===== */
.santev2 .custom-radio input[type="radio"]:checked + .radio-content,
.santev2 .radio-select input[type="radio"]:checked + label,
.santev2 .custom-radio input[type="radio"]:checked + .radiocontent2,
.santev2 input[type="radio"]:checked + .coverage-option {
    background-color: #cfe4f6 !important;
    border: 0.6px solid #a9c9e3 !important;
}
.santev2 .progress {
    background-color: #1C75BC !important;
}
.santev2 .circle {
    border: 1px solid #1C75BC !important;
}
.santev2 .logoheadermongustave img {
    content: url(https://www.mongustave.fr/wp-content/uploads/2026/11/logo-mise-a-jour-bleu4.png);
}
.santev2 .coverage-option .subtitle {
    color: #1c75bc !important;
}
.santev2 .coverage-fill {
    background-color: #1c75bc !important;
}
.santev2 .info-banner {
    border-left: 4px solid #ff8e50;
}
.santev2 .info {
    background: #1c75bc !important;
}

/* ===== BOUTONS ===== */
.santev2 .mondevisbtn,
.santev2 .compareCTAContainer button {
    background-color: #1C75BC !important;
    background-image: none !important;
}
.santev2 .mondevisbtn:hover,
.santev2 .compareCTAContainer button:hover {
    background-color: #165f99 !important;
}

/* ===== BANDE DU HAUT ===== */
.mg-or-banner {
    background: linear-gradient(90deg, #1C75BC 0%, #2B8AD6 50%, #1C75BC 100%) !important;
}
.mg-or-ribbon {
    filter: hue-rotate(245deg) saturate(1.3) brightness(1.1);
}
.mg-or-title { font-size: 0 !important; }
.mg-or-title::before { content: "Novembre Bleu"; font-size: 14px; }
.mg-or-subtitle { font-size: 0 !important; }
.mg-or-subtitle::before { content: "Mon Gustave se mobilise pour la santé masculine"; font-size: 13px; }


.sante-component .disabled_button_send, .sante-component .disabled_button_send:hover
{
    background-color: #cfe4f6 !important;
}


@media only screen and (max-width: 767px) {
    body.pageform.sante {
        background-image: none !important;
        background-color: #ffffff3b !important;
    }
}