:root{
		--bg: #ffffff;
      --text: #111827;        /* gris très foncé */
      --muted: #6b7280;       /* gris moyen */
      --ring: #e5e7eb;        /* séparateurs */
      --accent: #ef4444;      /* rouge badge */
      --shadow: 0 1px 0 rgba(0,0,0,.06);
      --radius: 9999px;
    }
/* HEADER WRAPPER */
.page .entry-header {
    margin-bottom: 1.5em;
    display: none;
}
    .appbar {
      position: sticky;
      top: 0;
      z-index: 50;
      background: var(--bg);
      box-shadow: var(--shadow); 
      border-bottom: 1px solid var(--ring);
    }
    .bar {
      height: 76px;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 14px;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      gap: 8px;
    }

    /* LEFT: LOGOS */
    .brand {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
    }
   .brand img 
	 {
		height: auto;
		width: auto;
		object-fit: contain;
		display: block;
		max-height: 95px;
	}
    .divider {
      width: 1px; height: 18px;
      background: var(--ring);
    }

    /* CENTER: TITLE */
    .title {
      text-align: center;
      font-weight: 700;
      font-size: 20px;
      letter-spacing: .2px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
	  color:#000
    }

    /* RIGHT: ACTIONS + PROFILE */
    .right {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 14px;
      min-width: 0;
	      position: relative;
    }

    .icon-btn {
      position: relative;
      width: 28px; height: 28px;
      border: 1px solid var(--ring);
      border-radius: var(--radius);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      cursor: pointer;
    }
    .icon-btn:hover { background: #fafafa; }
    .badge {
      position: absolute;
      top: -4px; right: -4px;
      min-width: 16px; height: 16px;
      padding: 0 4px;
      border-radius: var(--radius);
      background: var(--accent);
      color: #fff;
      font-size: 10px;
      line-height: 16px;
      text-align: center;
      font-weight: 700;
      box-shadow: 0 0 0 2px #fff;
    }

    .profile {
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      gap: 10px;
      max-width: 220px;
    }
    .avatar {
      width: 28px; height: 28px;
      border-radius: var(--radius);
      overflow: hidden;
      border: 1px solid var(--ring);
    }
    .avatar img { width: 100%; height: 100%; object-fit: cover; display:block; }
    .who {
      line-height: 1.05;
      min-width: 0;
    }
    .who .name {
      font-size: 12.5px; font-weight: 600;
      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .who .role {
      font-size: 10.5px; color: var(--muted);
      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }

    /* Small screens: compacter */
    @media (max-width: 480px){
      .bar { height: 52px; }
      .brand img { height: 20px; }
      .title { font-size: 13px; }
      .who .name { font-size: 12px; }
      .who .role { display:none; }  /* cacher le rôle si pas de place */
    }
	
	/* ====== Design tokens ====== */
:root{
  --bg:#f8fafc;           /* fond page très clair */
  --card:#ffffff;         /* fond cartes */
  --ink:#0f172a;          /* texte sombre */
  --muted:#6b7280;        /* texte secondaire */
  --ring:#e5e7eb;         /* contours */
  --shadow:0 10px 20px rgba(15,23,42,.06), 0 2px 6px rgba(15,23,42,.04);

  --chip:#eef2ff;         /* pastille neutre */
  --chip-text:#6b7280;

  --ns-bg:#ffffff;        /* Not Started */
  --ns-border:#e5e7eb;

  --ip-bg:#fff3e6;        /* In Progress */
  --ip-border:#ffd7a8;
  --ip-chip:#ffe7cc;
  --ip-chip-text:#b45309;

  --co-bg:#effdf4;        /* Completed */
  --co-border:#b7f0ce;
  --co-chip:#def7e8;
  --co-chip-text:#14864a;

  --accent:#111111;       /* barre d’avancement principale (noire) */
  --radius:22px;
  --radius-pill:18px;
  --radius-big:26px;
}

/* ====== Layout global ====== */
.ed-dashboard{
  max-width: 1200px;
  margin: 24px auto;
  padding: 8px 16px 24px;
  background: var(--bg);
  color: var(--ink);
   border: 1px solid var(--ring);
  border-radius: var(--radius-big);
  box-shadow: var(--shadow);
  padding: 18px 18px 22px;
}

/* ====== Résumé (3 tuiles) ====== */
.ed-summary{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  padding: 16px 8px;
  margin: 8px 0 18px;

}

.ed-pill{
  background: var(--card);
  border: 1px solid var(--ring);
  border-radius: var(--radius-big);
  box-shadow: var(--shadow);
  padding: 28px 18px 22px;
  text-align: center;
  position: relative;
  transition: transform .15s ease, box-shadow .15s ease;
}
.ed-pill:hover{ transform: translateY(-2px); }

.ed-pill .ed-num{
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 14px;
}
.ed-pill .ed-label{
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  background: var(--chip);
  color: var(--chip-text);
}

/* variantes d’état */
.ed-pill.not-started{
  background: var(--ns-bg);
  border-color: var(--ns-border);
}
.ed-pill.in-progress{
  background: var(--ip-bg);
  border-color: var(--ip-border);
}
.ed-pill.in-progress .ed-label{
  background: var(--ip-chip);
  color: var(--ip-chip-text);
}
.ed-pill.completed{
  background: var(--co-bg);
  border-color: var(--co-border);
}
.ed-pill.completed .ed-label{
  background: var(--co-chip);
  color: var(--co-chip-text);
}

/* ====== Progress global ====== */
.ed-overall{
  background: var(--card);

  margin-bottom: 26px;
}

.ed-overall .ed-bar {
    height: 8px;
    border-radius: 999px;
    background: #e5e7eb;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    max-width: 80%;
}
.ed-overall .ed-bar span{
  display:block;
  height: 100%;
  background: var(--accent);   /* noir */
  border-radius: 999px;
}

.ed-overall .ed-pct{
  text-align: center;
  font-weight: 700;
  font-size: 15px;
      margin-top: 10px;
}

/* ====== Grille des cartes ====== */
.ed-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.ed-card{
  background: var(--card);
  border: 1px solid var(--ring);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ed-card-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.ed-card-head h3{
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

/* Badges d’état */
.ed-badge{
  font-size: 12px;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: var(--radius-pill);
  border: 1px solid transparent;
}
.ed-badge.in-progress{
  background: var(--ip-chip);
  color: var(--ip-chip-text);
  border-color: var(--ip-border);
}
.ed-badge.completed{
  background: #dcfce8;
  color: var(--co-chip-text);
  border-color: var(--co-border);
}
.ed-card.completed {
    background: #effdf4;
    color: var(--co-chip-text);
    border-color: var(--co-border);
}
.ed-card.in-progress {
    background: #FFF7ED;
  color: var(--ip-chip-text);
  border-color: #FFD6A7;
}

.ed-btn.review{
    width: 100%;
    text-align: center;
    background: #fff;
    color: #000;
    text-decoration: none !important;
}
/* Progress par carte */
.ed-progress .ed-bar{
  height: 8px;
  border-radius: 999px;
  background: #eef2f7;
  overflow: hidden;
}
.ed-progress .ed-bar span{
  display:block;
  height:100%;
  background: var(--accent);
  border-radius: 999px;
}
.ed-progress .ed-time {
    margin-top: -15px;
    font-size: 13px;
    color: #202020;
    font-weight: 500;
    margin-bottom: 5px;
}
.ed-progress .ed-pct {
    margin-top: 8px;
    font-size: 13px;
    color: #202020;
    font-weight: 500;
    text-align: right;
    margin-bottom: 5px;
    margin-top: 10px;
}
.ed-thumb{
    width: 16px;
    position: relative;
    top: -2px;
}
/* Actions */
.ed-actions{ margin-top: 2px; }
.ed-btn{
  display: inline-block;
  background: #111;
  color: #fff;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 700;
  transition: transform .12s ease, opacity .12s ease;
  text-decoration:none !important;
  width:70%;
  text-align:center
}
.ed-btn:hover{ transform: translateY(-1px); opacity: .93;   }

/* ====== Responsive ====== */
@media (max-width: 1024px){
  .ed-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .ed-summary{ grid-template-columns: 1fr; }
  .ed-grid{ grid-template-columns: 1fr; }
}
/* ===== Wrapper global ===== */
.ed-grid-faq {
  max-width: 100%;
  margin: 32px auto;
    border: 1px solid var(--ring);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 18px;
 }

.ed-grid-faq h2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ed-grid-faq h2::before {
  content: "";
  font-size: 20px;
  background-image: url("../img/faq.png");
   display:inline-block;
  width:24px;
  height:24px;
  background-size:contain;
}

/* ===== Bloc FAQ ===== */
.faq {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ===== Item ===== */
.faq-item {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
  overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease;
}
.faq-item:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

/* ===== Question ===== */
.faq-question {
  margin: 0;
  padding: 14px 18px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
}
.faq-question::after {
  content: "＋";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #6b7280;
  transition: transform .2s ease;
}
.faq-item.open .faq-question::after {
  content: "–";
  transform: translateY(-50%) rotate(90deg);
}

/* ===== Réponse ===== */
.faq-reponse {
   overflow: hidden;
  padding: 0 18px;
  font-size: 14px;
  color: #374151;
  line-height: 1.5;
  transition: max-height .3s ease, padding .3s ease;
}
.faq-item.open .faq-reponse {
  max-height: 400px; /* ajuster selon contenu */
  padding: 0 18px 16px;
}

.ed-grid-chat {
  max-width: 100%;
  margin: 32px auto;
    border: 1px solid var(--ring);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 18px;
 }
 
 .ae-admin-wrap{max-width:1280px;margin:24px auto;}
.ae-admin-wrap h2{font-size:28px;font-weight:800;margin:0 0 14px}
.ae-section{margin:18px 0 24px}
.ae-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ae-section-head h3{font-size:18px;font-weight:800;margin:0}

.ae-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:10px 0 18px}
.ae-card{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.kpi{font-size:28px;font-weight:800}
.kpi-label {
    color: #333333;
    font-size: 16px;
	font-weight:600
}

.ae-table-wrap{/*border:1px solid #e5e7eb;*/    border: none;border-radius:14px;background:#fff;overflow:hidden}
.ae-table{width:100%;border-collapse:separate;border-spacing:0;border: none;}
.ae-table thead th{font-size:12px;text-align:left;padding:12px;border-bottom:1px solid #EAECF0;background:#f9fafb;    border-right: none;}
.ae-table tbody td{padding:12px;border-bottom:1px solid #EAECF0;font-size:14px;    border-right: none;}
.ae-actions{display:flex;gap:6px;align-items:center}
.ae-tag{display:inline-block;padding:4px 8px;border:1px solid #e5e7eb;border-radius:999px;background:#f8fafc;font-size:12px;margin-right:6px}
.ae-badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}
.ae-badge.completed{background:#ecfdf5;border:1px solid #bbf7d0}
.ae-badge.in-progress{background:#fff7ed;border:1px solid #fed7aa}
.ae-badge.not-started{background:#f3f4f6;border:1px solid #e5e7eb}

.ae-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:10px;font-weight:700;cursor:pointer}
.ae-btn.small{padding:6px 10px;font-size:13px}
.ae-link{color:#2563eb;text-decoration:none}
.ae-link:hover{text-decoration:underline}
.ae-alert{background:#fef2f2;border:1px solid #fecaca;padding:10px;border-radius:10px}
.ae-empty{padding:12px;border:1px dashed #e5e7eb;border-radius:10px;color:#6b7280;text-align:center}

.ae-pager{display:flex;gap:6px;margin-top:10px}
.ae-page{padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:#111}
.ae-page.is-active{background:#111;color:#fff;border-color:#111}

/* Modal (réutilisé) */
.ae-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(2px)}
.ae-modal{position:fixed;inset:0;display:grid;place-items:center;padding:14px}
.ae-modal-card{width:100%;max-width:620px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:0}
.ae-modal-card .ae-admin{padding:16px}
.ae-x{position:absolute;right:20px;top:14px;border:1px solid #e5e7eb;width:28px;height:28px;border-radius:999px;background:#fff;cursor:pointer}

.faq-q{font-weight:700;margin-bottom:6px}
.faq-a{color:#374151;font-size:14px}


/* Assure que l'attribut [hidden] cache vraiment l'élément */
[hidden] { display: none !important; }

/* Modal */
.ae-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .5);
    backdrop-filter: blur(2px);
    z-index: 9998;
    width: 100% !important;
    max-width: 100% !important;
}
.ae-modal{
  position: absolute; inset: 0; display: grid; place-items: center;
  padding: 16px; z-index: 9999;
}
.ae-modal-card{
  width: 100%; max-width: 620px;
  background: #fff; border: 1px solid #e5e7eb; border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0,0,0,.25);
  position: relative; padding: 16px;
}
.ae-x{
  position:absolute; right: 14px; top: 12px;
  width: 28px; height: 28px; border-radius: 999px; cursor: pointer;
  border: 1px solid #e5e7eb; background:#fff; line-height: 26px; text-align:center;
}

/* LESSON BTN */

.tutor-course-single-sidebar-wrapper ,.tutor-course-single-content-wrapper .tutor-tab  { display:none}

/* ===== Navigation du cours (footer) ===== */
.tutor-course-topic-single-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  gap: 20px;
}

/* Boutons */
.tutor-course-topic-single-footer a.tutor-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 22px;
  font-weight: 600;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.1);
  background: #fff;
  color: #000;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Hover effect */
.tutor-course-topic-single-footer a.tutor-btn:hover {
  background: #f5f5f5;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/* Disabled */
.tutor-course-topic-single-footer a[disabled],
.tutor-course-topic-single-footer a[disabled]:hover {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Icônes précédent/suivant */
.tutor-icon-previous::before,
.tutor-icon-next::before {
  font-family: "Lucide Icons", "Font Awesome 5 Free", Arial, sans-serif;
  font-weight: 900;
  display: inline-block;
}

/* Icône flèche gauche */
.tutor-icon-previous::before {
  content: "◀"; /* ou remplace par ta police d’icône */
  font-size: 14px;
  line-height: 1;
}

/* Icône flèche droite */
.tutor-icon-next::before {
  content: "▶";
  font-size: 14px;
  line-height: 1;
}

/* Positionnement mobile */
@media (max-width: 600px) {
  .tutor-course-topic-single-footer {
    flex-direction: column;
  }
  .tutor-course-topic-single-footer a.tutor-btn {
    width: 100%;
  }
}

    .site-content .ast-container {

        padding: 0;
    }
	
/* 	.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
    background: var(--tutor-color-primary);
    min-height: 60px;
    color: var(--tutor-color-white);
    flex-shrink: 0;
    align-items: center;
    padding: 80px 18px;
    display: flex
;
    position: relative;
} */
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
    background: var(--tutor-color-primary);
    min-height: 60px;
    color: var(--tutor-color-white);
    flex-shrink: 0;
    align-items: center;
    padding: 80px 18px;
    display: flex
;
    position: relative;
    padding-bottom: 0;
    border: none;
}

.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) {
    border-bottom:none;
}
.tutor-course-topic-single-header .tutor-course-topic-single-header-title {
    font-weight: 700;
    color: #111 !important;
    font-size: 28px;
}
.tutor-course-topic-single-header .tutor-iconic-btn {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px;
    color: #111 !important;
    transition: all 0.2s 
ease;
    display: none !important;
}

.lesson-template-default .tutor-course-single-content-wrapper     {
    background: #000 !important;
    min-height: 60px;
    color: var(--tutor-color-white);
    flex-shrink: 0;
    align-items: center;
    padding: 80px 18px;
    display: flex
;
    position: relative;
}
 .lesson-template-default .tutor-course-topic-single-header   {
    background: #000 !important;
    min-height: 60px;
    color: var(--tutor-color-white);
    flex-shrink: 0;
    align-items: center;
    padding: 0 !important;
    display: flex;
    position: relative;
	margin-bottom: 30px;
	border: none;
}
.lesson-template-default .tutor-course-topic-single-header .tutor-course-topic-single-header-title {
    font-weight: 700;
    color: #fff !important;
    font-size: 28px;
	margin-left:0
}
.tutor-course-topic-single-header .tutor-iconic-btn {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px;
    color: #111 !important;
    transition: all 0.2s 
ease;
    display: none !important;
}
.tutor-video-player {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
/* ===== Carte du quiz, centrée ===== */
.tutor-quiz-wrapper .tutor-quiz-wrap,
#tutor-quiz-attempt-questions-wrap {
  max-width: 720px;
  margin: 28px auto;
}

#tutor-quiz-attempt-questions-wrap .quiz-attempt-single-question[style*="display: block"] {
  background: #fff;
  border-radius: 12px;
  padding: 22px 22px 18px;
  box-shadow: 0 8px 28px rgba(0,0,0,.08);
  /*border: 2px solid rgba(25,118,210,.35);    */    
}

/* En-tête meta (compteur/temps) plus léger */
.quiz-meta-info { 
  max-width: 720px; margin: 0 auto 8px; 
  color:#6b7280;
}
.quiz-meta-info .tutor-color-secondary { color:#111 !important; }

/* ===== Titre de question ===== */
.quiz-question-title {
  font-weight: 800 !important;
  font-size: 22px !important;
  line-height: 1.25;
  text-align: center;
  margin: 4px 0 10px !important;
}

/* Note (marks) : plus discret */
.question-marks { 
  text-align:center; color:#9ca3af; margin:0; 
}

/* ===== Zone des réponses : cadre pointillé ===== */
.quiz-question-ans-choice-area {
   border-radius: 10px;
  padding: 16px;
  background: #fafbff;
}

/* Disposition des cartes de réponses */
.tutor-quiz-answer-single { margin-bottom: 12px !important; }

/* Cacher l’input natif et styliser le label comme un pill */
.tutor-quiz-question-item input[type="radio"] {
  position: absolute; opacity: 0; pointer-events: none;
}
.tutor-quiz-question-item .tutor-card {
  border-radius: 9999px;
  padding: 10px 16px;
  border: 1px solid #e5e7eb;
  background: #fff;
  transition: all .2s ease;
  box-shadow: none;
}

/* Texte de l’option */
.tutor-quiz-question-item .tutor-fs-6 { 
  font-weight: 600; color:#111; 
}

/* Hover & focus */
.tutor-quiz-question-item:hover .tutor-card {
  border-color: #cbd5e1;
  background: #f8fafc;
}
.tutor-quiz-question-item input[type="radio"]:focus + * .tutor-card,
.tutor-quiz-question-item:focus-within .tutor-card {
  outline: 3px solid rgba(59,130,246,.25);
  outline-offset: 2px;
}

/* Sélectionnée */
.tutor-quiz-question-item input[type="radio"]:checked + * .tutor-card,
.tutor-quiz-question-item input[type="radio"]:checked ~ .tutor-card {
  background: #111;
  border-color: #111;
}
.tutor-quiz-question-item input[type="radio"]:checked + * .tutor-card .tutor-fs-6,
.tutor-quiz-question-item input[type="radio"]:checked ~ .tutor-card .tutor-fs-6 {
  color:#fff !important;
}

/* ===== Boutons d’action ===== */
.tutor-quiz-btn-group { margin-top: 22px !important; }

/* Bouton principal : noir pilule, pleine largeur */
.tutor-quiz-btn-group .tutor-btn-primary {
  width: 100%;
  border-radius: 9999px;
  background: #0b0b0b !important;
  border: 0 !important;
  color: #fff !important;
  padding: 12px 18px;
  font-weight: 700;
  transition: transform .15s ease, filter .15s ease;
}
.tutor-quiz-btn-group .tutor-btn-primary:hover { filter: brightness(.95); transform: translateY(-1px); }

/* Bouton retour (outline) */
.tutor-quiz-answer-previous-btn {
  border-radius: 10px !important;
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  color:#111 !important;
  padding: 10px 16px !important;
}

/* Lien Skip (si présent) */
.answer-help-block + * a,
.tutor-quiz-warning-box .reattempt-btn ~ a {
  display:inline-block; margin-top:8px; color:#6b7280; text-decoration: underline;
}

/* ===== Footer navigation (Précédent / Suivant) en bas de page ===== */
.tutor-course-topic-single-footer {
  max-width: 720px; margin: 24px auto; padding: 0 12px;
  display:flex; justify-content:space-between; gap:16px;
}
.tutor-course-topic-single-footer a.tutor-btn {
  background:#fff; color:#111; border:1px solid #e5e7eb; border-radius:10px;
  padding:10px 18px; font-weight:600; text-decoration:none; transition:.2s ease;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
}
.tutor-course-topic-single-footer a.tutor-btn:hover {
  background:#f8fafc; transform: translateY(-1px);
}
.tutor-course-topic-single-footer a[disabled] { opacity:.5; pointer-events:none; box-shadow:none; transform:none; }


.tutor-quiz-wrapper {background:#fff;}
/* 1) Cacher le bouton Skip */
.tutor-quiz-answer-previous-btn  {
  display: none !important; /* "Passer la question" */
}
.tutor-quiz-btn-group .tutor-next-btn {
    text-align: center;
    width: 100%;
    display: block;
    font-weight: 700;
    color: #000;
}

/* 2) Bouton principal en pleine largeur */
.tutor-quiz-btn-group {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* "Envoyer & Suivant" */
.tutor-quiz-btn-group .tutor-btn.tutor-btn-primary.tutor-quiz-answer-next-btn {
 flex: 1 1 100%;
  width: 100% !important;
  border-radius: 15px;
  display: flex !important;              /* s’assure que le contenu peut être centré */
  justify-content: center !important;    /* centre horizontalement */
  align-items: center !important;        /* centre verticalement */
  text-align: center !important;         /* sécu pour le texte */
}

/* "Envoyer le quiz" (dernier écran) */
.tutor-quiz-btn-group .tutor-btn.tutor-btn-primary.tutor-quiz-submit-btn {
  flex: 1 1 100%;
  width: 100% !important;
  border-radius: 9999px;
}

/* Optionnel : le bouton "Retour" garde sa taille auto */
.tutor-quiz-btn-group .tutor-quiz-answer-previous-btn {
  flex: 0 0 auto;
}


/* ===== Alignement horizontal des réponses ===== */

/* Cache les inputs natifs */
.tutor-quiz-question-item input[type="checkbox"],
.tutor-quiz-question-item input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Conteneur des options : inline-flex pour tout sur une ligne */
.quiz-question-ans-choice-area .tutor-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center;
  gap: 12px;
}

/* Chaque option s’ajuste automatiquement en largeur */
.tutor-quiz-answer-single {
  flex: 1 1 auto;
  margin: 0 !important;
}

/* Le label couvre toute la pill */
.tutor-quiz-question-item {
  display: block;
  width: 100%;
}

/* Style des “pills” */
.tutor-quiz-question-item .tutor-card {
  border-radius: 15px;
  border: 1.5px solid #5C5C5C33;
  background: #fff;
  padding: 12px 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
}

/* Texte */
.tutor-quiz-question-item .tutor-fs-6 {
    font-weight: 600;
    color: #111;
    white-space: normal;
    font-size: 14px;
    min-width: 147px;
}
/* Hover */
.tutor-quiz-question-item:hover .tutor-card {
  background: #f9fafb;
  border-color: #d1d5db;
}

/* Sélection */
.tutor-quiz-question-item input:checked ~ .tutor-card {
  background: #000;
  border-color: #000;
}
.tutor-quiz-question-item input:checked ~ .tutor-card .tutor-fs-6 {
  color: #fff;
}

/* Ajustement sur mobile : les réponses passent à la ligne */
@media (max-width: 600px) {
  .quiz-question-ans-choice-area .tutor-row {
    flex-wrap: wrap !important;
  }
  .tutor-quiz-answer-single {
    flex: 1 1 48%;
  }
}
/* ===== HEADER DU COURS ===== */
.tutor-course-topic-single-header {
  background: #ffffff !important;        /* fond blanc */
  color: #111111 !important;             /* texte noir */
  border-bottom: 1px solid #e5e7eb;      /* fine séparation */
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 5;
}

/* Titre du cours */
.tutor-course-topic-single-header .tutor-course-topic-single-header-title {
  font-weight: 700;
  color: #111 !important;
}

/* Progression (texte et chiffres noirs, barre de progression non modifiée) */
.tutor-course-topic-single-header .tutor-progress-content,
.tutor-course-topic-single-header .tutor-fs-7,
.tutor-course-topic-single-header .tutor-fw-bold {
  color: #111 !important;
}

/* Icônes dans le header */
.tutor-course-topic-single-header .tutor-iconic-btn span {
  color: #111 !important;
  stroke: #111 !important;
}

/* Boutons (fermer / menu / retour) */
.tutor-course-topic-single-header .tutor-iconic-btn {
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px;
  color: #111 !important;
  transition: all 0.2s ease;
}
.tutor-course-topic-single-header .tutor-iconic-btn:hover {
  background: #f3f4f6 !important;
}

/* ===== PAGE GLOBALE ===== */

.tutor-course-topic-single-body,
.tutor-single-course-wrap {
  background: #0b0b0b !important;   /* fond noir du reste */
  color: #fff !important;           /* texte clair */
}
.site-below-footer-wrap {
 
    border: none !important ;
}



 .lms-auth-shell {
    position: fixed;          /* occupe tout l'écran */
    top: 50px; left: 0;
    width: 100%;
    height: 100%;
    display: flex;            /* centrage via flexbox */
    align-items: center;      /* centre verticalement */
    justify-content: center;  /* centre horizontalement */
    background: #000;      /* fond noir */
    padding: 20px;
    box-sizing: border-box;
	z-index:0
  }

/* ===== AUTH CARD ===== */
.lms-auth-wrap {
    width: 100%;
    max-width: 560px;
    background: #000000;
    border-radius: 16px;
    padding: 36px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
}

/* ===== TITLES ===== */
.lms-auth-wrap h2 {
  font-size: 1.6rem;
  font-weight: 800;
  margin-bottom: 8px;
  color: #fff;
}
.lms-auth-wrap p {
  color: #9ca3af;
  font-size: 0.95rem;
  margin-bottom: 24px;
}

/* ===== FORM FIELDS ===== */
.lms-field {
  text-align: left;
  margin-bottom: 20px;
}
.lms-field label {
  display: block;
  font-weight: 500;
  color: #d1d5db;
  margin-bottom: 8px;
  font-size: 0.9rem;
}
.lms-field input {
    width: 100%;
    height: 54px;
    padding: 0 14px 0 14px;
    background: #202020;
    border: 1px solid #262626;
    border-radius: 12px;
    color: #f5f5f5;
    font-size: 16px;
    outline: none;
}
.lms-field input:focus {
  border-color: #3b82f6;
  outline: none;
  background: #262626;
}

/* ===== BUTTON ===== */
.lms-submit {
  width: 100%;
  border: none;
  border-radius: 10px;
  background: #fff;
  color: #000;
  font-weight: 600;
  font-size: 1rem;
  padding: 12px 18px;
  cursor: pointer;
  transition: background 0.25s ease, transform 0.1s ease;
}
.lms-submit:hover {
  background: #e5e5e5;
  transform: translateY(-1px);
}

/* ===== LINK ===== */
.lms-auth-links {
  margin-top: 16px;
}
.lms-auth-links a {
  color: #9ca3af;
  text-decoration: underline;
  font-size: 0.9rem;
  transition: color 0.2s ease;
}
.lms-auth-links a:hover {
  color: #fff;
}


/* ===== CARTE PRINCIPALE ===== */
 

/* ===== TITRES ET TEXTES ===== */
.lms-auth-wrap h2 {
  font-size: 1.6rem;
  font-weight: 800;
  margin-bottom: 8px;
  color: #fff;
}
.lms-auth-wrap p {
  color: #9ca3af;
  font-size: 0.95rem;
  margin-bottom: 22px;
}

/* ===== ICÔNE CENTRALE ===== */
.lms-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  display: grid;
  place-items: center;
  margin: 18px auto 28px;
}

/* ===== BOUTON PRINCIPAL ===== */
.lms-submit {
    width: 100%;
    height: 58px;
    margin-top: 16px;
    border: 0;
    border-radius: 12px;
    background: #ffffff;
    color: #0b0b0b;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
}
.lms-submit:hover {
  background: #e5e5e5;
  transform: translateY(-1px);
}

/* ===== LIEN RETOUR ===== */
.lms-auth-links {
  margin-top: 16px;
}
.lms-auth-links a {
  color: #9ca3af;
  text-decoration: underline;
  font-size: 0.9rem;
  transition: color 0.2s ease;
}
.lms-auth-links a:hover {
  color: #fff;
}

#aeEmpBackdrop { z-index:999}
#aeEmpModal { z-index:9999;position: absolute;display: flex;align-items: center;justify-content: center;top: 100px;left: 0;right: 0;}
/* ====== Shell ====== */
#aeEmpApp{
  --bg:#fff; --text:#111; --muted:#6b7280; --line:#eef0f3;
  --pill:#111; --pillText:#fff;
  --okBg:#E9F9EE; --okText:#0F5132; --okBorder:#C7F0D9;
  --warnBg:#FFF1E6; --warnText:#8A4B16; --warnBorder:#FFE2CC;
  --mutedBg:#F3F4F6; --mutedText:#374151; --mutedBorder:#E5E7EB;
  --shadow:0 6px 22px rgba(17,24,39,.08);
  background:#fff; border-radius:16px; box-shadow:var(--shadow);padding-top: 20px;
}

/* ====== Toolbar ====== */
#aeEmpApp .ae-toolbar{
  display:flex; align-items:center; gap:10px; padding:16px 20px 10px;
}
#aeEmpApp .ae-search{
  flex:1; position:relative;
}
#aeEmpApp .ae-search input{
  width:100%; height:40px; padding:0 14px 0 36px;
  border:1px solid var(--line); border-radius:10px; background:#fff;
  outline:none; transition:border .15s ease, box-shadow .15s ease;
}
#aeEmpApp .ae-search input:focus{
  border-color:#111; box-shadow:0 0 0 4px rgba(17,17,17,.05);
}
#aeEmpApp .ae-search:before{
  content:""; position:absolute; left:12px; top:50%; transform:translateY(-50%);
  width:16px; height:16px;
  background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%2399a3ad" viewBox="0 0 24 24"><path d="M10 18a8 8 0 1 1 5.293-14.293A8 8 0 0 1 10 18zm11 3-6-6"/></svg>') no-repeat center/16px;
  opacity:.8;
}
#aeEmpApp .ae-actions{ display:flex; gap:8px; }

/* Buttons */
#aeEmpApp .ae-btn{
  border:1px solid var(--line); background:#fff; color:#111;
  padding:9px 12px; height:40px; border-radius:10px; cursor:pointer;
  font-weight:600; transition:background .15s ease, border .15s ease, transform .06s ease;
}
#aeEmpApp .ae-btn:hover{ background:#fafafa; }
#aeEmpApp .ae-btn:active{ transform:translateY(1px); }
#aeEmpApp .ae-btn.primary{
  background:#111; color:#fff; border-color:#111;
}
#aeEmpApp .ae-btn.primary:hover{ filter:brightness(0.92); }

/* “Filters” ghost button */
#aeEmpApp .ae-btn.ghost{
  background:#fff; color:#111;
}

/* ====== Table ====== */
#aeEmpApp table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 0 !important;
}
#aeEmpApp thead th {
    text-align: left;
    padding: 12px 20px;
    font-weight: 400;
    color: #666;
    font-size: 12px;
    background: #fff;
    border: none;
}
#aeEmpApp tbody td {
    padding: 12px 20px;
    /* border-top: 1px solid var(--line); */
    font-size: 14px;
    color: #111;
    border: none;
}
#aeBody .ae-menu-view {
    border: 1px solid #E5E7EB;
    background: none;
    padding: 0;
    background-color: transparent !important;
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #333;
    padding: 7px;
    width: 100%;
    white-space: nowrap;
    text-decoration: none;
    border-radius: 10px;
}
/* Pills & badges (tags) */
#aeEmpApp .ae-pill, #aeEmpApp .ae-badge{
  display:inline-flex; align-items:center; gap:6px;
  padding:4px 10px; border-radius:999px; font-size:12px; line-height:1;
  border:1px solid transparent; white-space:nowrap; transition:none!important;
}
#aeEmpApp .ae-pill{ background:var(--pill); color:var(--pillText); border-color:var(--pill); }
#aeEmpApp .ae-badge--ok   { background:var(--okBg);   color:var(--okText);   border-color:var(--okBorder); }
#aeEmpApp .ae-badge--warn { background:var(--warnBg); color:var(--warnText); border-color:var(--warnBorder); }
#aeEmpApp .ae-badge--muted{ background:var(--mutedBg);color:var(--mutedText);border-color:var(--mutedBorder); }

