/* ==========================================================================
   STYLE EXCLUSIF DU QUIZ ACTIMUR
   Formulaire « Mini-Diagnostic Humidité - Actimur (v2) ».

   Scopé sur la classe .actimur-quiz (réglage « Form CSS Class Name » du
   formulaire), et NON sur #gform_wrapper_10 : l'import Gravity Forms crée
   un formulaire avec un nouvel ID, la classe survit à ce changement.
   ========================================================================== */

/* --- 1. L'ENCART : porté par le <form>, pas par le wrapper --- */
.actimur-quiz {
    display: block !important;
    background-color: #fcfaf7 !important;
    border: 1px solid #f0e3d8 !important; /* filet sobre — l'orange saturé faisait « coupon » */
    border-radius: 12px !important;
    padding: 40px 30px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* Neutralise l'encart du wrapper si Gravity Forms y recopie la classe :
   sans cela, double bordure et double padding. */
.actimur-quiz_wrapper {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Titres des blocs HTML (intro, étape coordonnées) : casse normale —
   plus lisible et plus premium que les capitales imposées par le thème. */
.actimur-quiz h2 {
    text-transform: none !important;
}

/* --- Contenu des pages centré dans le cadre élargi ---------------------
   Le <form> est large (conteneur élargi), mais le contenu garde une largeur
   de lecture confortable, CENTRÉE. On force chaque niveau (corps, page,
   champs, footer, barre de progression) à la même colonne centrée — sinon
   un seul niveau contraint à gauche suffit à tout décaler.
   Ajuste la valeur 720px selon le rendu voulu. */
.actimur-quiz .gform_body,
.actimur-quiz .gform_page,
.actimur-quiz .gform_page_fields,
.actimur-quiz .gform_page_footer,
.actimur-progress {
    width: 100% !important;
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ... et les champs REMPLISSENT cette colonne : sinon la grille Gravity Forms
   et les tailles « medium » des selects les laissent étroits, collés à gauche.
   On force chaque champ en pleine ligne + on retire les max-width medium. */
.actimur-quiz .gform_fields { width: 100% !important; }
.actimur-quiz .gform_fields > .gfield { grid-column: 1 / -1 !important; margin-bottom: 20px !important; }
.actimur-quiz .gfield,
.actimur-quiz .ginput_container,
.actimur-quiz input,
.actimur-quiz select,
.actimur-quiz textarea { max-width: 100% !important; }

/* Champs de score internes (calculs) : JAMAIS visibles côté visiteur.
   Filet de sécurité CSS en plus du réglage de visibilité Gravity Forms —
   les 5 champs Number : Commun 54, A 55, B 56, C 57, Intention 43.
   (display:none garde l'input dans le DOM → le calcul et les merge tags
   du résultat continuent de fonctionner.) */
.actimur-quiz .gfield--type-number,
#field_12_54, #field_12_55, #field_12_56, #field_12_57, #field_12_43 {
    display: none !important;
}

/* --- 2. BARRE DE PROGRESSION -------------------------------------------
   Markup généré par actimur_quiz_progress_bar() dans functions.php.
   Les 3 pages de branche (remontées / condensation / infiltrations) sont
   mutuellement exclusives : le parcours réel compte 4 étapes, pas 7.

   ⚠️ Les sélecteurs ci-dessous ne sont volontairement PAS imbriqués sous
   .actimur-quiz : selon la version de Gravity Forms, la barre est rendue
   soit à l'intérieur de la balise <form>, soit dans le <div> parent. Un
   sélecteur descendant la manquait dans le second cas — le formulaire
   apparaissait stylé mais la barre restait brute.

   .actimur-progress est une classe propre au quizz (émise uniquement par
   notre filtre PHP) : aucun risque de collision avec le formulaire 2.
   Les règles .gf_progressbar* servent de repli si le filtre ne s'applique
   pas et que Gravity Forms rend sa barre native.
   ---------------------------------------------------------------------- */
.actimur-progress,
.actimur-quiz .gf_progressbar_wrapper,
.actimur-quiz_wrapper .gf_progressbar_wrapper {
    margin: 0 0 30px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
}

.actimur-progress .gf_progressbar_title,
.actimur-quiz .gf_progressbar_title,
.actimur-quiz_wrapper .gf_progressbar_title {
    margin: 0 0 10px !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #e36124 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    line-height: 1.4 !important;
}

.actimur-progress .gf_progressbar_title span,
.actimur-quiz .gf_progressbar_title .gf_progressbar_page_name,
.actimur-quiz_wrapper .gf_progressbar_title .gf_progressbar_page_name {
    font-weight: 500 !important;
    color: #777 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.actimur-progress .gf_progressbar,
.actimur-quiz .gf_progressbar,
.actimur-quiz_wrapper .gf_progressbar {
    display: block !important;
    width: 100% !important;
    height: 8px !important;
    background-color: #f1e7df !important;
    border-radius: 100px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

.actimur-progress .gf_progressbar_percentage,
.actimur-quiz .gf_progressbar_percentage,
.actimur-quiz_wrapper .gf_progressbar_percentage {
    display: block !important;
    height: 100% !important;
    background-color: #e36124 !important;
    border-radius: 100px !important;
    transition: width 0.4s ease !important;
    text-indent: 0 !important;
}

/* Le pourcentage chiffré reste lisible par les lecteurs d'écran,
   mais n'est pas affiché dans la barre (8 px de haut). */
.actimur-progress .gf_progressbar_percentage span,
.actimur-quiz .gf_progressbar_percentage span,
.actimur-quiz_wrapper .gf_progressbar_percentage span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* --- 3. RÉINITIALISATION (Anti-conflit thème) --- */
.actimur-quiz .gfield,
.actimur-quiz .ginput_container_radio,
.actimur-quiz .gfield_radio {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    height: auto !important;
}

.actimur-quiz .gform_fields {
    row-gap: 46px !important; /* espace vertical entre champs (= « margin-bottom » sous chaque champ) */
}

/* Aérer les listes de cases à cocher / choix empilés (ex. « autres signes ») */
.actimur-quiz .gfield_checkbox .gchoice {
    margin-bottom: 11px !important;
}
.actimur-quiz .gfield_checkbox .gchoice:last-child {
    margin-bottom: 0 !important;
}

/* Labels des cases à cocher : encre de marque (le thème les colorait en bleu) */
.actimur-quiz .gfield_checkbox label {
    color: #333333 !important;
    font-weight: 500 !important;
}
.actimur-quiz .gfield_checkbox input[type="checkbox"] {
    accent-color: #e36124 !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 9px !important;
    vertical-align: middle !important;
}

/* --- 4. LA GRILLE DE CARTES --- */
.actimur-quiz .gfield_radio {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    gap: 15px !important;
    width: 100% !important;
}

/* Questions en demi-largeur (type Maison / Appartement) */
.actimur-quiz .gf_left_half .gfield_radio,
.actimur-quiz .gf_right_half .gfield_radio,
.actimur-quiz .gfield--width-half .gfield_radio {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
}

/* --- 5. ÉTIREMENT DES CHOIX --- */
.actimur-quiz .gfield_radio .gchoice {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    display: block !important;
}

/* --- 6. MASQUER LA PUCE NATIVE --- */
.actimur-quiz .gfield_radio input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

/* --- 7. DESIGN DE LA CARTE --- */
.actimur-quiz .gfield_radio label {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 65px !important;
    padding: 12px 15px !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    cursor: pointer !important;
    text-align: center !important;
    font-weight: 600 !important;
    color: #444 !important;
    white-space: normal !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

/* --- 8. SURVOL, SÉLECTION ET FOCUS CLAVIER --- */
.actimur-quiz .gfield_radio label:hover {
    border-color: #a0a0a0 !important;
    background-color: #f9f9f9 !important;
}

.actimur-quiz .gfield_radio input[type="radio"]:checked + label {
    border-color: #e36124 !important;
    background-color: #fcece5 !important;
    color: #e36124 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 16px -6px rgba(227, 97, 36, 0.35) !important;
}

/* Navigation au clavier : sans cela, la puce étant masquée, plus rien
   n'indique où se trouve le focus. */
.actimur-quiz .gfield_radio input[type="radio"]:focus-visible + label {
    outline: 3px solid rgba(227, 97, 36, 0.45) !important;
    outline-offset: 2px !important;
}

/* --- 9. TYPOGRAPHIE DES QUESTIONS --- */
.actimur-quiz .gfield_label {
    font-weight: 600 !important;
    color: #333333 !important;
    margin-bottom: 12px !important;
    display: block !important;
    font-size: 20px !important; /* la question = héros de l'écran */
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

.actimur-quiz .gfield_description {
    font-size: 14px !important;
    color: #666666 !important; /* contraste AA sur crème (4,3:1 -> ~4,9:1) */
    padding: 8px 0 0 !important;
    line-height: 1.5 !important;
}

.actimur-quiz .gfield_required {
    color: #e36124 !important;
}

/* --- 10. CHAMPS TEXTE ET SÉLECTEURS --- */
.actimur-quiz input[type="text"],
.actimur-quiz input[type="email"],
.actimur-quiz input[type="tel"],
.actimur-quiz input[type="number"],
.actimur-quiz select,
.actimur-quiz textarea {
    width: 100% !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    font-size: 16px !important;
    color: #444444 !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    min-height: 54px !important;
    padding: 0 15px !important;
}

.actimur-quiz input[type="text"]:focus,
.actimur-quiz input[type="email"]:focus,
.actimur-quiz input[type="tel"]:focus,
.actimur-quiz select:focus {
    border-color: #e36124 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(227, 97, 36, 0.15) !important;
}

/* Flèche du menu déroulant (une seule, pas de répétition) */
.actimur-quiz select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23e36124' d='M1.4 0 6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 12px !important;
    padding-right: 40px !important;
}

/* Sous-libellés du champ Nom (Prénom / Nom) */
.actimur-quiz .ginput_complex label {
    font-size: 13px !important;
    color: #888 !important;
    font-weight: 500 !important;
    padding-top: 6px !important;
}

/* --- 11. CASE DE CONSENTEMENT RGPD --- */
.actimur-quiz .gfield_consent,
.actimur-quiz .gfield--type-consent {
    background-color: #ffffff !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    padding: 18px 20px !important;
}

.actimur-quiz .gfield_consent .gfield_consent_label,
.actimur-quiz .gfield--type-consent label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #555 !important;
    line-height: 1.5 !important;
    cursor: pointer !important;
}

.actimur-quiz .gfield--type-consent input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-height: 0 !important;
    accent-color: #e36124 !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
}

/* --- 12. ERREURS DE VALIDATION --- */
.actimur-quiz .gform_validation_errors {
    background-color: #fdf5f5 !important;
    border: 1px solid #e7b8b3 !important;
    border-radius: 8px !important;
    padding: 16px 20px !important;
    margin-bottom: 25px !important;
    box-shadow: none !important;
}

.actimur-quiz .gform_validation_errors h2,
.actimur-quiz .gform_validation_errors .gform_submission_error {
    color: #c0392b !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.actimur-quiz .gfield_error .gfield_label {
    color: #c0392b !important;
}

.actimur-quiz .validation_message {
    background: none !important;
    border: none !important;
    color: #c0392b !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 8px 0 0 !important;
}

.actimur-quiz .gfield_error input[type="text"],
.actimur-quiz .gfield_error input[type="email"],
.actimur-quiz .gfield_error input[type="tel"],
.actimur-quiz .gfield_error select {
    border-color: #c0392b !important;
}

/* --- 13. BOUTONS DE NAVIGATION --- */
.actimur-quiz .gform_page_footer,
.actimur-quiz .gform_footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 15px !important;
    margin-top: 30px !important;
    padding-top: 20px !important;
    border-top: 1px solid #eaeaea !important;
}

.actimur-quiz .button,
.actimur-quiz .gform_button,
.actimur-quiz .gform_next_button,
.actimur-quiz .gform_previous_button {
    padding: 14px 32px !important;
    border-radius: 999px !important; /* pilule (charte Actimur) */
    font-weight: 700 !important;
    font-size: 15.5px !important;
    text-transform: none !important; /* casse normale, moins « criard » */
    letter-spacing: normal !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border: none !important;
    min-width: 150px !important;
}

/* Action principale */
.actimur-quiz .gform_next_button,
.actimur-quiz .gform_button {
    background-color: #e36124 !important;
    color: #ffffff !important;
    margin-left: auto !important; /* colle à droite même sans bouton Précédent */
    box-shadow: 0 10px 20px -8px rgba(227, 97, 36, 0.4) !important; /* ombre douce charte */
}

.actimur-quiz .gform_next_button:hover,
.actimur-quiz .gform_button:hover {
    background-color: #cf551d !important;
    box-shadow: 0 4px 12px rgba(227, 97, 36, 0.3) !important;
}

/* Action secondaire */
.actimur-quiz .gform_previous_button {
    background-color: #f1f1f1 !important;
    color: #666666 !important;
}

.actimur-quiz .gform_previous_button:hover {
    background-color: #e0e0e0 !important;
    color: #333333 !important;
}

/* --- 14. MASQUER L'EN-TÊTE REDONDANT --- */
.actimur-quiz_wrapper .gform_heading,
.actimur-quiz .gform_required_legend,
.actimur-quiz_wrapper .gform_required_legend {
    display: none !important;
}

/* --- 15. RESPONSIVE MOBILE --- */
@media only screen and (max-width: 768px) {
    .actimur-quiz {
        padding: 20px 15px !important;
        border-radius: 8px !important;
    }

    .actimur-quiz .gfield_radio {
        grid-template-columns: 1fr !important;
    }

    .actimur-quiz .gform_page_footer,
    .actimur-quiz .gform_footer {
        flex-direction: column-reverse !important;
        align-items: stretch !important;
    }

    .actimur-quiz .button,
    .actimur-quiz .gform_button,
    .actimur-quiz .gform_next_button,
    .actimur-quiz .gform_previous_button {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

/* --- 16. RESPECT DES PRÉFÉRENCES D'ANIMATION --- */
@media (prefers-reduced-motion: reduce) {
    .actimur-quiz .gfield_radio label,
    .actimur-quiz .actimur-progress .gf_progressbar_percentage,
    .actimur-quiz input,
    .actimur-quiz select,
    .actimur-quiz .button {
        transition: none !important;
    }
}

/* ===== 17. ÉCRAN DE RÉSULTAT (multi-symptômes v3) ===== */
.actimur-result{--g:#c0392b;--g-soft:#fdf4f2;--g-ink:#992a20;
  --ar-ink:#241d18;--ar-muted:#867c72;--ar-hair:#efe6dc;--ar-brand:#e36124;--ar-brand-dk:#cf551d;
  position:relative;max-width:100%;margin:0 auto;background:#fff;border:1px solid var(--ar-hair);
  border-radius:20px;overflow:hidden;padding:30px 30px 28px;
  box-shadow:0 24px 50px -28px rgba(36,29,24,.35),0 2px 4px rgba(36,29,24,.04);
  font-family:'Roboto',system-ui,'Segoe UI',Arial,sans-serif;color:var(--ar-ink)}
.actimur-result[data-gravity="faible"]{--g:#2e8b6f;--g-soft:#eef6f2;--g-ink:#256b55}
.actimur-result[data-gravity="modere"]{--g:#e36124;--g-soft:#fdeee6;--g-ink:#b44a17}
.actimur-result[data-gravity="eleve"]{--g:#c0392b;--g-soft:#fdf4f2;--g-ink:#992a20}
.actimur-result *{box-sizing:border-box}
.ar-accent{position:absolute;inset:0 0 auto 0;height:6px;background:var(--g);transition:background .45s}
.ar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.ar-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ar-muted)}
.ar-patho{font-size:12.5px;font-weight:700;color:var(--g-ink);background:var(--g-soft);
  border:1px solid color-mix(in srgb,var(--g) 22%,#fff);padding:5px 11px;border-radius:999px;white-space:nowrap}
.ar-hello{display:flex;align-items:center;gap:12px;margin:18px 0 4px}
.ar-mascot{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:var(--g-soft);
  border:1px dashed color-mix(in srgb,var(--g) 40%,#fff);display:grid;place-items:center}
.ar-mascot svg{width:26px;height:26px}
.ar-actiman{flex:0 0 auto;width:116px;height:auto;display:block} /* posture Actiman thématique (src posé par le JS) */

/* ==========================================================================
   AMÉLIORATIONS DESIGN — LOT 1 (05/08)
   Coche de sélection · lift · transitions d'étape · badge d'étape · pictos
   ========================================================================== */

/* Coche nette sur la carte sélectionnée (le lift est sur la règle :checked ci-dessus) */
.actimur-quiz .gfield_radio input[type="radio"]:checked + label::after {
    content: "";
    position: absolute; top: 8px; right: 9px;
    width: 18px; height: 18px; border-radius: 50%;
    background: #e36124 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat;
}

/* Transition douce à l'affichage de chaque étape */
@keyframes ap-fadein { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.actimur-quiz .gform_page { animation: ap-fadein .32s ease both; }

/* Badge « Étape X/4 » dans la barre de progression */
.actimur-progress .gf_progressbar_title .ap-step {
    display: inline-block; margin-right: 9px; padding: 2px 9px; border-radius: 999px;
    background: #e36124 !important; color: #fff !important;
    font-size: 11px !important; font-weight: 700 !important; letter-spacing: .03em !important; vertical-align: middle;
}

/* Compagnon Actiman par étape (posture + bulle, injecté par quiz-companion.js) */
.actimur-quiz .ap-companion {
    display: flex; align-items: center; gap: 14px; margin: 0 0 28px;
}
.actimur-quiz .ap-companion__img { flex: 0 0 auto; width: 66px; height: auto; display: block; }
.actimur-quiz .ap-companion__bubble {
    position: relative;
    background: #fcece5; border: 1px solid #f6d9c9; border-radius: 14px; padding: 12px 16px;
    font-family: 'Outfit', system-ui, sans-serif; font-weight: 600; font-size: 15px;
    color: #b44a17; line-height: 1.35;
}
.actimur-quiz .ap-companion__bubble::before {
    content: ""; position: absolute; left: -9px; top: 50%; transform: translateY(-50%);
    width: 0; height: 0; border: 9px solid transparent; border-right-color: #f6d9c9; border-left: 0;
}
.actimur-quiz .ap-companion__bubble::after {
    content: ""; position: absolute; left: -7px; top: 50%; transform: translateY(-50%);
    width: 0; height: 0; border: 8px solid transparent; border-right-color: #fcece5; border-left: 0;
}

/* Pictos sur les 6 cartes du symptôme principal (champ 12_1) : icône au-dessus du texte */
.actimur-quiz #field_12_1 .gfield_radio label {
    flex-direction: column !important;
    gap: 9px !important;
    padding-top: 16px !important;
    min-height: 94px !important;
}
.actimur-quiz #field_12_1 .gfield_radio label::before {
    content: "";
    width: 30px; height: 30px; flex: 0 0 auto;
    background: center / contain no-repeat;
}
.actimur-quiz #field_12_1 .gchoice_12_1_0 label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e36124' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M7 21v-6m0 0-2 2m2-2 2 2'/%3E%3Cpath d='M12 21v-9m0 0-2 2m2-2 2 2'/%3E%3Cpath d='M17 21v-6m0 0-2 2m2-2 2 2'/%3E%3C/svg%3E"); }
.actimur-quiz #field_12_1 .gchoice_12_1_1 label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e36124' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='16' rx='1'/%3E%3Cpath d='M3 12h18M9 4v8M15 12v8'/%3E%3Ccircle cx='6.5' cy='16' r='1' fill='%23e36124' stroke='none'/%3E%3Ccircle cx='12' cy='8' r='1' fill='%23e36124' stroke='none'/%3E%3Ccircle cx='18' cy='16' r='1' fill='%23e36124' stroke='none'/%3E%3C/svg%3E"); }
.actimur-quiz #field_12_1 .gchoice_12_1_2 label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e36124' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c3.2 4.2 5 6.7 5 9.2a5 5 0 0 1-10 0c0-2.5 1.8-5 5-9.2z'/%3E%3C/svg%3E"); }
.actimur-quiz #field_12_1 .gchoice_12_1_3 label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e36124' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10l8-5 8 5v7H4z'/%3E%3Cpath d='M2 21h20' stroke-dasharray='2.5 2.5'/%3E%3C/svg%3E"); }
.actimur-quiz #field_12_1 .gchoice_12_1_4 label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e36124' stroke='none'%3E%3Ccircle cx='8' cy='10' r='3.2'/%3E%3Ccircle cx='14.5' cy='8' r='2.4'/%3E%3Ccircle cx='15' cy='14.5' r='3'/%3E%3Ccircle cx='9' cy='15.5' r='2.2'/%3E%3C/svg%3E"); }
.actimur-quiz #field_12_1 .gchoice_12_1_5 label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e36124' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='3' width='16' height='14' rx='1'/%3E%3Cpath d='M4 10h16M12 3v14'/%3E%3Ccircle cx='8' cy='20' r='1' fill='%23e36124' stroke='none'/%3E%3Ccircle cx='12' cy='21' r='1' fill='%23e36124' stroke='none'/%3E%3Ccircle cx='16' cy='20' r='1' fill='%23e36124' stroke='none'/%3E%3C/svg%3E"); }
.ar-greet{margin:0;font-size:15px;color:var(--ar-muted);line-height:1.35}
.ar-greet strong{color:var(--ar-ink);font-weight:700}
.ar-gauge{width:min(300px,84%);margin:14px auto 0}
.ar-gauge svg{width:100%;height:auto;display:block;overflow:visible}
.ar-track{fill:none;stroke:#efe7de;stroke-width:16;stroke-linecap:round}
.ar-arc{fill:none;stroke:var(--g);stroke-width:16;stroke-linecap:round;
  transition:stroke-dashoffset .95s cubic-bezier(.22,.61,.36,1),stroke .45s}
.ar-ticks line{stroke:#d9cfc4;stroke-width:2}
.ar-ticks line.maj{stroke:#b9ab9c;stroke-width:2.5}
.ar-needle{transform-origin:120px 120px;transform:rotate(-90deg);
  transition:transform .95s cubic-bezier(.34,1.2,.4,1)}
.ar-needle line{stroke:var(--ar-ink);stroke-width:3.5;stroke-linecap:round}
.ar-hub{fill:var(--ar-ink)}.ar-hub-ring{fill:#fff}
.ar-readout{text-align:center;margin-top:4px;line-height:1}
.ar-pct{font-size:50px;font-weight:800;color:var(--g);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ar-unit{font-size:22px;font-weight:800;color:var(--g)}
.ar-rlabel{display:block;margin-top:7px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ar-muted)}
.ar-verdict{margin:16px 0 0;font-size:22px;line-height:1.22;font-weight:800;letter-spacing:-.01em;color:var(--g-ink);text-wrap:balance}
.ar-secondaries{margin:10px 0 0;font-size:13.5px;color:var(--ar-muted)}
.ar-secondaries strong{color:var(--ar-ink);font-weight:700}
.ar-secondaries[hidden]{display:none}
.ar-facts{margin:18px 0 0;display:flex;flex-direction:column;border-top:1px solid var(--ar-hair)}
.ar-facts>div{display:grid;grid-template-columns:132px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--ar-hair)}
.ar-facts dt{margin:0;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--ar-muted)}
.ar-facts dd{margin:0;font-size:14px;line-height:1.4;color:var(--ar-ink)}
.ar-conseil{margin:16px 0 0;padding:12px 14px;background:var(--g-soft);border-left:3px solid var(--g);
  border-radius:8px;font-size:13.5px;line-height:1.45;color:var(--ar-ink)}
.ar-conseil strong{color:var(--g-ink)}
.ar-cta{margin-top:22px;background:var(--g-soft);border:1px solid color-mix(in srgb,var(--g) 16%,#fff);
  border-radius:14px;padding:18px;text-align:center}
.ar-cta-lead{margin:0 0 13px;font-size:15px;font-weight:700;color:var(--ar-ink);line-height:1.35}
.ar-cta-btn{display:inline-block;text-decoration:none;font-weight:700;font-size:15px;color:#fff;background:var(--ar-brand);
  padding:13px 22px;border-radius:999px;width:100%;box-shadow:0 10px 20px -8px color-mix(in srgb,var(--ar-brand) 60%,transparent)}
.ar-cta-btn:hover{background:var(--ar-brand-dk)}
.ar-cta-note{margin:11px 0 0;font-size:12px;color:var(--ar-muted)}
@media only screen and (max-width:440px){.actimur-result{padding:24px 20px}
  .ar-facts>div{grid-template-columns:1fr;gap:3px}.ar-verdict{font-size:20px}.ar-pct{font-size:44px}}
@media (prefers-reduced-motion:reduce){.ar-arc,.ar-needle{transition:none}}