@charset "UTF-8";
/* ============================================================
   mkdocs-superquiz — DARK THEME
   quiz-dark.scss

   Applied when mkdocs-material uses [data-md-color-scheme="slate"].
   Overrides CSS custom properties and targeted component styles.
   All structure / layout is in quiz-light.scss.
   ============================================================ */
[data-md-color-scheme=slate] {
  /* ============================================================
     1. COLOR TOKEN OVERRIDES
     ============================================================ */
  /* — Brand palette (brighter for dark surfaces) — */
  --mkq-primary: #42a5f5;
  --mkq-success: #66bb6a;
  --mkq-error: #ef5350;
  --mkq-warning: #ffa726;
  /* — Surface & text — */
  --mkq-bg: #1e1e1e;
  --mkq-surface: #2a2a2a;
  --mkq-border: #424242;
  --mkq-text: #e0e0e0;
  --mkq-text-secondary: #9e9e9e;
  --mkq-hover: #2a2a2a;
  --mkq-shadow: rgba(0, 0, 0, 0.3);
  /* — Quiz type accent colors (lighter, higher contrast on dark) — */
  --mkq-mcquiz-color: #42a5f5;
  --mkq-scquiz-color: #ffa726;
  --mkq-fillblanks-color: #ab47bc;
  --mkq-scdropdown-color: #26a69a;
  --mkq-mcdropdown-color: #f06292;
  /* — State colors (alpha variants, adjusted for dark) — */
  --mkq-success-bg: rgba(102, 187, 106, 0.12);
  --mkq-success-bg-strong: rgba(102, 187, 106, 0.25);
  --mkq-success-border: rgba(102, 187, 106, 0.4);
  --mkq-success-shadow: rgba(102, 187, 106, 0.2);
  --mkq-error-bg: rgba(239, 83, 80, 0.12);
  --mkq-error-border: rgba(239, 83, 80, 0.4);
  --mkq-warning-bg: rgba(255, 167, 38, 0.15);
  --mkq-primary-bg: rgba(66, 165, 245, 0.12);
  --mkq-primary-shadow: rgba(66, 165, 245, 0.25);
  /* ============================================================
     2. BASE QUIZ CONTAINER
     ============================================================ */
}
[data-md-color-scheme=slate] .mkdocs-superquiz {
  background: var(--mkq-bg);
  border-color: var(--mkq-border);
}
[data-md-color-scheme=slate] .mkdocs-superquiz .admonition-title {
  color: var(--mkq-text);
}
[data-md-color-scheme=slate] {
  /* ============================================================
     3. LOCK / UNLOCK ICONS
     ============================================================ */
}
[data-md-color-scheme=slate] .mkq-unlock-btn.unlocked,
[data-md-color-scheme=slate] .mkq-lock-indicator.unlocked {
  color: var(--mkq-success);
}
[data-md-color-scheme=slate] .mkq-unlock-btn.locked,
[data-md-color-scheme=slate] .mkq-lock-indicator.locked {
  color: var(--mkq-warning);
}
[data-md-color-scheme=slate] .mkq-unlock-btn.locked-permanent,
[data-md-color-scheme=slate] .mkq-lock-indicator.locked-permanent {
  color: var(--mkq-error);
}
[data-md-color-scheme=slate] {
  /* ============================================================
     4. QUESTIONS
     ============================================================ */
}
[data-md-color-scheme=slate] .mkq-question {
  background: var(--mkq-surface);
}
[data-md-color-scheme=slate] .mkq-question .mkq-question-text {
  color: var(--mkq-text);
}
[data-md-color-scheme=slate] .mkq-question .mkq-question-text .mkq-number {
  color: var(--mkq-primary);
}
[data-md-color-scheme=slate] {
  /* ============================================================
     4b. RICH CONTENT (images, iframes, markdown, html)
     ============================================================ */
}
[data-md-color-scheme=slate] .mkq-rich-content img {
  opacity: 0.92;
  box-shadow: 0 0 0 1px var(--mkq-border);
}
[data-md-color-scheme=slate] .mkq-rich-content iframe {
  box-shadow: 0 0 0 1px var(--mkq-border);
}
[data-md-color-scheme=slate] .mkdocs-superquiz > .mkq-rich-content {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 4px;
  padding: 0.5rem 0.75rem;
}
[data-md-color-scheme=slate] .mkq-question .mkq-rich-content {
  background: transparent;
}
[data-md-color-scheme=slate] {
  /* ============================================================
     5. ANSWER CHOICES  (mcquiz / scquiz)
     ============================================================ */
}
[data-md-color-scheme=slate] .mkq-answer:hover {
  background: #333333;
}
[data-md-color-scheme=slate] .mkq-answer .mkq-answer-text {
  color: var(--mkq-text);
}
[data-md-color-scheme=slate] .mkq-answer .mkq-answer-feedback.correct {
  color: var(--mkq-success);
}
[data-md-color-scheme=slate] .mkq-answer .mkq-answer-feedback.incorrect {
  color: var(--mkq-error);
}
[data-md-color-scheme=slate] .mkq-answer.correct {
  background: var(--mkq-success-bg);
  border-left-color: var(--mkq-success);
}
[data-md-color-scheme=slate] .mkq-answer.incorrect {
  background: var(--mkq-error-bg);
  border-left-color: var(--mkq-error);
}
[data-md-color-scheme=slate] {
  /* ============================================================
     6. FILLBLANKS — INPUT FIELDS
     ============================================================ */
}
[data-md-color-scheme=slate] .mkq-blank-input {
  background: var(--mkq-bg);
  color: var(--mkq-text);
  border-color: var(--mkq-border);
}
[data-md-color-scheme=slate] .mkq-blank-input:focus {
  border-color: var(--mkq-primary);
}
[data-md-color-scheme=slate] .mkq-blank-input.correct {
  border-color: var(--mkq-success);
  background: var(--mkq-success-bg);
  box-shadow: 0 0 0 3px var(--mkq-success-shadow);
}
[data-md-color-scheme=slate] .mkq-blank-input.incorrect {
  border-color: var(--mkq-error);
  background: var(--mkq-error-bg);
}
[data-md-color-scheme=slate] {
  /* ============================================================
     7. FILLBLANKS — CORRECTION DISPLAY
     ============================================================ */
}
[data-md-color-scheme=slate] .mkq-blank-wrong-label {
  background: var(--mkq-bg);
  color: var(--mkq-error);
  text-decoration-color: var(--mkq-error);
}
[data-md-color-scheme=slate] .mkq-custom-select-btn {
  border-color: var(--mkq-success);
  background: var(--mkq-success-bg);
  color: var(--mkq-text);
  box-shadow: 0 2px 4px var(--mkq-success-shadow);
}
[data-md-color-scheme=slate] .mkq-custom-select-btn:hover {
  box-shadow: 0 4px 8px var(--mkq-success-border);
}
[data-md-color-scheme=slate] .mkq-custom-select-btn:focus {
  box-shadow: 0 0 0 3px var(--mkq-success-shadow);
}
[data-md-color-scheme=slate] .mkq-custom-select-arrow {
  color: var(--mkq-success);
}
[data-md-color-scheme=slate] .mkq-custom-select-listbox {
  background: var(--mkq-bg);
  border-color: var(--mkq-success);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
}
[data-md-color-scheme=slate] .mkq-custom-select-option:hover {
  background: var(--mkq-success-bg-strong);
}
[data-md-color-scheme=slate] .mkq-custom-select-option[aria-selected=true] {
  background: var(--mkq-success-bg-strong);
}
[data-md-color-scheme=slate] {
  /* ============================================================
     8. SCDROPDOWN QUIZ — INTERACTIVE SELECT
     ============================================================ */
}
[data-md-color-scheme=slate] .mkq-custom-scdropdown-btn {
  background: var(--mkq-bg);
  color: var(--mkq-text);
  border-color: var(--mkq-border);
}
[data-md-color-scheme=slate] .mkq-custom-scdropdown-btn:hover {
  border-color: var(--mkq-primary);
  background: rgba(255, 255, 255, 0.05);
}
[data-md-color-scheme=slate] .mkq-custom-scdropdown-value {
  color: var(--mkq-text);
}
[data-md-color-scheme=slate] .mkq-custom-scdropdown-arrow {
  color: var(--mkq-text-secondary);
}
[data-md-color-scheme=slate] .mkq-custom-scdropdown-options {
  background: var(--mkq-bg);
  border-color: var(--mkq-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}
[data-md-color-scheme=slate] .mkq-custom-scdropdown-option:hover {
  background: var(--mkq-hover);
}
[data-md-color-scheme=slate] .mkq-custom-scdropdown-option.selected {
  background: var(--mkq-primary-bg);
}
[data-md-color-scheme=slate] .mkq-custom-scdropdown.correct .mkq-custom-scdropdown-btn {
  border-color: var(--mkq-success);
  background: var(--mkq-success-bg);
}
[data-md-color-scheme=slate] .mkq-custom-scdropdown.incorrect .mkq-custom-scdropdown-btn {
  border-color: var(--mkq-error);
  background: var(--mkq-error-bg);
}
[data-md-color-scheme=slate] {
  /* ============================================================
     9. SCDROPDOWN QUIZ — CORRECTION DISPLAY
     ============================================================ */
}
[data-md-color-scheme=slate] .mkq-scdropdown-correction-wrapper .mkq-custom-scdropdown.correct .mkq-custom-scdropdown-btn {
  border-color: var(--mkq-success);
  background: var(--mkq-success-bg);
  color: var(--mkq-text);
}
[data-md-color-scheme=slate] {
  /* ============================================================
     10. MCDROPDOWN QUIZ — INTERACTIVE SELECT
     ============================================================ */
}
[data-md-color-scheme=slate] .mkq-custom-mcdropdown-btn {
  background: var(--mkq-bg);
  color: var(--mkq-text);
  border-color: var(--mkq-border);
}
[data-md-color-scheme=slate] .mkq-custom-mcdropdown-btn:hover {
  border-color: var(--mkq-primary);
  background: rgba(255, 255, 255, 0.05);
}
[data-md-color-scheme=slate] .mkq-custom-mcdropdown-value {
  color: var(--mkq-text);
}
[data-md-color-scheme=slate] .mkq-custom-mcdropdown-arrow {
  color: var(--mkq-text-secondary);
}
[data-md-color-scheme=slate] .mkq-custom-mcdropdown-options {
  background: var(--mkq-bg);
  border-color: var(--mkq-border);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}
[data-md-color-scheme=slate] .mkq-custom-mcdropdown-option:hover {
  background: var(--mkq-hover);
}
[data-md-color-scheme=slate] .mkq-custom-mcdropdown-option.selected {
  background: rgba(240, 98, 146, 0.15);
}
[data-md-color-scheme=slate] .mkq-custom-mcdropdown-option.selected::before {
  color: var(--mkq-mcdropdown-color);
}
[data-md-color-scheme=slate] .mkq-custom-mcdropdown.correct .mkq-custom-mcdropdown-btn {
  border-color: var(--mkq-success);
  background: var(--mkq-success-bg);
}
[data-md-color-scheme=slate] .mkq-custom-mcdropdown.incorrect .mkq-custom-mcdropdown-btn {
  border-color: var(--mkq-error);
  background: var(--mkq-error-bg);
}
[data-md-color-scheme=slate] {
  /* ============================================================
     11. MCDROPDOWN — CORRECTION DISPLAY
     ============================================================ */
}
[data-md-color-scheme=slate] .mkq-mcdropdown-correction-wrapper .mkq-custom-mcdropdown.correct .mkq-custom-mcdropdown-btn {
  border-color: var(--mkq-success);
  background: var(--mkq-success-bg);
  color: var(--mkq-text);
}
[data-md-color-scheme=slate] {
  /* ============================================================
     12. VALIDATE BUTTON & SCORE
     ============================================================ */
}
[data-md-color-scheme=slate] .quiz-actions {
  border-top-color: var(--mkq-border);
}
[data-md-color-scheme=slate] .quiz-actions .mkq-validate-btn {
  background: var(--mkq-primary);
  color: white;
}
[data-md-color-scheme=slate] .quiz-actions .mkq-validate-btn:hover {
  background: #1e88e5;
}
[data-md-color-scheme=slate] .quiz-actions .mkq-validate-btn:focus {
  outline: 2px solid var(--mkq-primary);
  outline-offset: 2px;
}
[data-md-color-scheme=slate] .quiz-actions .mkq-score.good {
  color: var(--mkq-success);
  background: var(--mkq-success-bg);
}
[data-md-color-scheme=slate] .quiz-actions .mkq-score.medium {
  color: var(--mkq-warning);
  background: var(--mkq-warning-bg);
}
[data-md-color-scheme=slate] .quiz-actions .mkq-score.bad {
  color: var(--mkq-error);
  background: var(--mkq-error-bg);
}
[data-md-color-scheme=slate] {
  /* ============================================================
     13. UNLOCK MODAL
     ============================================================ */
}
[data-md-color-scheme=slate] .mkq-modal {
  background: rgba(0, 0, 0, 0.7);
}
[data-md-color-scheme=slate] .mkq-modal .mkq-modal-content {
  background: var(--mkq-bg);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
[data-md-color-scheme=slate] .mkq-modal .mkq-modal-content h3 {
  color: var(--mkq-text);
}
[data-md-color-scheme=slate] .mkq-modal .mkq-modal-content .qr-code-section #qr-code-container {
  background: white;
}
[data-md-color-scheme=slate] .mkq-modal .mkq-modal-content .unlock-input-section label {
  color: var(--mkq-text);
}
[data-md-color-scheme=slate] .mkq-modal .mkq-modal-content .unlock-input-section input[type=text] {
  background: var(--mkq-surface);
  color: var(--mkq-text);
  border-color: var(--mkq-border);
}
[data-md-color-scheme=slate] .mkq-modal .mkq-modal-content .unlock-input-section input[type=text]:focus {
  border-color: var(--mkq-primary);
}
[data-md-color-scheme=slate] .mkq-modal .mkq-modal-content .unlock-input-section button {
  background: var(--mkq-primary);
}
[data-md-color-scheme=slate] .mkq-modal .mkq-modal-content .unlock-input-section button:hover {
  background: #1e88e5;
}
[data-md-color-scheme=slate] .mkq-modal .mkq-modal-content .mkq-modal-close {
  color: var(--mkq-text-secondary);
}
[data-md-color-scheme=slate] .mkq-modal .mkq-modal-content .mkq-modal-close:hover {
  color: var(--mkq-text);
}
[data-md-color-scheme=slate] {
  /* ============================================================
       14. PAGE-LEVEL BUTTONS  (Unlock All + Reset All dans le h1)
       ============================================================ */
}
[data-md-color-scheme=slate] .mkq-unlock-page-btn {
  background: var(--mkq-primary);
}
[data-md-color-scheme=slate] .mkq-unlock-page-btn:hover {
  background: #1e88e5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
[data-md-color-scheme=slate] .mkq-unlock-page-btn:focus {
  outline: 2px solid var(--mkq-primary);
  outline-offset: 2px;
}
[data-md-color-scheme=slate] .mkq-refresh-page-btn {
  background: var(--mkq-success);
}
[data-md-color-scheme=slate] .mkq-refresh-page-btn:hover {
  background: #57bb5a;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
[data-md-color-scheme=slate] .mkq-refresh-page-btn:focus {
  outline: 2px solid var(--mkq-success);
  outline-offset: 2px;
}
[data-md-color-scheme=slate] {
  /* ============================================================
     14b. HEADER BUTTONS (icônes uniquement dans le nav)
     ============================================================ */
}
[data-md-color-scheme=slate] .mkq-header-unlock-btn,
[data-md-color-scheme=slate] .mkq-header-refresh-btn {
  color: var(--mkq-text);
}
[data-md-color-scheme=slate] .mkq-header-unlock-btn:hover,
[data-md-color-scheme=slate] .mkq-header-refresh-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  opacity: 1;
}
[data-md-color-scheme=slate] .mkq-header-refresh-btn {
  filter: hue-rotate(0deg) saturate(2) brightness(1.2);
}
[data-md-color-scheme=slate] {
  /* ============================================================
   14c. ORDERQUIZ — DRAG & DROP (dark overrides)
   ============================================================ */
}
[data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=orderquiz] {
  border-color: #ffa040;
}
[data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=orderquiz] .admonition-title, [data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=orderquiz] .mkq-number {
  color: #ffa040;
}
[data-md-color-scheme=slate] .mkq-order-item {
  background: var(--mkq-surface);
  border-color: var(--mkq-border);
}
[data-md-color-scheme=slate] .mkq-order-item:hover {
  border-color: #ffa040;
  box-shadow: 0 2px 8px rgba(255, 160, 64, 0.2);
}
[data-md-color-scheme=slate] .mkq-order-item.drag-over {
  border-color: #ffa040;
  background: rgba(255, 160, 64, 0.1);
  box-shadow: 0 4px 12px rgba(255, 160, 64, 0.3);
}
[data-md-color-scheme=slate] .mkq-order-item.correct {
  border-color: var(--mkq-success);
  background: var(--mkq-success-bg);
}
[data-md-color-scheme=slate] .mkq-order-item.incorrect {
  border-color: var(--mkq-error);
  background: var(--mkq-error-bg);
}
[data-md-color-scheme=slate] .mkq-order-ghost {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
[data-md-color-scheme=slate] .mkq-order-placeholder {
  background: rgba(255, 160, 64, 0.15);
  border-color: #ffa040;
}
[data-md-color-scheme=slate] {
  /* ============================================================
     15. PER-QUIZ-TYPE ACCENT BORDERS & TITLE COLORS
     ============================================================ */
}
[data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=mcquiz] {
  border-color: var(--mkq-mcquiz-color);
}
[data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=mcquiz] .admonition-title, [data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=mcquiz] .mkq-number {
  color: var(--mkq-mcquiz-color);
}
[data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=scquiz] {
  border-color: var(--mkq-scquiz-color);
}
[data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=scquiz] .admonition-title, [data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=scquiz] .mkq-number {
  color: var(--mkq-scquiz-color);
}
[data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=fillblanks] {
  border-color: var(--mkq-fillblanks-color);
}
[data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=fillblanks] .admonition-title, [data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=fillblanks] .mkq-number {
  color: var(--mkq-fillblanks-color);
}
[data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=scdropdown] {
  border-color: var(--mkq-scdropdown-color);
}
[data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=scdropdown] .admonition-title, [data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=scdropdown] .mkq-number {
  color: var(--mkq-scdropdown-color);
}
[data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=mcdropdown] {
  border-color: var(--mkq-mcdropdown-color);
}
[data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=mcdropdown] .admonition-title, [data-md-color-scheme=slate] .mkdocs-superquiz[data-quiz-type=mcdropdown] .mkq-number {
  color: var(--mkq-mcdropdown-color);
}
[data-md-color-scheme=slate] {
  /* ============================================================
     16. INLINE CORRECTION HINT
     ============================================================ */
}
[data-md-color-scheme=slate] .mkq-question-correction {
  background: var(--mkq-primary-bg);
  border-left-color: var(--mkq-primary);
  color: var(--mkq-text);
}
[data-md-color-scheme=slate] .mkq-question-correction::before {
  color: var(--mkq-primary);
}
[data-md-color-scheme=slate] {
  /* ============================================================
     17. RESPONSIVE (dark-specific overrides if needed)
     ============================================================ */
}
@media (max-width: 768px) {
  [data-md-color-scheme=slate] .mkq-page-buttons button {
    flex: 1;
  }
}