/* Manager cell (truncate) */
#aeEmpApp td:nth-child(6){ max-width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* “View details” + “Edit” inline actions */
#aeEmpApp .ae-link{
  color:#111; text-decoration:none; font-weight:600;
}
#aeEmpApp .ae-link:hover{ text-decoration:underline; }

/* Dots (vertical menu placeholder) */
#aeEmpApp .ae-dots{ cursor:pointer; user-select:none; padding:6px 8px; border-radius:8px; }
#aeEmpApp .ae-dots:hover{ background:#f2f3f5; }

/* ====== Pagination ====== */
#aeEmpApp .ae-pager{
  display:flex; align-items:center; justify-content:flex-end; gap:6px;
  padding:12px 20px 16px; color:var(--muted);
}
#aeEmpApp .ae-page{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:34px; height:34px; padding:0 10px; border-radius:8px;
  border:1px solid var(--line); background:#fff; color:#111; text-decoration:none; font-weight:600;
}
#aeEmpApp .ae-page:hover{ background:#fafafa; }
#aeEmpApp .ae-page.is-active{ background:#111; color:#fff; border-color:#111; }

/* ====== Modal ====== */
#aeEmpApp + #aeEmpModal .ae-input, 
#aeEmpApp + #aeEmpModal .ae-select{
  width:100%; padding:10px; border:1px solid var(--line); border-radius:10px; outline:none;
}
#aeEmpApp + #aeEmpModal .ae-input:focus, 
#aeEmpApp + #aeEmpModal .ae-select:focus{
  border-color:#111; box-shadow:0 0 0 4px rgba(17,17,17,.05);
}

