/* =====================================================================
   free-ielts-general.css
   Feuille de style PROPRE à la démo gratuite IELTS General Training.
   Chargée APRÈS ielts-general.css (donc surcharge possible), uniquement
   par les orchestrateurs free-ielts-general-{fr,en}.php.

   But : corriger/ajuster des points spécifiques à la démo SANS modifier
   le CSS partagé ielts-general.css (qui sert aussi aux vrais tests).
   ===================================================================== */

/* ── Minuteur : adaptation mobile ───────────────────────────────────────
   Le composant #w-fixed-timer-container (défini dans ielts-general.css) est
   en width:fit-content + margin-left:auto + white-space:nowrap. Sur petit
   écran, le message d'attente long (« Le minuteur démarrera au lancement de
   l'audio ») déborde à droite du viewport. On borne la largeur et on autorise
   le retour à la ligne. Ne s'applique qu'à la démo (feuille chargée ici seule).
   --------------------------------------------------------------------------- */
@media (max-width: 640px) {
  #w-fixed-timer-container {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    justify-content: flex-end;
  }
  #w-progress-bar-container {
    max-width: 100%;
    min-width: 0;
    height: auto;
    min-height: 36px;
  }
  #w-timer-text {
    white-space: normal;
    font-size: 12px;
    padding: 6px 12px;
    text-align: center;
  }
  #w-timer-text .time {
    font-size: 16px;
  }
}

/* =====================================================================
   Bandeau de moyenne globale : RETIRÉ (décision Boris 08/2026) — remplacé
   par l'anneau de score animé (score-ring.php), rendu neutre.
   ===================================================================== */

/* =====================================================================
   Minuteur — repositionnement PROPRE à la démo.
   Le composant partagé #w-fixed-timer-container (ielts-general.css) utilise
   margin-top:-52px pour chevaucher l'en-tête des VRAIS tests IELTS. La démo
   n'a pas cet en-tête à la même hauteur, donc ce décalage négatif fait
   flotter le minuteur par-dessus le contenu (bloc audio). On neutralise le
   décalage et on garde un sticky propre en haut à droite. Cette feuille
   n'étant chargée que sur la démo, les vrais tests ne sont pas affectés.
   ===================================================================== */
#w-fixed-timer-container {
    margin-top: 0;
    top: 16px;
}