.elementor-kit-714{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-kadence1:#2B6CB0;--e-global-color-kadence2:#215387;--e-global-color-kadence3:#1A202C;--e-global-color-kadence4:#2D3748;--e-global-color-kadence5:#4A5568;--e-global-color-kadence6:#718096;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#ffffff;--e-global-color-4a6061b:#090055;--e-global-color-4908f09:#FF7A00;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-image:url("https://icureacademy.com/wp-content/uploads/2025/11/image00001-3.webp");background-repeat:no-repeat;background-size:cover;overscroll-behavior:contain;}.elementor-kit-714.el-is-editing{--global-palette1:#2B6CB0;--global-palette2:#215387;--global-palette3:#1A202C;--global-palette4:#2D3748;--global-palette5:#4A5568;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;}.elementor-kit-714 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:1025px){.elementor-kit-714{background-attachment:fixed;}}@media(max-width:1024px){.elementor-kit-714{background-image:url("https://icureacademy.com/wp-content/uploads/2025/10/image00001-3.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-714{background-image:url("https://icureacademy.com/wp-content/uploads/2025/10/image00001-3.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================
   PALETTE & BASE
============================ */
:root {
  --orange-50:  #fff6f0;
  --orange-75:  #fff0e0;
  --orange-100: #ffe9d5;
  --orange-150: #ffe5c2;
  --orange-200: #ffd8b0;
  --orange-250: #ffc88a;
  --orange-300: #ffb366; /* contour clair */
  --orange-400: #ff9a33;
  --orange-500: #ff7a00; /* teinte principale */
  --orange-600: #ff6600;
  --orange-650: #ff5e00;
  --orange-700: #ff5500;
  --text-strong: #1d1d1f;
  --text-soft:   #4a4a4a;
  --ring: rgba(255, 122, 0, 0.22);
}

.ld-quiz-.elementor-kit-714 {
  max-width: 1000px;
  margin: 40px auto;
  padding: 22px 24px;
  background: linear-gradient(180deg, var(--orange-50) 0%, #fff 100%);
  border-radius: 16px;
  box-shadow: 0 6px 22px rgba(255, 100, 0, 0.18);
  transition: box-shadow .25s ease, transform .25s ease;
}
.ld-quiz-.elementor-kit-714:hover { box-shadow: 0 8px 28px rgba(255, 100, 0, 0.24); }

/* ============================
   GRILLE & LABELS
============================ */
.ldqs-grid { display: grid; grid-template-columns: 1fr 1fr auto; gap: 16px; align-items: end; }
.ldqs-col { display: flex; flex-direction: column; }
.ldqs-label {
  font-weight: 700;
  margin-bottom: 6px;
  color: var(--orange-600);
  letter-spacing: .2px;
}

/* ============================
   SELECTS (module / quiz)
   - flèche personnalisée orange
   - focus ring harmonisé
============================ */
.ldqs-select {
  -webkit-appearance: none;
  appearance: none;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg, var(--orange-150), var(--orange-300)) border-box;
  border: 1.5px solid transparent;
  border-radius: 12px;
  padding: 12px 42px 12px 14px;
  font-size: 15px;
  color: var(--text-strong);
  min-height: 46px;
  box-shadow: 0 2px 6px rgba(255,122,0,.08);
  transition: box-shadow .2s ease, transform .05s ease, border-color .2s ease;
  position: relative;
}

/* Flèche (SVG inline, orange) */
.ldqs-select {
  background-image:
    linear-gradient(#fff,#fff),
    linear-gradient(135deg, var(--orange-150), var(--orange-300)),
    url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l7 7 7-7' fill='none' stroke='%23ff7a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 0 0, 0 0, right 12px center;
  background-size: auto, auto, 16px 10px;
}

.ldqs-select:hover {
  box-shadow: 0 0 0 4px var(--ring);
  transform: translateY(-1px);
}
.ldqs-select:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--ring), 0 3px 10px rgba(255,122,0,.18);
}
.ldqs-select:disabled {
  background:
    linear-gradient(var(--orange-75),var(--orange-75)) padding-box,
    linear-gradient(135deg, var(--orange-100), var(--orange-150)) border-box,
    url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l7 7 7-7' fill='none' stroke='%23ffb366' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  color: #9a9a9a;
  cursor: not-allowed;
  box-shadow: none;
}

/* iOS Safari – retire l’icône native */
.ldqs-select::-ms-expand { display: none; }

/* ============================
   BOUTON “Démarrer” (orange dégradé)
============================ */
.ldqs-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 12px 22px;
  border: none; border-radius: 12px;
  font-size: 15px; font-weight: 700;
  background: linear-gradient(135deg, var(--orange-200), var(--orange-500));
  color: #fff;
  cursor: pointer;
  min-height: 46px;
  box-shadow: 0 6px 16px rgba(255,122,0,.35);
  transition: transform .08s ease, box-shadow .2s ease, background .3s ease;
}
.ldqs-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, var(--orange-150), var(--orange-700));
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(255,94,0,.42);
}
.ldqs-btn:active:not(:disabled) {
  transform: translateY(0);
  background: linear-gradient(135deg, var(--orange-250), var(--orange-650));
  box-shadow: 0 5px 12px rgba(255,94,0,.32);
}
.ldqs-btn:disabled {
  background: linear-gradient(135deg, var(--orange-100), var(--orange-150));
  color: #fff8f3; cursor: not-allowed; box-shadow: none;
}

/* Petit “pulse” doux au premier rendu (attire l’œil sans gêner) */
@keyframes ldqsPulse {
  0% { box-shadow: 0 0 0 0 rgba(255,122,0,.28); }
  100% { box-shadow: 0 0 0 18px rgba(255,122,0,0); }
}
.ldqs-stage-select .ldqs-btn:not(:disabled) { animation: ldqsPulse 1.4s ease-out 1.2s 1; }