/* Small status inputs in modal (preview) */
#aeEmpApp + #aeEmpModal input[disabled]{ background:#fafafa; color:#6b7280; }

/* --- 3 dots + dropdown --- */
#aeEmpApp .ae-menu-wrap{ position:relative; display:inline-block; }
#aeEmpApp .ae-dots {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: none;
  background: #fff;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  color: #333;
  writing-mode: vertical-lr;
  transform: rotate(180deg); /* pour que les points soient bien orientés */
}
#aeEmpApp .ae-dots:hover{ background:#fafafa; }
#aeEmpApp .ae-menu{
  position:absolute; right:0; top:42px; width:180px; background:#fff; border:1px solid var(--line);
  border-radius:12px; box-shadow:0 10px 30px rgba(17,24,39,.12); padding:6px; z-index:5;
}
#aeEmpApp .ae-menu-item {
    width: 100%;
    display: flex
;
    align-items: center;
    gap: 10px;
    font-weight: 4;
    background: transparent;
    padding: 10px 12px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 400;
    color: #333;
}
#aeEmpApp .ae-menu-item span {
font-family: Poppins;
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
color: #3D3D3D;

}


#aeEmpApp .ae-menu-item:hover{ background:#f5f6f7; }
#aeEmpApp .ae-menu-item.delete{ color:#b91c1c; }
/* === AE Employee Modal Form === */
#aeEmpForm, #aeEmpForm * {
  box-sizing: border-box !important;
}

