/* Groupe Étoile : minuteur des tests de niveau (27/09/2026), commun aux trois sites. Compteur fixe, alerte rouge à 2 minutes, panneau de fin de temps, questions verrouillées, encadré de consignes. */
.be20-quiz .be20-quiz-timer,.be20-quiz .be38-quiz-expiry{display:none!important}
.be39-bar{position:sticky;top:var(--be39-top,98px);z-index:30;margin:0 0 26px}
.be39-bar[hidden]{display:none}
.be39-bar.be39-fixed{position:fixed;z-index:1000;margin:0}
.be39-spacer{display:block;margin:0 0 26px}
.be39-spacer[hidden]{display:none}
.be39-timer{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"label digits hint" "track track track";align-items:center;gap:2px 18px;padding:14px 22px 12px;border-radius:12px;background:#2b193d;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 32px rgba(43,25,61,.28)}
html body #page-container .be39-timer .be39-label{grid-area:label;margin:0!important;font-family:'Mona Sans',Arial,sans-serif!important;font-size:13px!important;line-height:1.3!important;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#fdc03a}
html body #page-container .be39-timer .be39-digits{grid-area:digits;margin:0!important;font-family:Commissioner,Arial,sans-serif!important;font-size:36px!important;line-height:1!important;font-weight:800;letter-spacing:.03em;font-variant-numeric:tabular-nums;text-align:center;color:#fff}
html body #page-container .be39-timer .be39-hint{grid-area:hint;margin:0!important;font-size:13px!important;line-height:1.3!important;color:rgba(255,255,255,.78);text-align:right}
.be39-track{grid-area:track;display:block;height:5px;margin-top:9px;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden}
.be39-track i{display:block;height:100%;width:0;border-radius:3px;background:#fdc03a;transition:width .25s linear}
/* alerte : deux dernières minutes */
.be39-timer.be39-warn{background:#b71c1c;border-color:#ff8a80;animation:be39-pulse 1s ease-in-out infinite}
html body #page-container .be39-timer.be39-warn .be39-label{color:#fff}
.be39-timer.be39-warn .be39-track{background:rgba(255,255,255,.3)}
.be39-timer.be39-warn .be39-track i{background:#fff}
@keyframes be39-pulse{0%,100%{box-shadow:0 12px 32px rgba(183,28,28,.35)}50%{box-shadow:0 0 0 7px rgba(183,28,28,.22),0 12px 32px rgba(183,28,28,.35)}}
/* temps écoulé */
.be39-timer.be39-over{background:#7f0000;border-color:#b71c1c;animation:none;border-radius:12px 12px 0 0}
html body #page-container .be39-timer.be39-over .be39-label{color:#fff}
.be39-timer.be39-over .be39-track i{background:#ff8a80}
.be39-panel{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title send" "text send" "count send";gap:6px 26px;align-items:center;margin:0;padding:16px 22px 18px;border-radius:0 0 12px 12px;background:#fff;border:2px solid #b71c1c;border-top:0;box-shadow:0 16px 36px rgba(43,25,61,.2)}
.be39-panel[hidden]{display:none}
html body #page-container .be39-panel .be39-panel-title{grid-area:title;margin:0!important;padding:0!important;font-family:Commissioner,Arial,sans-serif!important;font-size:21px!important;line-height:1.2!important;font-weight:800;color:#b71c1c!important}
html body #page-container .be39-panel .be39-panel-text{grid-area:text;margin:0!important;padding:0!important;font-size:15px!important;line-height:1.5!important;color:#2b193d!important}
html body #page-container .be39-panel .be39-panel-count{grid-area:count;margin:0!important;padding:0!important;font-size:14px!important;line-height:1.45!important;color:#5b4f6e!important;font-weight:600}
html body #page-container .be39-panel .be39-send{grid-area:send;margin:0!important;min-height:56px;padding:14px 26px;border:0;border-radius:999px;background:#e76a34;color:#fff;font-family:Commissioner,Arial,sans-serif;font-size:17px;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 10px 24px rgba(231,106,52,.35);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}
html body #page-container .be39-panel .be39-send:hover{background:#d45a26;transform:translateY(-2px);box-shadow:0 14px 28px rgba(231,106,52,.4)}
html body #page-container .be39-panel .be39-send:focus-visible{outline:3px solid #fdc03a;outline-offset:3px}
.be39-panel.be39-shake{animation:be39-shake .5s ease}
@keyframes be39-shake{0%,100%{transform:none}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
/* rappel lors d'une tentative de cocher */
.be39-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:100050;width:max-content;max-width:min(92vw,600px);padding:14px 20px;border-radius:12px;background:#b71c1c;color:#fff;font-family:'Mona Sans',Arial,sans-serif;font-size:15px;line-height:1.45;font-weight:600;text-align:center;box-shadow:0 16px 40px rgba(0,0,0,.35);animation:be39-rise .3s ease}
.be39-toast[hidden]{display:none}
@keyframes be39-rise{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
/* questions verrouillées */
.be39-expired .be39-locked{background:#faf8fc!important}
.be39-expired .be39-locked .ff-el-form-check-label{cursor:not-allowed;opacity:.9}
.be39-expired .be39-locked .ff-el-form-check-label:hover{background:transparent}
.be39-expired .be39-locked .ff-el-form-check-label:has(input:checked){background:#eee8f4;border-color:#b8a8ca;opacity:1}
.be39-expired input[type=radio]:disabled{opacity:1;cursor:not-allowed}
.be39-badge{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:5px 11px;border-radius:999px;font-family:'Mona Sans',Arial,sans-serif;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#fdecea;color:#b71c1c;border:1px solid #f3b8b3}
.be39-badge::before{content:"";width:12px;height:12px;border-radius:2px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h1zm2 0h6V8a3 3 0 0 0-6 0v2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h1zm2 0h6V8a3 3 0 0 0-6 0v2z'/%3E%3C/svg%3E") center/contain no-repeat}
.be39-badge.is-blank{background:#f4f1f8;color:#5b4f6e;border-color:#e5e0ee}
/* affichage de toutes les questions à la fin du temps, seul l'envoi reste */
.be39-expired .ff-btn-next,.be39-expired .ff-btn-prev,.be39-expired .ff-el-progress{display:none!important}
.be39-expired .ff-step-container,.be39-expired .ff-step-body{height:auto!important;overflow:visible!important}
.be39-expired .fluentform-step{transform:none!important;position:static!important}
.be39-expired .ff-btn-submit{outline:3px solid #fdc03a;outline-offset:3px}
@media (max-width:700px){.be39-bar{margin-bottom:18px}.be39-timer{grid-template-columns:auto 1fr;grid-template-areas:"label digits" "track track";gap:2px 12px;padding:10px 14px 9px;border-radius:10px}.be39-timer.be39-over{border-radius:10px 10px 0 0}.be39-panel{border-radius:0 0 10px 10px}html body #page-container .be39-timer .be39-hint{display:none}html body #page-container .be39-timer .be39-digits{font-size:28px;text-align:right}html body #page-container .be39-timer .be39-label{font-size:11px}.be39-track{margin-top:7px;height:4px}.be39-panel{grid-template-columns:1fr;grid-template-areas:"title" "text" "count" "send";gap:5px;padding:12px 14px 14px}html body #page-container .be39-panel .be39-panel-title{font-size:17px!important}html body #page-container .be39-panel .be39-panel-text{font-size:13.5px!important;line-height:1.4!important}html body #page-container .be39-panel .be39-panel-count{font-size:12.5px!important;line-height:1.35!important}html body #page-container .be39-panel .be39-send{width:100%;min-height:48px;margin-top:4px!important;font-size:16px;white-space:normal}.be39-toast{bottom:16px;font-size:14px;padding:12px 16px}}
@media (prefers-reduced-motion:reduce){.be39-timer.be39-warn,.be39-panel.be39-shake,.be39-toast{animation:none}.be39-track i{transition:none}}
/* encadré de consignes au-dessus du formulaire (sat-etoile.com, gmat-etoile.com) */
.ec39-instructions{padding:22px 26px;margin:0 0 24px;border-left:4px solid #e76a34;background:#fff;border-radius:0 10px 10px 0;color:#2b193d;line-height:1.65;box-shadow:0 8px 24px rgba(43,25,61,.06)}
html body #page-container .ec39-instructions p{margin:0 0 10px!important;padding:0!important;font-size:16px!important;line-height:1.65!important;color:#2b193d!important}
html body #page-container .ec39-instructions p:last-child{margin-bottom:0!important}
@media (max-width:700px){.ec39-instructions{padding:16px 18px;margin-bottom:18px}html body #page-container .ec39-instructions p{font-size:15px!important}}
/* pistes audio : une seule écoute */
.ec39-audio{margin:6px 0 18px;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid #e5e0ee;box-shadow:0 8px 24px rgba(43,25,61,.06)}
.ec39-audio-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
html body #page-container .ec39-audio .ec39-audio-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:12px 22px 12px 18px;border:0;border-radius:999px;background:#302078;color:#fff;font-family:'Mona Sans',Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.2;cursor:pointer;box-shadow:0 8px 20px rgba(48,32,120,.28);transition:background .2s ease,transform .2s ease}
html body #page-container .ec39-audio .ec39-audio-btn::before{content:"";width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fdc03a}
html body #page-container .ec39-audio .ec39-audio-btn:hover:not(:disabled){background:#241860;transform:translateY(-1px)}
html body #page-container .ec39-audio .ec39-audio-btn:disabled{cursor:default;background:#8f86a6;box-shadow:none;transform:none}
.ec39-audio.is-playing .ec39-audio-btn::before{border:0;width:10px;height:10px;border-radius:50%;background:#fdc03a;animation:ec39-blink 1s ease-in-out infinite}
.ec39-audio.is-done .ec39-audio-btn::before{border:0;width:12px;height:12px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.6L14.5 7' stroke='%23302078' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat}
.ec39-audio.is-done .ec39-audio-btn{background:#5b4f6e!important}
.ec39-audio.is-over .ec39-audio-btn{background:#b71c1c!important}
.ec39-audio.is-over .ec39-audio-btn::before{display:none}
@keyframes ec39-blink{0%,100%{opacity:1}50%{opacity:.3}}
html body #page-container .ec39-audio .ec39-audio-time{margin:0;font-family:Commissioner,Arial,sans-serif;font-size:15px;font-weight:700;color:#2b193d;font-variant-numeric:tabular-nums}
.ec39-audio-track{display:block;height:6px;margin:12px 0 10px;border-radius:3px;background:#ece8f3;overflow:hidden}
.ec39-audio-track i{display:block;height:100%;width:0;border-radius:3px;background:#e76a34;transition:width .25s linear}
.ec39-audio.is-done .ec39-audio-track i{background:#5b4f6e}
html body #page-container .ec39-audio .ec39-audio-note{margin:0!important;padding:0!important;font-size:13.5px!important;line-height:1.45!important;color:#5b4f6e!important}
.ec39-audio.is-done .ec39-audio-note{color:#2b193d!important}
.ec39-audio.is-over .ec39-audio-note{color:#b71c1c!important}
@media (max-width:700px){.ec39-audio{padding:14px}html body #page-container .ec39-audio .ec39-audio-btn{width:100%;justify-content:center}html body #page-container .ec39-audio .ec39-audio-time{margin-left:auto}}
@media (prefers-reduced-motion:reduce){.ec39-audio.is-playing .ec39-audio-btn::before{animation:none}}