/* ============================
   ÉTAPE QUIZ (topbar, retour)
============================ */
.ldqs-stage-quiz .ldqs-topbar {
  display:flex; justify-content:space-between; align-items:center;
  margin: 4px 0 12px 0;
}
.ldqs-back {
  border: 1.5px solid var(--orange-300);
  background: linear-gradient(135deg, var(--orange-75), var(--orange-150));
  color: var(--orange-600);
  padding: 9px 14px;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
  transition: box-shadow .2s ease, transform .05s ease, border-color .2s ease;
}
.ldqs-back:hover { border-color: var(--orange-500); box-shadow: 0 0 0 4px var(--ring); transform: translateY(-1px); }

.ldqs-quiz-wrap {
  background:#fff; border:1px solid #eee; border-radius:12px; padding: 18px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  animation: ldqsFadeIn .24s ease both;
}
@keyframes ldqsFadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ============================
   HARMONISATION WP Pro Quiz
============================ */
.wpProQuiz_button, .wpProQuiz_button a {
  background: linear-gradient(135deg, var(--orange-150), var(--orange-500)) !important;
  color:#fff !important; border:none !important; border-radius:10px !important;
  padding:10px 16px !important; font-weight:700 !important;
  box-shadow: 0 4px 12px rgba(255,122,0,.25) !important;
  transition: transform .08s ease, box-shadow .2s ease, background .3s ease !important;
}
.wpProQuiz_button:hover, .wpProQuiz_button a:hover {
  background: linear-gradient(135deg, var(--orange-150), var(--orange-700)) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 18px rgba(255,94,0,.36) !important;
}
.wpProQuiz_list, .wpProQuiz_reviewQuestion { border-color: var(--orange-200) !important; border-radius: 10px !important; }
.wpProQuiz_header, .wpProQuiz_content h2 { color: var(--orange-600) !important; }
.wpProQuiz_time_limit {
  background: var(--orange-75); border: 1px solid var(--orange-200);
  color: var(--text-soft); border-radius: 8px; padding: 6px 10px; display:inline-block;
}

/* ============================
   RESPONSIVE
============================ */
@media (max-width: 768px) {
  .ldqs-grid { grid-template-columns: 1fr; gap: 12px; }
  .ldqs-btn { width: 100%; }
}