/* Modal container */
#aeEmpForm {
  width: 100% !important;
  padding: 24px !important;
  background: #fff !important;
  border-radius: 16px !important;
}

/* Title bar */
#aeModalTitle {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #222 !important;
    margin: 30px !important;
    text-align: center !important;
    width: 100%;
    margin-bottom: 0 !important;
}

/* Labels */
#aeEmpForm label {
  display: block !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #666 !important;
}

/* Inputs & Selects */
#aeEmpForm .ae-input,
#aeEmpForm .ae-select {
  width: 100% !important;
  padding: 10px 14px !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  background: #fff !important;
  font-size: 15px !important;
  color: #333 !important;
  outline: none !important;
  transition: all 0.2s ease-in-out !important;
}

#aeEmpForm .ae-input:focus,
#aeEmpForm .ae-select:focus {
  border-color: #007bff !important;
  box-shadow: 0 0 0 3px rgba(0,123,255,0.15) !important;
}

/* Small notes */
#aeEmpForm small {
  display: block !important;
  font-size: 12px !important;
  color: #777 !important;
  margin-top: 4px !important;
}
 
/* Buttons */
#aeEmpForm .btn , #aeCourseCancel , #aeCourseSave  {
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  padding: 10px 30px !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out !important;
  width: 100%;
}

