/*
Theme Name: AgentExamen
Text Domain: agentexamen
Version: 1.0.0
*/

:root {
  --marine: #0B1F3A;
  --marine-profond: #081629;
  --bleu: #1D4C8F;
  --or: #C5A059;
  --texte: #1B2433;
  --gris: #5A6475;
  --fond-clair: #F3F5F8;
  --blanc: #FFFFFF;
  --filet: #E3E8EF;
  --filet-fonce: #D5DCE6;
  --pale: #C9D2E0;
  --pale-2: #DDE3EC;
  --police: 'Hanken Grotesk', 'Segoe UI', Helvetica, Arial, sans-serif;
}

@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('assets/fonts/hanken-grotesk.woff2') format('woff2');
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--blanc);
  color: var(--texte);
  font: 400 1.0625rem/1.65 var(--police);
  -webkit-font-smoothing: antialiased;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

img { max-width: 100%; height: auto; }

a { color: var(--bleu); text-underline-offset: .2em; }
a:hover { color: var(--marine); }

.conteneur { width: min(1200px, 100% - 2.5rem); margin-inline: auto; }

/* Lien d'évitement « Aller au contenu » : hors écran, visible au focus clavier (expertise du 04/10/2026). */
.evitement { position: absolute; left: -9999px; top: 0; }
.evitement:focus { left: 1rem; top: 1rem; z-index: 100000; background: var(--or); color: var(--marine-profond); padding: .75rem 1rem; font-weight: 600; text-decoration: none; outline: 2px solid var(--blanc, #fff); outline-offset: 2px; }
.ancre-contenu:focus { outline: none; }

/* En-tête */
.entete-prepa { background: var(--marine); }
.entete-prepa__rang {
  width: min(1200px, 100% - 2.5rem);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: 4.5rem;
}
.entete-prepa__marque {
  color: var(--blanc);
  font-weight: 800;
  font-size: 1.1875rem;
  letter-spacing: -.01em;
  text-decoration: none;
}
.entete-prepa__marque:hover { color: var(--blanc); text-decoration: underline; }
.entete-prepa__espace {
  color: var(--or);
  font-weight: 700;
  text-decoration: none;
  border: 1px solid var(--or);
  padding: .5rem 1.125rem;
  white-space: nowrap;
}
.entete-prepa__espace:hover { background: var(--or); color: var(--marine-profond); }

/* Contenu */
main.contenu-prepa { flex: 1; padding-block: 3rem; }
.contenu-prepa__corps { max-width: 760px; }

/* Pied de page */
.pied-prepa { background: var(--fond-clair); border-top: 1px solid var(--filet); margin-top: 3rem; }
.pied-prepa__rang {
  width: min(1200px, 100% - 2.5rem);
  margin-inline: auto;
  padding-block: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: var(--gris);
  font-size: .9375rem;
}
.pied-prepa__liens { display: flex; gap: 1.5rem; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.pied-prepa__liens a { color: var(--gris); text-decoration: none; }
.pied-prepa__liens a:hover { color: var(--marine); }
.pied-prepa__contact a { color: var(--bleu); }

/* Boutons Tutor : or sur texte marine (contraste suffisant) */
.tutor-btn-primary,
.tutor-btn.tutor-btn-primary,
a.tutor-btn-primary,
button.tutor-btn-primary {
  background-color: var(--or) !important;
  border-color: var(--or) !important;
  color: var(--marine-profond) !important;
  font-weight: 700;
}
.tutor-btn-primary:hover,
.tutor-btn.tutor-btn-primary:hover,
a.tutor-btn-primary:hover,
button.tutor-btn-primary:hover {
  background-color: #B3904F !important;
  border-color: #B3904F !important;
  color: var(--marine-profond) !important;
}

/* Formulaire de rétractation en ligne (page /retractation/, code court [eas_retractation], module
   eas-retractation.php). Champ piège hors écran : ni visible ni atteignable au clavier pour un humain. */
.eas-retractation fieldset { border: 1px solid var(--filet); padding: 1rem 1.25rem .25rem; margin: 0 0 1.25rem; }
.eas-retractation legend { font-weight: 700; color: var(--marine); padding: 0 .375rem; }
.eas-retractation__champ label { display: block; font-weight: 600; }
.eas-retractation__aide { display: block; color: var(--gris); font-size: .9375rem; }
.eas-retractation__champ input {
  width: 100%;
  max-width: 32rem;
  padding: .625rem .75rem;
  border: 1px solid var(--filet-fonce);
  border-radius: 4px;
  font: inherit;
  color: var(--texte);
  background: var(--blanc);
}
.eas-retractation__champ input:focus { outline: 2px solid var(--bleu); outline-offset: 1px; border-color: var(--bleu); }
.eas-retractation__declaration { font-weight: 600; }
.eas-retractation__bouton { padding: .75rem 1.5rem; font-size: 1rem; cursor: pointer; }
.eas-retractation__erreur { border-left: 4px solid #B42318; background: #FEF3F2; color: #7A271A; padding: .75rem 1rem; }
.eas-retractation__ok { border-left: 4px solid var(--marine); background: var(--fond-clair); padding: 1rem 1.25rem; }
.eas-retractation__copie { white-space: pre-wrap; font: .9375rem/1.6 var(--police); background: var(--blanc); border: 1px solid var(--filet); padding: .75rem 1rem; }
.eas-retractation__piege { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Page Assistance (/assistance/, code court [eas_assistance], module eas-suivi-assistance.php) : formulaire et
   historique des demandes de l'élève. Champ piège hors écran, comme la rétractation. */
.eas-assistance__formulaire { border: 1px solid var(--filet); padding: 1rem 1.25rem .25rem; margin: 0 0 2rem; }
.eas-assistance__champ label { display: block; font-weight: 600; }
.eas-assistance__champ input,
.eas-assistance__champ select,
.eas-assistance__champ textarea {
  width: 100%;
  max-width: 40rem;
  padding: .625rem .75rem;
  border: 1px solid var(--filet-fonce);
  border-radius: 4px;
  font: inherit;
  color: var(--texte);
  background: var(--blanc);
}
.eas-assistance__champ textarea { min-height: 10rem; resize: vertical; }
.eas-assistance__champ input:focus,
.eas-assistance__champ select:focus,
.eas-assistance__champ textarea:focus { outline: 2px solid var(--bleu); outline-offset: 1px; border-color: var(--bleu); }
.eas-assistance__bouton { padding: .75rem 1.5rem; font-size: 1rem; cursor: pointer; }
.eas-assistance__erreur { border-left: 4px solid #B42318; background: #FEF3F2; color: #7A271A; padding: .75rem 1rem; }
.eas-assistance__ok { border-left: 4px solid var(--marine); background: var(--fond-clair); padding: .25rem 1.25rem; margin: 0 0 1.25rem; }
.eas-assistance__piege { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.eas-assistance__titre { color: var(--marine); font-size: 1.375rem; margin: 0 0 1rem; }
.eas-assistance__demandes { list-style: none; margin: 0 0 1.5rem; padding: 0; }
.eas-assistance__demande { border: 1px solid var(--filet); border-left: 4px solid var(--or); padding: .75rem 1.25rem; margin: 0 0 1rem; }
.eas-assistance__demande--repondue { border-left-color: var(--marine); }
.eas-assistance__sujet { margin: 0 0 .25rem; color: var(--marine); }
.eas-assistance__meta { color: var(--gris); font-size: .9375rem; margin: .5rem 0; }
.eas-assistance__texte { white-space: pre-wrap; background: var(--fond-clair); padding: .75rem 1rem; }
.eas-assistance__reponse { background: var(--blanc); border: 1px solid var(--filet); }

/* Module 9 offert (page /module-9-offert/, code court [eas_module9_offert], module eas-module9-offert.php) :
   formulaire court, messages, encarts des comptes gratuits. Champ piège hors écran, comme l'assistance. */
.eas-m9 { max-width: 40rem; }
.eas-m9__intro { font-size: 1.125rem; }
.eas-m9__points { padding-left: 1.25rem; margin: 0 0 1.5rem; }
.eas-m9__formulaire { border: 1px solid var(--filet); border-top: 4px solid var(--or); background: var(--blanc); padding: 1.25rem 1.25rem .5rem; margin: 0 0 1.5rem; }
.eas-m9__champ label { display: block; font-weight: 600; }
.eas-m9__champ input {
  width: 100%;
  padding: .625rem .75rem;
  border: 1px solid var(--filet-fonce);
  border-radius: 4px;
  font: inherit;
  color: var(--texte);
  background: var(--blanc);
}
.eas-m9__champ input:focus { outline: 2px solid var(--bleu); outline-offset: 1px; border-color: var(--bleu); }
/* Mot de passe choisi à l'inscription : champ et bouton « Afficher » sur une ligne, aide dessous. */
.eas-m9__mdp { display: flex; gap: .5rem; align-items: stretch; }
.eas-m9__mdp input { flex: 1 1 auto; min-width: 0; }
.eas-m9__afficher {
  flex: none;
  min-height: 44px;
  padding: .5rem .875rem;
  border: 1px solid var(--marine);
  border-radius: 4px;
  background: var(--blanc);
  color: var(--marine);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.eas-m9__afficher[hidden] { display: none; }
.eas-m9__afficher:focus-visible { outline: 2px solid var(--bleu); outline-offset: 2px; }
.eas-m9__aide-champ { display: block; margin-top: .25rem; color: var(--gris); font-size: .9375rem; }
.eas-m9__bouton:disabled { opacity: .6; cursor: not-allowed; }
.eas-m9__case { display: flex; gap: .625rem; align-items: flex-start; font-size: .9375rem; }
.eas-m9__case input { flex: none; width: 1.125rem; height: 1.125rem; margin: .25rem 0 0; }
.eas-m9__facultatif { color: var(--gris); }
.eas-m9__bouton { width: 100%; max-width: 22rem; padding: .875rem 1.75rem; font-size: 1.0625rem; cursor: pointer; }
.eas-m9__aide, .eas-m9__deja, .eas-m9__suite { color: var(--gris); font-size: .9375rem; }
.eas-m9__erreur { border-left: 4px solid #B42318; background: #FEF3F2; color: #7A271A; padding: .75rem 1rem; }
.eas-m9__piege { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.eas-m9-accueil { border-left: 4px solid var(--marine); background: var(--fond-clair); padding: .25rem 1.25rem; margin: 0 0 1.25rem; }
.eas-m9-prepa { border: 1px solid var(--filet); border-left: 4px solid var(--or); background: var(--fond-clair); padding: .25rem 1.25rem; margin: 1.5rem 0; }
/* 23/09/2026 : le bouton de l’encart mène au paiement ; le programme reste accessible en lien secondaire, discret. */
.eas-m9-prepa__programme { font-size: .95rem; text-decoration: underline; }

/* Encadrés pédagogiques des leçons (classes eas-*, renommées au moment de l’import — voir
   plateforme/scripts/renommer-classes-encadres.php). 16/09/2026, demande de Walid (« les cours manquent de couleurs,
   ça fait monotone ») : une couleur par type d’encadré, pour les repérer d’un coup d’œil, sur fond teinté ; marine et or
   restent les couleurs de la marque. Contrastes vérifiés (WCAG AA, titres ≥ 5,8:1, texte ≥ 13:1). Seule la feuille de
   style change : le texte des 203 leçons n’est pas modifié. Retour arrière : reprendre ce bloc dans l’historique git. */
.eas-callout {
  border: 1px solid transparent;
  border-left: 6px solid var(--filet-fonce);
  background: var(--fond-clair);
  border-radius: 10px;
  padding: 16px 20px 16px 22px;
  margin: 26px 0;
  font-size: 0.97em;
  line-height: 1.6;
}
.eas-callout .eas-callout-titre {
  display: block;
  font-weight: 800;
  font-size: 0.8em;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: var(--marine);
}
.eas-callout p:last-child { margin-bottom: 0; }

/* À RETENIR — l’essentiel à mémoriser : bleu de la marque */
.eas-retenir { background: #EAF1FB; border-color: #C9D9F0; border-left-color: var(--bleu); }
.eas-retenir .eas-callout-titre { color: var(--marine); }

/* PIÈGE CLASSIQUE — terracotta */
.eas-piege { background: #FDF0EC; border-color: #F6D5C8; border-left-color: #C2410C; }
.eas-piege .eas-callout-titre { color: #9A3412; }

/* RÉFLEXE AGENT — consigne d’action : vert */
.eas-reflexe { background: #EAF6EF; border-color: #CBE8D7; border-left-color: #1F7A4D; }
.eas-reflexe .eas-callout-titre { color: #14532D; }

/* EXEMPLE — or */
.eas-exemple { background: #FBF5E6; border-color: #EFE0BA; border-left-color: var(--or); }
.eas-exemple .eas-callout-titre { color: #7A5A12; }

/* ARTICLE DE LOI — citation sur fond blanc, filet marine */
.eas-article { background: var(--blanc); border-color: var(--filet-fonce); border-left-color: var(--marine); font-size: 0.95em; }
.eas-article .eas-callout-titre { color: var(--marine); }

/* Corps des leçons (learning-area/lesson/overview.php : .tutor-lesson-wrapper) : titres de parties à barre dorée,
   termes en gras en marine, tableaux à en-tête marine et lignes alternées. Défilement horizontal des tableaux sur mobile. */
.tutor-lesson-wrapper h2 { position: relative; color: var(--marine); padding-left: 18px; margin-top: 34px; }
.tutor-lesson-wrapper h2::before { content: ""; position: absolute; left: 0; top: .2em; bottom: .2em; width: 5px; border-radius: 3px; background: var(--or); }
.tutor-lesson-wrapper h3 { color: var(--marine); }
.tutor-lesson-wrapper strong { color: var(--marine); }
.tutor-lesson-wrapper table { border-collapse: collapse; width: 100%; margin: 20px 0; border-radius: 8px; overflow: hidden; box-shadow: 0 0 0 1px var(--filet); }
@media (max-width: 700px) { .tutor-lesson-wrapper table { display: block; overflow-x: auto; } }
.tutor-lesson-wrapper th { background: var(--marine); color: var(--blanc); font-weight: 700; padding: 10px 12px; text-align: left; vertical-align: top; }
.tutor-lesson-wrapper th strong { color: var(--blanc); }
.tutor-lesson-wrapper td { padding: 10px 12px; border-top: 1px solid var(--filet); vertical-align: top; }
.tutor-lesson-wrapper tbody tr:nth-child(even) td { background: var(--fond-clair); }

/* Repère du module en tête de leçon (eas-lecon-module.php) : « 2 · Module 2 · Droit des contrats ». */
.eas-lecon-module { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 12px; padding: 5px 14px 5px 5px; border-radius: 999px; background: #EAF1FB; color: var(--marine); font-weight: 700; font-size: .8125rem; letter-spacing: .04em; text-transform: uppercase; }
.eas-lecon-module__numero { display: inline-flex; width: 28px; height: 28px; border-radius: 50%; background: var(--marine); color: var(--or); align-items: center; justify-content: center; font-size: .875rem; }
.eas-article .eas-article-source {
  display: block;
  margin-top: 8px;
  font-size: 0.85em;
  color: var(--gris);
}

/* Correction 4 (Task 8, achat test du 13/09) : bloc « Formateurs » de la page du lot masqué.
   Le lot (post_author = le compte administrateur) n'a aucun instructeur rattaché avec un nom
   public ; tutor-pro/addons/course-bundle/templates/single/bundle-authors.php affiche alors un
   bloc titré « Formateurs » ne contenant que « No authors found » (chaîne hors dictionnaire de
   traduction — sans intérêt à traduire un bloc que le contrôleur a choisi de masquer). Ce gabarit
   est inclus par tutor_load_template_from_custom_path() dans single-course-bundle.php, lui-même
   chargé par un filtre template_include qui renvoie un chemin de fichier codé en dur (pas
   tutor_load_template()) : aucune surcharge par le thème n'est possible sans dupliquer tout le
   gabarit. Masqué en CSS, à l'échelle de la page du lot seulement (classe de corps
   « single-course-bundle », posée par Tutor Pro pour ce type de contenu) : ne crée aucun compte,
   ne change aucun auteur, ne modifie aucun fichier de Tutor. */
body.single-course-bundle .tutor-bundle-author-list { display: none; }

/* 18/09/2026 : en-tête des pages de cours. Tutor affiche cinq étoiles VIDES tant qu'aucun avis n'existe : même effet que
   « 0 inscrits » (retiré le 15/09). Masquées tant qu'aucune étoile n'est pleine ou demi-pleine : elles reviennent seules au
   premier avis. Test de positionnement (cours 3019, hors catégorie) : la mention « Non classé » est masquée. */
.tutor-course-details-ratings:not(:has(.tutor-icon-star-bold, .tutor-icon-star-half-bold)) { display: none; }
.postid-3019 .tutor-course-details-info { display: none; }


/* ===================================================================
   ESPACE ÉLÈVE ET COULEURS — 6 octobre 2026
   Maquette validée par Walid (_maquettes-plateforme-eas/index.html).
   L'accueil est rendu par le mu-plugin eas-espace-eleve.php (code court
   [eas_espace_eleve]) dans front-page.php ; son style est ici, préfixé eas-ee-.
   Une couleur par préparation : or pour la Prépa complète (lot 293),
   bleu pour la Prépa FIFA (5901), vert pour Après l'examen (4669) —
   aussi sur les pages des lots et des cours.
   =================================================================== */
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('assets/fonts/InstrumentSerif-Italic-latin.woff2') format('woff2')}
:root{--eas-vert:#2E6B4F;--eas-or-f:#8A6A2C}

/* En-tête : le monogramme EA et un filet or, sur toutes les pages */
.entete-prepa{position:relative;border-bottom:0}
.entete-prepa::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--or),#E3CB8F 50%,var(--or))}
.entete-prepa__marque{display:inline-flex;align-items:center;gap:12px}
.entete-prepa__marque::before{content:"AE";flex:none;width:36px;height:36px;border:2px solid var(--or);color:var(--or);display:grid;place-items:center;font-weight:800;font-size:14px;letter-spacing:.04em}
.tutor-learning-header{position:relative}
.tutor-learning-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--or)}

/* L'accueil */
.accueil-eleve{display:block;margin:0;padding:0}
.eas-ee{font-family:var(--police);color:var(--texte)}
.eas-ee *{box-sizing:border-box}
.eas-ee img{display:block;max-width:100%}
.eas-ee-zone{max-width:1180px;margin:0 auto;padding:0 32px}
.eas-ee-serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:0}
.eas-ee h1,.eas-ee h2,.eas-ee h3{margin:0;font-family:var(--police)}
.eas-ee-btn{display:inline-flex;align-items:center;gap:10px;padding:17px 28px;font-weight:800;font-size:15px;text-decoration:none!important}
.eas-ee-btn-or{background:var(--or);color:var(--marine)!important}
.eas-ee-btn-or:hover{background:#fff}
.eas-ee-btn-trait{border:2px solid rgba(255,255,255,.7);color:#fff!important}
.eas-ee-btn-trait:hover{background:#fff;color:var(--marine)!important}
.eas-ee-sur{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--or);display:inline-flex;align-items:center;gap:12px}
.eas-ee-sur::before{content:"";width:36px;height:2px;background:currentColor}
.eas-ee-sur-f{color:var(--eas-or-f)}

.eas-ee-heros{position:relative;isolation:isolate;overflow:hidden;background:var(--marine);color:#fff;min-height:520px;display:flex;align-items:center}
.eas-ee-fond{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:50% 45%;z-index:-2}
.eas-ee-heros::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,31,58,.96) 0%,rgba(11,31,58,.86) 45%,rgba(11,31,58,.45) 100%)}
.eas-ee-heros .eas-ee-zone{width:100%;padding-top:72px;padding-bottom:82px}
.eas-ee-heros h1{color:#fff;font-weight:800;font-size:clamp(44px,6vw,78px);line-height:1;letter-spacing:-.02em;margin:22px 0 18px}
.eas-ee-heros h1 .eas-ee-serif{color:var(--or);font-size:1.06em}
.eas-ee-chapeau{font-size:19px;line-height:1.6;color:#D5DCE6;max-width:31em;margin:0}
.eas-ee-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.eas-ee-credit{position:absolute;right:16px;bottom:10px;font-size:12px;color:rgba(255,255,255,.6)}

.eas-ee-reprendre{background:#fff;border-bottom:1px solid var(--filet)}
.eas-ee-reprendre .eas-ee-zone{display:flex;align-items:center;gap:24px;padding-top:22px;padding-bottom:22px;flex-wrap:wrap}
.eas-ee-lbl{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--eas-or-f)}
.eas-ee-reprendre strong{font-size:17px;color:var(--marine)}
.eas-ee-barre{flex:1;min-width:180px;height:8px;background:#E6EAF0;overflow:hidden}
.eas-ee-barre i{display:block;height:100%;background:linear-gradient(90deg,var(--marine),var(--bleu))}
.eas-ee-pct{font-weight:800;font-size:18px;color:var(--marine)}
.eas-ee-reprendre a{background:var(--marine);color:#fff!important;text-decoration:none!important;font-weight:800;font-size:14px;padding:13px 20px}

.eas-ee-bloc{padding:88px 0;background:var(--fond-clair)}
.eas-ee h2{font-weight:800;font-size:clamp(32px,4.2vw,52px);line-height:1.04;letter-spacing:-.02em;margin:14px 0 0;color:var(--marine)}
.eas-ee h2 .eas-ee-serif{color:var(--eas-or-f)}
.eas-ee-intro{font-size:18px;line-height:1.6;color:var(--gris);max-width:40em;margin:16px 0 0}

.eas-ee-cartes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px}
.eas-ee-carte{--c:var(--or);--sur-c:var(--marine);--txt-c:var(--eas-or-f);background:#fff;display:flex;flex-direction:column;box-shadow:0 30px 60px -40px rgba(11,31,58,.55);border-top:6px solid var(--c)}
.eas-ee-bleu{--c:var(--bleu);--sur-c:#fff;--txt-c:var(--bleu)}
.eas-ee-vert{--c:var(--eas-vert);--sur-c:#fff;--txt-c:var(--eas-vert)}
.eas-ee-ph{height:180px;position:relative}
.eas-ee-ph img{width:100%!important;height:100%!important;object-fit:cover}
.eas-ee-etat{position:absolute;left:14px;top:14px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;background:#fff;color:var(--marine)}
.eas-ee-etat.eas-ee-ok{background:var(--or)}
.eas-ee-corps{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.eas-ee-cat{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.eas-ee-carte h3{font-weight:800;font-size:27px;line-height:1.08;margin:8px 0 6px;color:var(--marine)}
.eas-ee-pour{font-weight:700;color:var(--txt-c);margin:0 0 16px}
.eas-ee-carte ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:9px}
.eas-ee-carte li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.45;color:var(--gris);margin:0}
.eas-ee-carte li::before{content:"";position:absolute;left:0;top:7px;width:12px;height:12px;background:var(--c);transform:rotate(45deg)}
.eas-ee-alerte{font-size:13px;line-height:1.45;color:#7A4B12;background:#FBF3E4;border-left:3px solid var(--or);padding:8px 10px;margin:-8px 0 18px}
.eas-ee-prix{font-weight:800;font-size:30px;margin:auto 0 14px;color:var(--marine)}
.eas-ee-prix small{font-size:14px;font-weight:600;color:var(--gris);margin-left:6px}
.eas-ee-bouton{margin-top:auto;display:flex;justify-content:center;padding:15px 18px;font-weight:800;font-size:15px;text-decoration:none!important;background:var(--c);color:var(--sur-c)!important}
.eas-ee-bouton:hover{background:var(--marine);color:#fff!important}

.eas-ee-methode{background:var(--marine);color:#fff;position:relative}
.eas-ee-methode::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--or)}
.eas-ee-methode h2{color:#fff}
.eas-ee-methode h2 .eas-ee-serif{color:var(--or)}
.eas-ee-methode .eas-ee-intro{color:#C9D2E0}
.eas-ee-etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:44px;border-top:1px solid rgba(255,255,255,.18)}
.eas-ee-etape{padding:28px 28px 8px 0;border-right:1px solid rgba(255,255,255,.12);margin-right:28px}
.eas-ee-etape:last-child{border-right:0;margin-right:0}
.eas-ee-n{font-family:'Instrument Serif',serif;font-style:italic;font-size:56px;line-height:1;color:var(--or)}
.eas-ee-etape h3{color:#fff;font-size:21px;margin:10px 0 8px}
.eas-ee-etape p{color:#C9D2E0;font-size:15.5px;line-height:1.55;margin:0}

.eas-ee-vie{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px}
.eas-ee-vie figure{margin:0;position:relative;height:340px;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end}
.eas-ee-vie img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;z-index:-2}
.eas-ee-vie figure::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,31,58,0) 40%,rgba(11,31,58,.92) 100%)}
.eas-ee-vie figure::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--or)}
.eas-ee-vie figcaption{color:#fff;padding:18px;font-size:15px;line-height:1.35}
.eas-ee-vie figcaption b{display:block;font-size:21px;line-height:1.1}

.eas-ee-aide{background:var(--marine);color:#fff;padding:34px 36px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:4px solid var(--or);margin:0 0 20px}
.eas-ee-aide h3{color:#fff;font-size:25px;margin:0 0 6px}
.eas-ee-aide p{margin:0;color:#C9D2E0}
.eas-ee-credits{max-width:1180px;margin:0 auto 40px;padding:0 32px;font-size:12px;color:var(--gris)}
.eas-ee > .eas-ee-zone{background:transparent}

@media(max-width:960px){.eas-ee-cartes{grid-template-columns:1fr;max-width:560px}.eas-ee-vie{grid-template-columns:1fr 1fr}.eas-ee-vie figure{height:260px}.eas-ee-etapes{grid-template-columns:1fr}.eas-ee-etape{border-right:0;margin-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:22px}.eas-ee-heros::before{background:linear-gradient(180deg,rgba(11,31,58,.9),rgba(11,31,58,.94))}}
@media(max-width:600px){.eas-ee-zone,.eas-ee-credits{padding:0 16px}.eas-ee-heros{min-height:0}.eas-ee-heros .eas-ee-zone{padding-top:44px;padding-bottom:60px}.eas-ee-btn{width:100%;justify-content:center}.eas-ee-bloc{padding:60px 0}.eas-ee-vie figure{height:200px}.eas-ee-vie figcaption b{font-size:17px}.eas-ee-aide{padding:28px 22px}}

/* Pages des lots et des cours : bandeau marine, couleur de la préparation */
.single-courses .tutor-course-details-header,.single-course-bundle .tutor-course-details-header{--c:var(--or);position:relative;background:var(--marine);color:#fff;padding:34px 32px 30px;overflow:hidden;border-bottom:4px solid var(--or)}
.single-courses .tutor-course-details-header::before,.single-course-bundle .tutor-course-details-header::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--c)}
body.single-courses .tutor-course-details-header h1.tutor-course-details-title,body.single-course-bundle .tutor-course-details-header h1.tutor-course-details-title{color:#fff!important;font-weight:800!important;font-size:clamp(26px,3.4vw,40px)!important;line-height:1.1}
.single-courses .tutor-course-details-header a,.single-courses .tutor-course-details-header span,.single-courses .tutor-course-details-header div,.single-course-bundle .tutor-course-details-header a,.single-course-bundle .tutor-course-details-header span,.single-course-bundle .tutor-course-details-header div{color:#D5DCE6!important}
.single-courses .tutor-course-details-header [class*="tutor-icon-"],.single-course-bundle .tutor-course-details-header [class*="tutor-icon-"]{color:#fff!important}
.postid-5901 .tutor-course-details-header,.postid-5447 .tutor-course-details-header,.postid-5461 .tutor-course-details-header,.postid-5480 .tutor-course-details-header,.postid-5511 .tutor-course-details-header,.postid-5531 .tutor-course-details-header,.postid-5548 .tutor-course-details-header,.postid-5568 .tutor-course-details-header,.postid-5589 .tutor-course-details-header,.postid-6226 .tutor-course-details-header,.postid-6641 .tutor-course-details-header{--c:var(--bleu)}
.postid-4669 .tutor-course-details-header,.postid-3960 .tutor-course-details-header,.postid-3971 .tutor-course-details-header,.postid-3984 .tutor-course-details-header,.postid-3992 .tutor-course-details-header,.postid-4000 .tutor-course-details-header,.postid-4008 .tutor-course-details-header,.postid-4018 .tutor-course-details-header,.postid-4029 .tutor-course-details-header,.postid-4039 .tutor-course-details-header,.postid-4048 .tutor-course-details-header,.postid-4055 .tutor-course-details-header,.postid-4064 .tutor-course-details-header,.postid-4073 .tutor-course-details-header,.postid-4083 .tutor-course-details-header,.postid-4092 .tutor-course-details-header{--c:var(--eas-vert)}
.tutor-single-course-sidebar .tutor-card{border-top:6px solid var(--or);box-shadow:0 30px 60px -40px rgba(11,31,58,.5)}
.postid-5901 .tutor-single-course-sidebar .tutor-card{border-top-color:var(--bleu)}
.postid-4669 .tutor-single-course-sidebar .tutor-card{border-top-color:var(--eas-vert)}

/* Leçons : leçon en cours marquée en or */
.tutor-learning-nav-item.active{box-shadow:inset 4px 0 0 var(--or);background-color:#FBF6EA!important}

/* Tableau de bord : en-tête marine, filet or, cartes colorées */
.tutor-dashboard-header{position:relative;background:var(--marine)!important;color:#fff;overflow:hidden}
.tutor-dashboard-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--or)}
.tutor-dashboard-header *:not(.tutor-btn):not(.tutor-btn *){color:#fff}
.tutor-dashboard-header [class*="avatar"] *{color:var(--marine)}
.tutor-stat-card{border-top:5px solid var(--or)!important}
.tutor-stat-card:nth-child(4n+2){border-top-color:var(--bleu)!important}
.tutor-stat-card:nth-child(4n+3){border-top-color:var(--eas-vert)!important}
.tutor-stat-card:nth-child(4n){border-top-color:var(--marine)!important}

/* Les infobulles des chapitres de Tutor débordaient sur téléphone (relevé sur uniforme) */
.single-courses,.single-course-bundle{overflow-x:clip}