/* ============================
   DARK MODE (optionnel)
============================ */
@media (prefers-color-scheme: dark) {
  .ld-quiz-.elementor-kit-714 { background: linear-gradient(180deg, #1d1f22 0%, #181a1d 100%); box-shadow: 0 6px 22px rgba(255, 100, 0, 0.16); }
  .ldqs-label { color: var(--orange-500); }
  .ldqs-select {
    background:
      linear-gradient(#1f2328,#1f2328) padding-box,
      linear-gradient(135deg, #2a2f36, #353b44) border-box,
      url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l7 7 7-7' fill='none' stroke='%23ff7a00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    color: #e6edf3;
    box-shadow: 0 2px 6px rgba(0,0,0,.35);
  }
  .ldqs-quiz-wrap { background:#1f2328; border-color:#2a2f36; }
  .wpProQuiz_header, .wpProQuiz_content h2 { color: var(--orange-500) !important; }
}
      

/* Enlève l’inversion automatique de couleurs */
.ldqs-select:focus-visible {
  outline: none !important;
  color: #1d1d1f !important;
  background-color: #fff !important;
}

/* Renforce la visibilité de la flèche et du contour pendant le focus */
.ldqs-select:hover,
.ldqs-select:focus {
  border-color: #ff7a00 !important;
  box-shadow: 0 0 0 3px rgba(255,122,0,0.2) !important;
}
/* Rendre le fond du quiz blanc et texte noir */
.wpProQuiz_content,
.wpProQuiz_question_text,
.wpProQuiz_listItem label {
  background: #fff !important;
  color: #111 !important;
}

/* Style des réponses */
.wpProQuiz_list {
  background: #fff !important;
  border-radius: 12px;
  padding: 20px;
}
.wpProQuiz_listItem {
  border: 1px solid #ccc !important;
  margin-bottom: 8px;
  border-radius: 8px;
}
.wpProQuiz_listItem label {
  color: #111 !important;
  font-weight: 500;
}

/* Bouton Vérifier */
.wpProQuiz_button {
  background: linear-gradient(135deg, #ff7a00, #ff9a3c) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  font-weight: 600;
}
.wpProQuiz_button:hover {
  background: linear-gradient(135deg, #ff9a3c, #ff7a00) !important;
}
/* ===== ENLEVER LES CONTOURS NOIRS / ASSOUPLIR LES BORDURES ===== */

/* Conteneur injecté par notre snippet */
.ldqs-quiz-wrap {
  background: #fff !important;
  border: 0px !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.04) !important;
}

/* Wrappers WP Pro Quiz / LearnDash */
.wpProQuiz_content,
.wpProQuiz_quiz,
.wpProQuiz_result,
.wpProQuiz_reviewQuestion,
.wpProQuiz_reviewLegend,
.wpProQuiz_list,
.wpProQuiz_question,
.wpProQuiz_box,
.wpProQuiz_points,
.wpProQuiz_content table,
.wpProQuiz_content td,
.wpProQuiz_content th {
  border-color: #e9ecef !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Liste des réponses et cartes */
.wpProQuiz_listItem {
  border: 1px solid #e6e9ef !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* Barre de progression en haut (supprime le cadre noir) */
.wpProQuiz_progress {
  border: 0 !important;
  background: #f5f7fb !important;
  box-shadow: none !important;
}
.wpProQuiz_progress .wpProQuiz_progressbar {
  border: 0 !important;
  box-shadow: none !important;
  background: linear-gradient(90deg, #58a6ff, #1f6feb) !important; /* ou ta couleur */
}

/* Encadrés “Résultats / Score” */
.wpProQuiz_result table,
.wpProQuiz_result td,
.wpProQuiz_result th {
  border-color: #eef1f5 !important;
}

/* Boutons (on garde ton orange sans bordure noire) */
.wpProQuiz_button, .wpProQuiz_button a {
  border: none !important;
  box-shadow: 0 4px 12px rgba(255,122,0,.25) !important;
}

/* Si un thème force une bordure noire via * {border:1px solid #000;} */
.ldqs-quiz-wrap * {
  border-color: #e9ecef !important;
}

/* Ajuste aussi la couleur du texte pour plus de contraste */
.wpProQuiz_answerCorrect label {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}
.wpProQuiz_answerIncorrect label {
  color: #1a1a1a !important;
}

/* Supprime les anciennes bordures pour éviter le double effet */
.wpProQuiz_listItem {
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
/* ===== Corrige les couleurs des barres de score LearnDash ===== */

/* Score moyen → orange */
.wpProQuiz_resultValue.wpProQuiz_resultValue_AvgScore .progress-meter {
  background-color: #ff7a00 !important;
  border-color: #ff7a00 !important;
}

/* Votre score → vert */
.wpProQuiz_resultValue.wpProQuiz_resultValue_YourScore .progress-meter {
  background-color: #25d366 !important;
  border-color: #25d366 !important;
}

/* Apparence globale des barres */
.wpProQuiz_resultProgress {
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  background: #f5f5f5 !important;
  height: 16px !important;
}


/* Masquer le bouton/lien "Continue" partout */
#quiz_continue_link,
.quiz_continue_link,
.ld-quiz-actions #quiz_continue_link {
  display: none !important;
  visibility: hidden !important;
}

/* Ajuste l'espacement des autres boutons à côté */
.ld-quiz-actions {
  gap: 12px;
}
.ldqs-topbar{ display:flex; gap:12px; align-items:center; margin:8px 0 12px; }
.ldqs-attempts{
  display:inline-flex; align-items:center; gap:8px;
  background:#fff7f0; border:1px solid #ffb366; color:#cc5200;
  padding:6px 10px; border-radius:10px; font-weight:700;
}
.ldqs-attempts .ldqs-chip{
  background:#ff7a00; color:#fff; padding:2px 10px; border-radius:999px; font-weight:800;
}
/* Cacher la barre de progression LearnDash dans la zone quiz */
.ldqs-quiz-wrap .learndash-wrapper .ld-course-status,
.ldqs-quiz-wrap .learndash-wrapper .ld-progress,
.ldqs-quiz-wrap .learndash-wrapper .ld-progress-inline,
.ldqs-quiz-wrap .learndash-wrapper .ld-progress-bar,
.ldqs-quiz-wrap .learndash-wrapper .ld-progress-heading {
  display: none !important;
}

/* Compteur de tentatives (badge) */
.ldqs-attempts {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff7f0;
  border: 1px solid #ffb366;
  color: #cc5200;
  padding: 6px 10px;
  border-radius: 10px;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.ldqs-attempts .ldqs-chip {
  background: #ff7a00;
  color: #fff;
  padding: 2px 10px;
  border-radius: 999px;
  font-weight: 800;
}
.ldqs-chip {
  background-color: #27ae60 !important; /* Vert */
  color: white !important;
  font-weight: bold;
  border-radius: 50%;
  padding: 6px 12px;
  display: inline-block;
  text-align: center;
  min-width: 32px;
  line-height: 1.2;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.ldqs-attempts {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}
/* style de base d'une option (notre classe) */
.ldqs-choice {
  border: 1.5px solid #d9dde3;
  border-radius: 10px;
  padding: 12px 14px;
  margin: 10px 0;
  transition: all .18s ease;
  background: #fff;
  cursor: pointer;
}

/* hover local */
.ldqs-choice.is-hover {
  border-color: #ff7a00;
  background: #fff7f0;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  transform: translateY(-1px);
}

/* sélection (radio/checkbox cochés) */
.ldqs-choice.is-checked {
  border-color: #ff7a00;
  background: #fff3e6;
  box-shadow: 0 2px 10px rgba(255,122,0,.15);
}



/* 2) "Question n°X" : carré/cadre bleu visible */
.ldqs-qnum{
  display:inline-block;
  border:2px solid var(--ldqs-blue);
  background:var(--ldqs-blue-soft);
  color:var(--ldqs-blue-dark);
  border-radius:8px; padding:4px 8px; margin-right:8px; font-weight:800;
}
.wpProQuiz_question_text{ display:flex; align-items:center; gap:6px; }

/* 3) Options plus "vivantes" en bleu */
.ldqs-choice{
  border:1.5px solid #d9dde3; border-radius:10px;
  background:#fff; padding:12px 14px; margin:10px 0;
  transition:all .18s ease; cursor:pointer; position:relative;
}
.ldqs-choice.is-hover{
  border-color:var(--ldqs-blue);
  background:linear-gradient(0deg, var(--ldqs-blue-soft), #fff);
  box-shadow:0 6px 18px rgba(0,123,255,.12);
  transform:translateY(-1px);
}
.ldqs-choice.is-checked{
  border-color:var(--ldqs-blue);
  background:var(--ldqs-blue-soft);
  box-shadow:0 8px 22px rgba(0,123,255,.18);
}
.ldqs-choice label{ display:block; cursor:pointer; }

/* 4) Baisser l’opacité du grand bloc blanc */
.learndash-wrapper .wpProQuiz_content,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_quiz,
.learndash-wrapper .ld-quiz {
  background: rgba(255,255,255,0.88) !important;   /* opacité réduite */
  backdrop-filter: blur(2px);                        /* léger adoucissement */
  border-radius: 12px;
}
/* === Un SEUL cadre : .ld-quiz-wrap (verre givré) === */
.ldqs-stage-quiz .learndash-wrapper .ld-quiz-wrap,
.learndash-wrapper .ld-quiz-wrap {
  background: rgba(255,255,255,0.18) !important;   /* transparence */
  backdrop-filter: blur(14px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 32px rgba(0,0,0,0.14) !important;
  padding: 24px !important;
}

/* === On SUPPRIME tous les cadres/fonds internes === */
.learndash-wrapper .ld-quiz-wrap .wpProQuiz_content,
.learndash-wrapper .ld-quiz-wrap .wpProQuiz_quiz,
.learndash-wrapper .ld-quiz-wrap .wpProQuiz_reviewDiv,
.learndash-wrapper .ld-quiz-wrap .wpProQuiz_result,
.learndash-wrapper .ld-quiz-wrap .wpProQuiz_resultTable,
.learndash-wrapper .ld-quiz-wrap .ld-tabs,
.learndash-wrapper .ld-quiz-wrap .ld-quiz-actions,
.learndash-wrapper .ld-quiz-wrap .ld-box,
.learndash-wrapper .ld-quiz-wrap .ld-progress,
.learndash-wrapper .ld-quiz-wrap [class*="wpProQuiz_"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Titre de question : petit cartouche bleu (facultatif) */
.wpProQuiz_question_text {
  background: rgba(233,243,255,0.6) !important;
  border: 2px solid #007bff !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  color: #0a0a0a !important;
}


/* Badge "Nombre de Couches" bleu, sans cadre supplémentaire */
.ldqs-attempts {
  border: 2px solid #007bff !important;
  background: #eaf2ff !important;
  color: #0056b3 !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  box-shadow: none !important;
}
.ldqs-last-time {
  display: inline-block;
  margin-left: 10px;
  font-size: 13px;
  color: #007bff; /* bleu doux pour contraster avec le vert */
  opacity: 0.8;
}
.ldqs-attempts .ldqs-chip {
  background: #007bff !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 2px 10px !important;
}

/* Réduction du grand cadre LearnDash (quiz wrapper) */
.ldqs-quiz-wrap,
.learndash-wrapper .ld-quiz {
  padding: 10px 20px !important;   /* réduit les marges internes */
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  border-radius: 12px !important;
  background-color: rgba(255, 255, 255, 0.88) !important; /* blanc transparent */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Réduit l’espace entre les questions */
.wpProQuiz_content,
.learndash-wrapper .ld-quiz-question {
  margin-bottom: 10px !important;
}

/* Réduit les blocs de réponses */
.wpProQuiz_questionList,
.ld-question-list {
  padding: 5px 0 !important;
}

/* Optionnel : rend les cases un peu plus compactes */
.wpProQuiz_questionListItem,
.ld-question-choice {
  margin: 4px 0 !important;
}
/* ===========================
   1️⃣ Bloc global du quiz
   =========================== */
.ldqs-quiz-wrap,
.learndash-wrapper .ld-quiz {
  background: rgba(255, 255, 255, 0.92) !important; /* blanc légèrement plus opaque */
  border-radius: 12px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
  padding: 16px 24px !important;     /* cadre un peu plus large */
  margin: 20px auto !important;
  max-width: 88% !important;         /* un peu plus grand que 85% */
  transform: scale(0.97);
  transform-origin: top center;
}

/* ===========================
   2️⃣ Bloc "Nombre de Couches"
   =========================== */
.ldqs-attempts {
  font-size: 14px !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
  background: rgba(0, 176, 80, 0.15) !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px !important;
}

.ldqs-chip {
  background: #00b050 !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  font-size: 12px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 3px rgba(0,0,0,0.15);
}

/* ===========================
   3️⃣ Questions et réponses
   =========================== */
.ld-question, .wpProQuiz_content {
  font-size: 15px !important; /* plus lisible */
  margin: 6px 0 !important;
}

.wpProQuiz_questionListItem,
.ld-question-choice {
  margin: 5px 0 !important;
  padding: 6px 8px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease-in-out;
}

.wpProQuiz_questionListItem:hover,
.ld-question-choice:hover {
  background: rgba(255, 122, 0, 0.12) !important; /* effet hover orange léger */
  transform: scale(1.02);
}

/* ===========================
   4️⃣ Bouton "Vérifier" (style original restauré)
   =========================== */
.wpProQuiz_button, .ld-button {
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 8px 22px !important;     /* taille d’origine */
  border-radius: 6px !important;
  background: #ff7A00 !important;   /* ton orange d’origine */
  color: #fff !important;
  border: none !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  transition: all 0.25s ease;
}

.wpProQuiz_button:hover, .ld-button:hover {
  background: #e56d00 !important;
  transform: translateY(-1px);
}

/* ===========================
   5️⃣ Ajustements mobiles (optionnel)
   =========================== */
@media (max-width: 768px) {
  .ldqs-quiz-wrap {
    max-width: 95% !important;
    padding: 12px 16px !important;
    transform: none;
  }

  .ldqs-attempts {
    font-size: 13px !important;
  }

  .wpProQuiz_button {
    width: 100% !important;
    text-align: center;
  }
}
/* 🔵 Neutraliser totalement le hover orange sur les options */
.learndash-wrapper .wpProQuiz_questionListItem:hover,
.learndash-wrapper .wpProQuiz_questionListItem:hover label,
.learndash-wrapper .ld-question-choice:hover,
.learndash-wrapper .ld-question-choice:hover label {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-left: 0 !important;
  filter: none !important;
  transform: none !important; /* si on avait mis un petit zoom */
}

/* Certains thèmes ajoutent une surcouche via ::before/::after au survol */
.learndash-wrapper .wpProQuiz_questionListItem:hover::before,
.learndash-wrapper .wpProQuiz_questionListItem:hover::after,
.learndash-wrapper .wpProQuiz_questionListItem:hover label::before,
.learndash-wrapper .wpProQuiz_questionListItem:hover label::after,
.learndash-wrapper .ld-question-choice:hover::before,
.learndash-wrapper .ld-question-choice:hover::after,
.learndash-wrapper .ld-question-choice:hover label::before,
.learndash-wrapper .ld-question-choice:hover label::after {
  content: none !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
/* 🔵 Hover BLEU pour les options */
.learndash-wrapper .wpProQuiz_questionListItem:hover label,
.learndash-wrapper .ld-question-choice:hover label {
  background: rgba(0, 102, 255, 0.1) !important; /* bleu clair */
  box-shadow: 0 0 6px rgba(0, 102, 255, 0.3) !important;
  border-left: 2px solid #0066ff !important;
  transition: all 0.2s ease-in-out;
}

.ldqs-stats { margin: 12px 0; }
.ldqs-stats-controls{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
.ldqs-stats-controls label{ display:flex; flex-direction:column; font-weight:600; color:#345; font-size:14px; }
.ldqs-stats-controls select{ min-width:260px; padding:6px 10px; border:1px solid #cfd6e0; border-radius:8px; background:#fff; }

/* Contrôles */
.ldqs-chart-controls{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 14px}
.ldqs-chart-controls label{display:flex;flex-direction:column;font-weight:600;color:#2b3a4a}
.ldqs-chart-controls select{min-width:260px;padding:8px 10px;border:1px solid #cfd6e0;border-radius:8px;background:#fff}

/* Résumé */
.ldqs-summary-card{background:rgba(255,255,255,.92);border:1px solid #e6e9ef;border-radius:10px;padding:10px 12px;box-shadow:0 2px 6px rgba(0,0,0,.06);margin-bottom:10px}
.ldqs-summary-title{font-weight:700;margin-bottom:4px}
.ldqs-note{color:#445;opacity:.8}

/* Zone graphique */
.ldqs-chart-area{display:flex;align-items:flex-end;gap:10px;margin-top:8px}
.ldqs-chart-y{width:36px;text-align:right;font-size:12px;color:#445;opacity:.7}
.ldqs-chart-grid{position:relative;flex:1;padding:8px 6px 22px;border:1px solid #e6e9ef;border-radius:10px;background:rgba(255,255,255,.92);box-shadow:0 2px 6px rgba(0,0,0,.06)}
.ldqs-bars{display:flex;align-items:flex-end;gap:10px;height:180px}
.ldqs-bar{width:28px;border-radius:6px 6px 0 0;position:relative}
.ldqs-bar-val{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;color:#123;background:rgba(255,255,255,.9);padding:1px 4px;border-radius:4px;border:1px solid #e6e9ef}
.ldqs-xlabels{display:flex;gap:10px;justify-content:flex-start;padding:4px 0 0}
.ldqs-xlab{width:28px;text-align:center;font-size:11px;color:#445;opacity:.85}
/* Couleur par défaut du score */
.ld-table-list-column-scores {
  color: #222 !important;
  font-weight: 600 !important;
}
/* ===========================
   TABLEAU DES QUIZZ LEARNDASH
   =========================== */

/* Fond et lisibilité générale */
.ld-table-list-item {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
}
.ld-table-list-item:hover {
  background-color: #f8fafc !important;
}

/* Colonnes générales (texte plus lisible) */
.ld-table-list .ld-table-list-column-scores,
.ld-table-list .ld-table-list-column-date,
.ld-table-list .ld-table-list-column-stats a {
  color: #1f2937 !important; /* gris foncé */
  font-weight: 600 !important;
}

/* Bouton "Vue" bleu cohérent avec iCure */
.ld-table-list .ld-table-list-column-stats a {
  color: #0ea5e9 !important;
  text-decoration: none !important;
}
.ld-table-list .ld-table-list-column-stats a:hover {
  color: #0284c7 !important;
}

/* =============== COULEURS DYNAMIQUES DES SCORES =============== */

/* Par défaut */
.ld-table-list-column-scores {
  color: #1f2937 !important;
  font-weight: 700;
}

/* Scores faibles (< 50%) → rouge */
.ld-table-list-column-scores.ld-score-low {
  color: #dc2626 !important; /* rouge vif */
}

/* Scores moyens/élevés (≥ 50%) → vert */
.ld-table-list-column-scores.ld-score-high {
  color: #16a34a !important; /* vert */
}

/* ===========================
   OPTIONNEL : mode sombre
   =========================== */
body[data-theme="dark"] .ld-table-list-item {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}
body[data-theme="dark"] .ld-table-list .ld-table-list-column-scores,
body[data-theme="dark"] .ld-table-list .ld-table-list-column-date {
  color: #f1f5f9 !important;
}

/***** LOOK & FEEL – propre, lisible, responsive *****/
:root{
  --ld-bg: #0b1020;           /* fond page */
  --ld-card: #11182b;         /* fond cartes */
  --ld-border: #1f2940;
  --ld-soft: #24304d;
  --ld-text: #e7edff;
  --ld-muted: #9fb1d6;
  --ld-accent: #5aa9ff;
  --ld-accent-2: #7bd389;
  --ld-shadow: 0 10px 30px rgba(0,0,0,.35);
  --ld-radius: 14px;
  --ld-pad: 14px;
}

body{ background: var(--ld-bg); }

.ld-stats-wrap{
  color: var(--ld-text);
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)) ;
  border: 1px solid var(--ld-border);
  border-radius: 18px;
  padding: 20px;
  box-shadow: var(--ld-shadow);
  backdrop-filter: blur(4px);
}

/* Titres + séparateurs */
.ld-stats-wrap h3{
  margin: 8px 0 12px;
  font-weight: 700;
  letter-spacing: .2px;
}
.ld-stats-wrap hr{
  border: none;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--ld-soft), transparent);
  margin: 26px 0;
}

/* Cartes autour des graphs */
.ld-stats-wrap canvas{
  background: var(--ld-card);
  border: 1px solid var(--ld-border);
  border-radius: var(--ld-radius);
  padding: var(--ld-pad);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

/* Barre de contrôle (période, sélecteurs) */
.ld-stats-wrap #ldRange,
.ld-stats-wrap select{
  appearance: none;
  background: var(--ld-card);
  color: var(--ld-text);
  border: 1px solid var(--ld-border);
  border-radius: 10px;
  padding: 10px 12px;
  min-width: 200px;
  line-height: 1.2;
  transition: border-color .2s, box-shadow .2s, transform .06s;
}
.ld-stats-wrap #ldRange:hover,
.ld-stats-wrap select:hover{
  border-color: var(--ld-accent);
}
.ld-stats-wrap #ldRange:focus,
.ld-stats-wrap select:focus{
  outline: none;
  border-color: var(--ld-accent);
  box-shadow: 0 0 0 3px rgba(90,169,255,.25);
}
.ld-stats-wrap label{
  color: var(--ld-muted);
  font-weight: 600;
}

/* Checkbox (+ hit-area) */
.ld-stats-wrap input[type="checkbox"]{
  width: 18px; height: 18px;
  accent-color: var(--ld-accent);
  cursor: pointer;
}
.ld-stats-wrap input[type="checkbox"] + span{
  user-select: none; cursor: pointer;
}

/* Messages vides / erreurs */
#ldEmptyMsg{
  margin-left: 10px;
  color: var(--ld-muted);
  font-style: italic;
}

/* Petite “barrette” d’info optionnelle (si tu actives debug=1) */
details[open] > summary { color: var(--ld-accent-2); }
details > summary { cursor: pointer; }

/* Layout: contrôles responsives */
.ld-stats-wrap .controls-row,
.ld-stats-wrap > div:first-child{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 768px){
  .ld-stats-wrap select{ min-width: 100%; }
  .ld-stats-wrap .controls-row,
  .ld-stats-wrap > div:first-child{ gap: 10px; }
}

/* Effet “hover” subtil sur la carte du graphe */
.ld-stats-wrap canvas:hover{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 10px 30px rgba(0,0,0,.25);
  transform: translateY(-1px);
  transition: box-shadow .2s, transform .12s ease-out;
}

/* Bouton lien “forcer sans cache” (quand debug=1) */
.ld-stats-wrap a{ color: var(--ld-accent); text-decoration: none; }
.ld-stats-wrap a:hover{ text-decoration: underline; }

/* Si tu veux une alternative claire automatiquement selon l’OS */
@media (prefers-color-scheme: light){
  :root{
    --ld-bg: #f5f7fb;
    --ld-card: #ffffff;
    --ld-border: #e6ecf5;
    --ld-soft: #e9eef8;
    --ld-text: #102039;
    --ld-muted: #5a6b8a;
    --ld-accent: #1c7df0;
    --ld-accent-2: #17a673;
    --ld-shadow: 0 8px 24px rgba(16,32,57,.08);
  }
}
Vous avez envoyé
/* Texte en blanc partout (jour et nuit) */
.ld-stats-wrap, 
.ld-stats-wrap h3, 
.ld-stats-wrap label, 
.ld-stats-wrap #ldEmptyMsg { color:#fff !important; }

/* Canvas un peu plus compacts (si l'attribut HTML est ignoré) */
.ld-stats-wrap canvas{ height: 240px !important; }
@media (max-width: 768px){
  .ld-stats-wrap canvas{ height: 220px !important; }
}

/* Contraste des selects et checkbox, et halo focus */
.ld-stats-wrap select{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  color:#fff;
}
.ld-stats-wrap select:hover{ border-color: rgba(255,255,255,.35); }
.ld-stats-wrap select:focus{
  outline:none;
  box-shadow: 0 0 0 3px rgba(90,169,255,.35);
  border-color: rgba(90,169,255,.8);
}
.ld-stats-wrap input[type="checkbox"]{ accent-color:#5aa9ff; }


/* Style pilule pour TOUS les selects, y compris Période */
.ld-stats-wrap select,
#ldRange{
  appearance: none;
  background: rgba(28,125,240,.18);
  border: 1px solid rgba(28,125,240,.45);
  color: #fff;
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 600;
  letter-spacing: .2px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 6px rgba(0,0,0,.2);
}
.ld-stats-wrap select:hover,
#ldRange:hover{ border-color: rgba(28,125,240,.8); }
.ld-stats-wrap select:focus,
#ldRange:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(90,169,255,.35);
  border-color: rgba(90,169,255,.9);
}
/* Rend le fond du sélecteur de période transparent comme les autres */
#ldRange {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  color: #fff !important;
}

#ldRange:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}
/* --- Responsive complet smartphone / tablette --- */

/* Réduction hauteur + marges pour les graphes */
@media (max-width:1024px){
  #ldChartCourses, #ldChartQuizzes{
    height: 220px !important;
  }
}

@media (max-width:768px){
  #ldChartCourses, #ldChartQuizzes{
    height: 180px !important;
  }
  .ld-stats-wrap h3{
    font-size: 1.1rem !important;
  }
  .ld-stats-wrap select{
    font-size: 0.9rem !important;
    padding: 6px 10px !important;
  }
  .controls-row{
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }
}

/* Ultra petit écran (smartphones < 480px) */
@media (max-width:480px){
  #ldChartCourses, #ldChartQuizzes{
    height: 160px !important;
  }
  .ld-stats-wrap h3{
    font-size: 1rem !important;
  }
  .ld-stats-wrap select{
    width: 100% !important;
    font-size: 0.85rem !important;
  }
  .controls-row{
    width: 100% !important;
    gap: 4px !important;
  }
}/* ===== Interactivité et accentuation visuelle ===== */

/* 1️⃣ Curseur + effet hover sur le canvas */
.ld-stats-wrap canvas {
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  cursor: pointer;
}
.ld-stats-wrap canvas:hover {
  transform: scale(1.01);
  box-shadow: 0 0 12px rgba(255,255,255,0.25);
}

/* 2️⃣ Texte des labels (axes X et Y) plus gras et plus lisible */
.ld-stats-wrap .chartjs-size-monitor,
.ld-stats-wrap text {
  font-weight: 600 !important;
  fill: #fff !important;
}

/* 3️⃣ Transition douce pour les barres au hover */
canvas[id^="ldChart"] {
  transition: all 0.25s ease-in-out;
}

/* 4️⃣ Effet visuel plus “flashy” sur les barres au survol */
canvas[id^="ldChart"]:hover {
  filter: brightness(1.2) contrast(1.1);
}
/* Badge + pastilles sur une seule ligne, sans agrandir le badge */
.ld-badge-inline{display:inline-block; vertical-align:middle}

#ld-quiz-dots{
  display:inline-flex; align-items:center; gap:6px;
  margin-left:10px; vertical-align:middle;
}

/* pastilles rondes, petites et lisibles */
#ld-quiz-dots .quiz-dot{
  width:22px; height:22px; border-radius:50%;
  background:#e5e7eb; border:1px solid #cbd5e1; color:#111;
  display:flex; align-items:center; justify-content:center;
  font-size:12px; line-height:1; font-weight:700; user-select:none;
  padding:0;
}

#ld-quiz-dots .quiz-dot.is-current{outline:2px solid #94a3b8; outline-offset:2px}
#ld-quiz-dots .quiz-dot.is-correct{background:#16a34a; border-color:#0d7d36; color:#fff}
#ld-quiz-dots .quiz-dot.is-wrong{background:#2563eb; border-color:#1e40af; color:#fff}
/* La topbar sert d'ancre, rien ne bouge */
.ldqs-topbar{
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Pastilles centrées horizontalement sur la même ligne */
#ld-quiz-dots{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;                 /* aligner verticalement au milieu de la barre */
  transform: translate(-50%, -50%) !important;
  display: inline-flex !important;
  gap: 8px !important;
  z-index: 1;
}

/* boutons (inchangé) */
#ld-quiz-dots .quiz-dot{
  width:22px;height:22px;border-radius:50%;
  background:#e5e7eb;border:1px solid #cbd5e1;color:#111;
  display:flex;align-items:center;justify-content:center;
  font:700 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  user-select:none;cursor:pointer;
}
#ld-quiz-dots .quiz-dot.is-correct{background:#16a34a;border-color:#0d7d36;color:#fff} /* VERT */
#ld-quiz-dots .quiz-dot.is-wrong{background:#dc2626;border-color:#991b1b;color:#fff}   /* ROUGE (faux/partiel) */



/* Met en valeur "Correct answer" */
.ld-quiz-question-item_status--missed,
.wpProQuiz_AnswerMessage {
  display: inline-block !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: #16a34a !important; /* Vert vif */
  border: 2px solid #0d7d36 !important; /* Vert foncé contrasté */
  padding: 4px 10px !important;
  border-radius: 6px !important;
  box-shadow: 0 0 6px rgba(21, 128, 61, 0.4) !important;
  margin-top: 6px !important;
}

/* Colle le quiz juste en dessous du "Nombre de couches" */
.ldqs-topbar {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Colle le contenu du quiz à la topbar */
.wpProQuiz_content {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border: none !important;
}



/* Colle le bas du quiz au bouton "Vérifier" */
.wpProQuiz_button[name="check"] {
  margin-top: 0px !important;
}

/* Supprime toute marge latérale et inférieure du quiz LearnDash */
.learndash-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Optionnel : supprime les ombres globales autour du cadre */
.ldqs-stage-quiz {
  box-shadow: none !important;
  border: none !important;
}



/* ==== Harmonisation des styles WPProQuiz ==== */

/* ✅ Réponse correcte : fond vert vif */
.wpProQuiz_answerCorrect,
.wpProQuiz_answerCorrect label,
.wpProQuiz_listItem.wpProQuiz_answerCorrect {
  background-color: #16a34a !important; /* vert vif (exactement comme la pastille n°3) */
  color: #111 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease-in-out;
}

/* ❌ Réponse incorrecte : fond rouge vif */
.wpProQuiz_answerIncorrect,
.wpProQuiz_answerIncorrect label,
.wpProQuiz_listItem.wpProQuiz_answerIncorrect {
  background-color: #dc2626 !important; /* rouge vif (même teinte que la pastille n°4) */
  color: #111 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease-in-out;
}

/* ✅ Texte toujours noir et lisible */
.wpProQuiz_answerCorrect label,
.wpProQuiz_answerIncorrect label {
  color: #111 !important;
  font-weight: 600 !important;
}
/* Texte vert vif pour "Correct answer" (missed = bonne réponse manquée) */
.learndash-wrapper .wpProQuiz_listItem label .ld-quiz-question-item__status--missed,
.learndash-wrapper .ld-quiz-question-item__status--missed {
  color: #16a34a !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

/* Au cas où LearnDash met un style inline */
.learndash-wrapper .ld-quiz-question-item__status--missed[style] {
  color: #16a34a !important;
  background: transparent !important;
  border: 0 !important;
}


/* ======== Correction page "Mot de passe perdu" — visiteurs déconnectés ======== */
body:not(.logged-in) form.woocommerce-ResetPassword.lost_reset_password {
  
  /* Texte d’intro */
  p {
    color: #ffffff !important;
  }

  /* Label : "Identifiant ou e-mail" */
  label {
    color: #ffffff !important;
    font-weight: 600 !important;
  }

  /* Champs texte (identifiant ou email) */
  input.woocommerce-Input,
  input.input-text {
    color: #ffffff !important;                  /* texte en blanc */
    background: rgba(255, 255, 255, 0.15) !important; /* fond clair transparent */
    border: 1px solid rgba(255,255,255,0.4) !important;
  }

  /* Placeholder en blanc */
  input.woocommerce-Input::placeholder,
  input.input-text::placeholder {
    color: #ffffff !important;
    opacity: 0.85 !important;
  }

  /* Bouton "Réinitialisation du mot de passe" */
  button,
  input[type="submit"],
  .woocommerce-Button {
    background-color: #ff8c00 !important; /* orange */
    color: #ffffff !important;
    border: none !important;
    padding: 12px 20px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
  }
}
/* Rendre le message WooCommerce blanc */
.woocommerce-message,
.woocommerce-message p {
    color: #ffffff !important;
}

/* Personnaliser l’arrière-plan si tu veux qu’on voie mieux */
.woocommerce-message {
    background: #0e1e46 !important; /* bleu foncé (modifie si tu veux) */
    padding: 15px;
    border-radius: 8px;
}

/* Centrer */
.woocommerce-message p {
    text-align: center;
}
.resetpass-msg {
    color: #ffffff !important;
    background: #0e1e46 !important;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}
/* Force la couleur en blanc sur le message WooCommerce, en surpassant Elementor */
.elementor-element.elementor-widget-text-editor .woocommerce-message p,
.elementor-element.elementor-widget-text-editor .woocommerce-message,
.elementor-element.elementor-widget-text-editor .woocommerce-message * {
    color: #ffffff !important;
}

/* Optionnel : rendre le fond légèrement plus lisible */
.elementor-element.elementor-widget-text-editor .woocommerce-message {
    background: rgba(0,0,0,0.25) !important;
    padding: 15px !important;
    border-radius: 8px !important;
}

/* Optionnel : ajouter ton texte 'vérifiez vos spams' */
.elementor-element.elementor-widget-text-editor .woocommerce-message::after {
    content: "N’oubliez pas de vérifier vos courriers indésirables (SPAM).";
    display: block;
    margin-top: 10px;
    color: #ffffff !important;
    font-size: 14
}
/* === Centrage et style des 4 boutons (uniquement si connecté) === */
body.logged-in nav#site-navigation { display:flex; justify-content:center; align-items:center; position:relative; }

/* Garde logo & logout à leurs emplacements (ajuste les sélecteurs si ton logo est autre) */
body.logged-in nav#site-navigation .menu > li.menu-item-logo { position:absolute; left:18px; }
body.logged-in nav#site-navigation .menu > li.menu-item-logout { position:absolute; right:18px; }

/* Cible exacte des 4 boutons par href (met les variantes si besoin) */
body.logged-in nav#site-navigation .menu > li > a[href="/dashboard"],
body.logged-in nav#site-navigation .menu > li > a[href="/Dashboard"],
body.logged-in nav#site-navigation .menu > li > a[href="/qcms"],
body.logged-in nav#site-navigation .menu > li > a[href="/QCMS"],
body.logged-in nav#site-navigation .menu > li > a[href="/Statistiques"],
body.logged-in nav#site-navigation .menu > li > a[href="/statistiques"],
body.logged-in nav#site-navigation .menu > li > a[href="/profile"],
body.logged-in nav#site-navigation .menu > li > a[href="/Profile"],
body.logged-in nav#site-navigation .menu > li > a[href="/home"] {   /* ← AJOUT EXACTEMENT ICI */
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:10px 20px;
  border-radius:12px;
  background:#ffffff;
  color:#12315a;
  font-weight:700;
  box-shadow: 0 6px 18px rgba(3,12,34,0.08);
  transition: transform .18s ease, box-shadow .18s ease, background .25s ease, color .18s ease;
  margin:0 8px;
}
/* Valeur par défaut (en dessous de 1025px si nécessaire) */
body.logged-in nav#site-navigation .menu {
  display: inline-flex !important;
  gap: 20px; /* valeur par défaut si tu veux */
  align-items: center;
  justify-content: center;
}

/* 1 — Entre 1025px et 1140px */
@media (min-width: 1025px) and (max-width: 1140px) {
  body.logged-in nav#site-navigation .menu {
    gap: 35px; /* Mets ta valeur */
  }
}

/* 2 — Entre 1140px et 1240px */
@media (min-width: 1140px) and (max-width: 1240px) {
  body.logged-in nav#site-navigation .menu {
    gap: 70px; /* Mets ta valeur */
  }
}

/* 3 — Entre 1240px et 1339px */
@media (min-width: 1240px) and (max-width: 1340px) {
  body.logged-in nav#site-navigation .menu {
    gap: 95px; /* Mets ta valeur */
  }
}

/* 4 — 1339px ou plus */
@media (min-width: 1340px) {
  body.logged-in nav#site-navigation .menu {
    gap: 120px; /* Mets ta valeur max */
  }
}


/* Hover spectaculaire sur ces 4 boutons */
body.logged-in nav#site-navigation .menu > li > a[href*="/dashboard"]:not(.menu-item-logout):hover,
body.logged-in nav#site-navigation .menu > li > a[href*="/qcms"]:not(.menu-item-logout):hover,
body.logged-in nav#site-navigation .menu > li > a[href*="/stat"]:not(.menu-item-logout):hover,
body.logged-in nav#site-navigation .menu > li > a[href*="/profile"]:not(.menu-item-logout):hover,
body.logged-in nav#site-navigation .menu > li > a[href*="/home"]:not(.menu-item-logout):hover {  /* ← AJOUT */
  transform: translateY(-4px) scale(1.03);
  background: linear-gradient(90deg, #ff8a00, #ff5e00);
  color: #fff !important;
  box-shadow: 0 18px 48px rgba(255,110,20,0.26);
  z-index:30;
}

/* Assure que logout n’est pas affecté */
body.logged-in nav#site-navigation .menu > li.menu-item-logout > a {
  position: static !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  padding: 0 !important;
}

/* Responsive : petit ajustement mobile */
@media(max-width: 779px){
  body.logged-in nav#site-navigation { justify-content:flex-start; }
  body.logged-in nav#site-navigation .menu { gap:8px; }
  body.logged-in nav#site-navigation .menu > li > a { padding:8px 12px; min-height:44px; }
}/* End custom CSS */