#aeEmpForm .btn.primary, #aeCourseSave {
    background: #222;
    color: #fff !important;
}

#aeEmpForm .btn.primary:hover {
  background: #000 !important;
}

#aeEmpForm .btn:not(.primary) , #aeCourseCancel {
  background: #f2f2f2 !important;
  color: #333 !important;
}

#aeEmpForm .btn:not(.primary):hover {
  background: #e0e0e0 !important;
}

/* Row layout */
#aeEmpForm .row {
  display: grid !important;
  grid-template-columns: 1fr  !important;
  gap: 20px !important;
}

/* Full width for single items */
#aeEmpForm .row label[for="manager"],
#aeEmpForm .row label[for="brands"],
#aeEmpForm .row label[for="aeStatusPreview"] {
  grid-column: span 2 !important;
}

/* Modal top bar */
#aeAddClose {
    background: none !important;
    border: none !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    color: #555 !important;
    box-shadow: none;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px;
}
#aeAddClose:hover {
  color: #000 !important;
}

/* Save button container */
#aeEmpForm div[style*="justify-content:flex-end"] { 
  margin-top: 24px !important;
}

/* Disabled input */
#aeEmpForm input[disabled] {
  background: #f9f9f9 !important;
  color: #777 !important;
}


/* ---------- Toolbar / Inputs ---------- */
#aeEmpApp .ae-btn{
  padding:12px 16px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;
  font-weight:600;transition:transform .03s ease, box-shadow .15s ease;
}
#aeEmpApp .ae-btn:hover{ box-shadow:0 2px 10px rgba(0,0,0,.06); }
#aeEmpApp .ae-btn:active{ transform:translateY(1px); }

#aeEmpApp .ae-btn.primary{ background:#000;color:#fff;border-color:#000; }
#aeEmpApp .ae-btn.ghost{ background:#fff;border-color:#eceef1;color:#111; }

#aeEmpApp .ae-input{
  width:100%;padding:12px 16px;border:1px solid #eceef1;border-radius:12px;
  background:#fff;outline:none;box-shadow:0 1px 0 rgba(0,0,0,.02) inset;
}
#aeEmpApp .ae-input:focus{ border-color:#d6dae0; box-shadow:0 0 0 3px rgba(0,0,0,.04); }

/* Champ de recherche avec icône loupe */
#aeEmpApp .ae-input-search{ padding-left:44px; }
#aeEmpApp .ae-search-icon{
  position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;color:#9aa3af;
}
#aeEmpApp .ae-search-icon::before{
  content:"";position:absolute;inset:0;border:2px solid currentColor;border-radius:50%;
}
#aeEmpApp .ae-search-icon::after{
  content:"";position:absolute;width:8px;height:2px;background:currentColor;right:-6px;bottom:-2px;
  transform:rotate(-45deg);border-radius:2px;
}

/* En-tête section (déjà en inline, mais utile si tu retires les styles inline) */
.ae-section-head{ display:flex;align-items:center;justify-content:space-between;gap:16px; }

/* Responsive */
@media (max-width: 900px){
  .ae-section-head{ flex-direction:column;align-items:stretch;gap:12px; }
  #aeEmpApp .ae-toolbar{ justify-content:stretch; }
  #aeEmpApp .ae-toolbar{ flex-wrap:wrap; }
  #aeEmpApp .ae-search{ min-width:0;flex:1 1 auto; }
  #aeEmpApp .ae-btn.primary{ width:100%; }
}
/* ===== AE Add Course – UI ===== */
:root{
  --bg:#ffffff;
  --text:#101828;
  --muted:#667085;
  --border:#EAECF0;
  --primary:#3B82F6;
  --primary-600:#2563EB;
  --ring: 0 0 0 4px rgba(59,130,246,.15);
  --radius: 16px;
}

.ae-admin{color:var(--text); font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;}
.ae-label{display:block; font-weight:400; margin:14px 0 8px; font-size:14px; color:#666}
.ae-help{display:block; font-size:12px; color:var(--muted);}

.ae-input, .ae-select{
  width:100%; padding:14px 7px; border:1px solid var(--border); border-radius:5px;
  background:#fff; color:var(--text); outline:none; transition:border .15s, box-shadow .15s;    height: auto;font-size: 14px;
}
.ae-input::placeholder{color:#98A2B3}
.ae-select{
  appearance:none;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23667085" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>');
  background-repeat:no-repeat; background-position:right 12px center; padding-right:44px;
}
.ae-input:focus, .ae-select:focus{border-color:var(--primary); box-shadow:var(--ring)}

.ae-upload{
  margin-top:14px; border:1px dashed #D0D5DD; border-radius:14px; padding:24px;
  text-align:center; color:var(--muted); background:#fafafa; transition: .15s;
}
.ae-upload.dragover{background:#F5FAFF; border-color:var(--primary)}
.ae-filelist{list-style:none; margin:10px 0 0; padding:0; text-align:left}
.ae-filelist li{
  display:flex; gap:8px; align-items:center; border:1px solid var(--border);
  border-radius:10px; padding:8px 10px; margin-top:8px; background:#fff;
}

.ae-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 14px; border-radius:12px; border:1px solid var(--border);
  background:#fff; cursor:pointer; transition: background .15s, border .15s, opacity .15s;
}
.ae-btn:hover{background:#f7f7fb}
.ae-btn.primary{background:var(--primary); color:#fff; border-color:var(--primary)}
.ae-btn.primary:hover{background:var(--primary-600)}
.ae-btn.sec{background:#F5F8FF; color:#000; border-color:#D1E0FF}
.ae-btn[disabled]{opacity:.6; cursor:default}

.ae-status{margin-top:10px; font-size:14px; color:var(--muted)}

.qb2-card{background:#fff; border:1px solid var(--border); border-radius:14px; padding:14px}
.qs-card{border:1px solid var(--border); border-radius:14px; padding:14px}
.qs-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px}
.qs-title{font-weight:600}
.qs-opts{display:flex; flex-direction:column; gap:8px}
.qs-opt{display:flex; gap:10px; align-items:center; border:1px solid var(--border); border-radius:10px; padding:10px; background:#fff}

.ae-select-shell{position:relative;border:1px solid #cfd3d8;border-radius:12px;background:#fff;min-height:44px;padding:6px 36px 6px 10px;overflow:visible}
.ae-select-shell:focus-within{border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(0,0,0,.08)}
.ae-select-shell>.ae-select{position:absolute;inset:0;opacity:0;pointer-events:none}
.ae-select-chips{display:flex;flex-wrap:wrap;gap:6px}
.ae-select-chip{background:#000;color:#fff;border-radius:999px;font-size:12px;padding:5px 8px;line-height:1;white-space:nowrap}
.ae-select-shell::after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M6 9l6 6 6-6'/></svg>")}
.ae-select-menu{position:absolute;left:0;right:0;top:100%;margin-top:6px;border:1px solid #cfd3d8;border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08);max-height:240px;overflow:auto;display:none;z-index:99999}
.ae-option{padding:8px 10px;cursor:pointer;font-size:14px}
.ae-option:hover{background:#f5f7fa}
.ae-option.selected{background:#000;color:#fff}


/* ====== Table ====== */
#aeCoursApp table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 0 !important;
}
#aeCoursApp thead th {
  text-align: left;
  padding: 12px 20px;
  font-weight: 400;
  color: #666;
  font-size: 12px;
  background: #fff;
  border: none;
}
#aeCoursApp tbody td {
  padding: 12px 20px;
  font-size: 14px;
  color: #111;
  border: none;
}
#aeCoursApp tbody tr:hover td {
  background: #fafafa;
}
#aeCoursApp thead th:last-child,
#aeCoursApp tbody td:last-child {
  text-align: right;
}
#aeCourseForm{
width: 100% !important;
    padding: 24px !important;
    background: #fff !important;
    border-radius: 16px !important;
}
/* ====== Pills / Tags ====== */
#aeCoursApp .ae-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  white-space: nowrap;
}

/* ====== 3 points + dropdown ====== */
#aeCoursApp .ae-menu-wrap {
  position: relative;
  display: inline-block;
}

#aeCoursApp .ae-dots {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: none;
  background: #fff;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  color: #333;
  writing-mode: vertical-lr;
  transform: rotate(180deg); /* 3 points bien orientés */
}
#aeCoursApp .ae-dots:hover {
  background: #f2f3f5;
}

#aeCoursApp .ae-menu {
  position: absolute;
  right: 0;
  top: 42px;
  width: 180px;
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(17, 24, 39, 0.12);
  padding: 6px;
  z-index: 5;
  
}
#aeCoursApp .ae-menu.is-open {
  display: block;
}

#aeCoursApp .ae-menu-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  font-weight: 400;
}
#aeCoursApp .ae-menu-item span {
  font-family: Poppins, sans-serif;
  font-size: 14px;
  color: #3D3D3D;
}
#aeCoursApp .ae-menu-item:hover {
  background: #f5f6f7;
}
#aeCoursApp .ae-menu-item.delete {
  color: #b91c1c;
}
#aeCoursApp .ae-menu-item.delete:hover {
  background: #fef2f2;
}
#aeCoursApp .ae-btn.primary {
    background: #000;
    color: #fff;
    border-color: #000;
}


#aeCourseModal {
    z-index: 9999;
    position: absolute;
    display: flex
;
    align-items: center;
    justify-content: center;
    top: 100px;
    left: 0;
    right: 0;
	
    place-items: baseline;
}

#aeCourseClose {
    background: none !important;
    border: none !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    color: #555 !important;
    box-shadow: none;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px;
}

#qsPush{
    background: #000;
    color: #fff;
    border-color: #000;
	font-weight: 400 !important;
}

/* Pagination container */
/* Container */
#aeCoursePager{
  display:flex; align-items:center; justify-content:center;
  gap:16px; padding:12px 0;
  font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-size:14px;
}

/* Prev/Next */
#aeCoursePager .nav{
  display:flex; align-items:center; gap:8px;
  background:none; border:none; padding:4px 6px;
  color:#111; cursor:pointer; transition:opacity .2s, background .2s;
}
#aeCoursePager .nav .chev{ font-size:16px; line-height:1; }
#aeCoursePager .nav[disabled]{ color:#b3b3b3; cursor:default; opacity:.9; }
#aeCoursePager .nav:not([disabled]):hover{ background:#f3f3f3; border-radius:8px; }

/* Numéros */
#aeCoursePager .ae-pages{ display:flex; align-items:center; gap:12px; }
#aeCoursePager .ae-btn{ background:none; border:none; padding:0; cursor:pointer; }
#aeCoursePager .ae-page{ padding:4px 8px; border-radius:10px; transition:background .2s; }
#aeCoursePager .ae-page:not(.active):hover{ background:#ddd; }
#aeCoursePager .ae-page.active{
  background:#111; color:#fff; border-radius:12px; padding:4px 10px; font-weight:500;
}
#aeCoursePager .ae-ellipsis{ color:#666; padding:0 2px; }

/* ====== 3 points + dropdown (FAQ) ====== */
#aeFaqSection .ae-menu-wrap {
  position: relative;
  display: inline-block;
}

/* bouton ⋯ */
#aeFaqSection .ae-dots {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: none;
  background: #fff;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  color: #333;
  writing-mode: vertical-lr;
  transform: rotate(180deg); /* 3 points bien orientés */
}
#aeFaqSection .ae-dots:hover {
  background: #f2f3f5;
}

/* menu */
#aeFaqSection .ae-menu {
  position: absolute;
  right: 0;
  top: 42px;
  width: 180px;
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(17, 24, 39, 0.12);
  padding: 6px;
  z-index: 5;
}
/* si tu continues à utiliser l’attribut "hidden" en JS */
#aeFaqSection .ae-menu[hidden] { display: none; }

/* variante si jamais tu préfères la classe .is-open :
#aeFaqSection .ae-menu { display: none; }
#aeFaqSection .ae-menu.is-open { display: block; }
*/

/* items */
#aeFaqSection .ae-menu-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  font-weight: 400;
}
#aeFaqSection .ae-menu-item span {
  font-family: Poppins, sans-serif;
  font-size: 14px;
  color: #3D3D3D;
}
#aeFaqSection .ae-menu-item:hover {
  background: #f5f6f7;
}
#aeFaqSection .ae-menu-item.delete {
  color: #b91c1c;
}
#aeFaqSection .ae-menu-item.delete:hover {
  background: #fef2f2;
}

/* bouton primaire si tu en as côté FAQ */
#aeFaqSection .ae-btn.primary {
  background: #000;
  color: #fff;
  border-color: #000;
}
#aeFaqSection  p {
    margin-bottom: 0;
}


/* Empêcher le clipping du dropdown dans la FAQ */
#aeFaqSection,
#aeFaqSection .ae-table-wrap {
  overflow: visible;           /* au lieu de overflow:auto/hidden */
}

/* S’il y a un overflow sur une carte/section parente, enlève-le aussi */
.ae-section, .ae-card { overflow: visible; }

/* Le menu par-dessus tout */
#aeFaqSection .ae-menu { z-index: 9999; }

/* Si tu utilises [hidden] côté JS */
#aeFaqSection .ae-menu[hidden] { display:none; }
.ae-detail .badge.muted{ background:#F3F4F6; color:#374151; }
.ae-detail .btn.is-disabled{ opacity:.45; pointer-events:none; cursor:not-allowed; }
 
.lms-notif-card .title {
    font-weight: 700;
    margin-bottom: 4px;
	font-size: 14px !important;
}
.aeqm .hdr .x {
    background: none;
    border: 0;
    font-size: 20px;
    cursor: pointer;
    color: #000;
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer {
      border-top: none!important; 
     background-color: transparent!important;  
  
;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] {
    display: none;
}

/* ===== Mobile / Tablet ONLY (≤1023px) ===== */
@media (max-width:1023px){
	.site-content .ast-container {
    padding: 15px;
}
  /* cibler toutes tes tables connues sans casser le desktop */
  #aeEmpApp table,
  #aeCoursApp .ae-table,
  .mgr-table,
  .ae-table{
    width:100%;
    border-collapse:collapse;
    display:block;
  }
  /* masquer l’entête et passer en “cartes” */
  #aeEmpApp table thead,
  #aeCoursApp .ae-table thead,
  .mgr-table thead,
  .ae-table thead{ display:none; }

  #aeEmpApp table tbody,
  #aeCoursApp .ae-table tbody,
  .mgr-table tbody,
  .ae-table tbody{ display:block; }

  #aeEmpApp table tr,
  #aeCoursApp .ae-table tr,
  .mgr-table tr,
  .ae-table tr{
    display:block;
    margin:12px 16px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    box-shadow:0 2px 5px rgba(0,0,0,.05);
    background:#fff;
    overflow:hidden;
  }

  #aeEmpApp table td,
  #aeCoursApp .ae-table td,
  .mgr-table td,
  .ae-table td{
    display:inherit;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:10px 14px !important;
    border:none !important;
    white-space:normal; /* wrap sur mobile */
  }
  /* label à gauche (injecté via JS ci-dessous) */
  #aeEmpApp table td::before,
  #aeCoursApp .ae-table td::before,
  .mgr-table td::before,
  .ae-table td::before{
    content:attr(data-label);
    flex:0 0 45%;
    font-weight:600;
    color:#6b7280;
    text-transform:capitalize;
  }

  /* éviter le scroll horizontal dans tes wrappers inline */
  #aeEmpApp [style*="overflow:auto"],
  #aeCoursApp .ae-table-wrap,
  .mgr-table-wrap{ overflow-x:visible !important; }

  /* centrage des colonnes "Actions" si présentes */
  .mgr-action,
  .ae-actions{ text-align:center; justify-content:center; }
  .kpi-label {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
}
.site-content .ast-container {
    padding: 15px;
}
}

/* ===== FAQ table responsive — only ≤ 1023px ===== */
@media (max-width:1023px){
  #aeFaqSection .ae-table,
  #aeFaqSection .ae-table thead,
  #aeFaqSection .ae-table tbody,
  #aeFaqSection .ae-table th,
  #aeFaqSection .ae-table td,
  #aeFaqSection .ae-table tr{
    display:block;
    width:100%;
  }

  #aeFaqSection .ae-table thead{ display:none; }

  #aeFaqSection .ae-table tr{
    margin:12px 16px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    box-shadow:0 2px 5px rgba(0,0,0,.05);
    background:#fff;
    overflow:hidden;
	width: 97%;
  }

#aeFaqSection .ae-table td {
        border: none !important;
        padding: 12px 16px !important;
        display: grid;
        gap: 12px;
        justify-content: space-between;
        align-items: flex-start;
        white-space: normal;
        word-break: break-word;
        width: 100%;
    }

  /* labels générés via data-label (posés par le JS ci-dessous) */
  #aeFaqSection .ae-table td::before{
    content:attr(data-label);
    flex:0 0 32%;
    color:#6b7280;
    font-weight:600;
    text-transform:capitalize;
    padding-right:8px;
  }

  /* Colonne Actions centrée */
  #aeFaqSection .ae-table td:last-child{
    align-items:center;
  }
}
@media (max-width:1023px){
  #aeFaqSection .ae-table td[data-label="Answer"]{
    flex-direction:column;
  }
  #aeFaqSection .ae-table td[data-label="Answer"]::before{
    flex:0 0 auto; margin-bottom:6px;
  }
}

@media (max-width:600px){
  .ae-toolbar{ justify-content:space-between; }
      .ae-toolbar .ae-search {
        flex: 1 1 100% !important;
        min-width: auto !important;
    }
  #aeCourseAddOpen{ order:2; }
}
 
  #aeCoursApp .th-sort{display:inline-flex;gap:6px;align-items:center;background:none;border:0;padding:0;font:inherit;cursor:pointer;color: #111;}
  #aeCoursApp th{user-select:none}
  #aeCoursApp .caret{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #98a2b3;transform:rotate(0deg)}
  #aeCoursApp th[aria-sort="ascending"]  .caret{border-top-color:#111827; transform:rotate(180deg)}
  #aeCoursApp th[aria-sort="descending"] .caret{border-top-color:#111827; transform:rotate(0deg)}
  
  /* Pagination employé — même style que #aeCoursePager */mgrPager
#aeEmpPager{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:12px 0;
  font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-size:14px;
}

/* Prev/Next */
#aeEmpPager .nav{
  display:flex;
  align-items:center;
  gap:8px;
  background:none;
  border:none;
  padding:4px 6px;
  color:#111;
  cursor:pointer;
  transition:opacity .2s, background .2s;
}
#aeEmpPager .nav .chev{
  font-size:16px;
  line-height:1;
}
#aeEmpPager .nav[disabled]{
  color:#b3b3b3;
  cursor:default;
  opacity:.9;
}
#aeEmpPager .nav:not([disabled]):hover{
  background:#f3f3f3;
  border-radius:8px;
}

/* Numéros */
#aeEmpPager .ae-pages{
  display:flex;
  align-items:center;
  gap:12px;
}
#aeEmpPager .ae-btn{
  background:none;
  border:none;
  padding:0;
  cursor:pointer;
}
#aeEmpPager .ae-page{
  padding:4px 8px;
  border-radius:10px;
  transition:background .2s;
   min-width: 24px; 
   width: 24px; 
    height: 24px;
}
#aeEmpPager .ae-page:not(.active):hover{
  background:#ddd;
}
#aeEmpPager .ae-page.active{
  background:#111;
  color:#fff;
  border-radius:12px;
  padding:4px 10px;
  font-weight:500;
}
#aeEmpPager .ae-ellipsis{
  color:#666;
  padding:0 2px;
}

 /* === Tri (sortable headers) === */
.mgr-table thead th[data-sort] {
  cursor: pointer;
  user-select: none;
  position: relative;
}
.mgr-table thead th[data-sort]:after {
  content: '⇅';
  font-size: 11px;
  opacity: 0.4;
  margin-left: 6px;
}
.mgr-table thead th.sorted-asc:after { content: '▲'; opacity: 0.8; }
.mgr-table thead th.sorted-desc:after { content: '▼'; opacity: 0.8; }


.ae-view {
    border: 1px solid #E5E7EB;
    background: none;
    padding: 0;
    background-color: transparent !important;
    font-family: Poppins;
    font-weight: 400;
    font-style: Regular;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #333;
    padding: 7px;
    width: 100%;
    white-space: nowrap;
    text-decoration: none !important;
    border-radius: 10px;
}
.mgr-table-wrap {
    padding-bottom: 20px;
}
/* Conteneur actions */
.ed-actions{
  display:flex;
  align-items:center;
  gap:12px;
}

/* Les boutons occupent la largeur donnée par flex */
.ed-actions .ed-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  height:40px;
  text-align:center;
}

/* Ratio quand il y a 2 boutons (primary + ghost) */
.ed-actions .ed-btn.primary { flex: 2 1 0; }  /* 2/3 */
.ed-actions .ed-btn.ghost {
    flex: 1 1 0;
    background: #fff;
    color: #000;
    box-shadow: 0px 0px 12px #111;
}

/* Cas “Completed” : un seul bouton -> pleine largeur */
.ed-card.completed .ed-actions .ed-btn.review { flex: 1 1 100%; width:100%; }

/* Désactivé garde sa place */
.ed-btn.is-disabled,
.ed-btn[aria-disabled="true"]{
  opacity:.45;
  cursor:not-allowed;
  pointer-events:none;
}

/* Responsive: sur mobile, on empile 100% */
@media (max-width: 640px){
  .ed-actions{ flex-direction:column; }
  .ed-actions .ed-btn.primary,
  .ed-actions .ed-btn.ghost,
  .ed-card.completed .ed-actions .ed-btn.review{
    flex: 0 0 auto;
    width:100%;
  }
  #aeEmpApp .ae-menu
 {
    position: unset;

}
}
.aeqz-btn {
    appearance: none;
    border: 1px solid #d0d7de;
    background: #fff;
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 14px;
    cursor: pointer;
    color: #000;
}

.tutor-start-quiz-wrapper { display:none !important}

#faqModal .ae-btn.primary{
    background: #000 !important;
    color: #fff !important;
	border:none  !important;
}

#faqModal .btn{
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 10px 30px !important;
    cursor: pointer !important;
    transition: all 0.2s 
ease-in-out !important;
    width: 100%;
}

#faqCancel {
    background: #f2f2f2 !important;
    color: #333 !important;
}