.elementor-23813 .elementor-element.elementor-element-41e37ffe{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-763208c7 *//* ========================================
   ENCART "EN BREF"
   ======================================== */
.en-bref {
  background-color: #f0f8ff !important;
  border-left: 4px solid #2196F3 !important;
  padding: 15px !important;
  margin: 20px 0 !important;
}

.en-bref p {
  margin-bottom: 10px !important;
  font-size: 16px !important;
}

.en-bref ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

.en-bref li {
  margin-bottom: 8px !important;
  line-height: 1.6 !important;
}

/* ========================================
   TABLEAUX DE CONJUGAISON
   ======================================== */
.tableau-conjugaison {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 20px 0 !important;
}

.tableau-conjugaison thead {
  background-color: #2196F3 !important;
  color: white !important;
}

.tableau-conjugaison th {
  padding: 10px !important;
  border: 1px solid #ddd !important;
  text-align: left !important;
  font-weight: bold !important;
}

.tableau-conjugaison td {
  padding: 10px !important;
  border: 1px solid #ddd !important;
}

.tableau-conjugaison tbody tr:nth-child(even) {
  background-color: #f9f9f9 !important;
}

.tableau-conjugaison tbody tr:hover {
  background-color: #f0f8ff !important;
}

/* ========================================
   QUIZ INTERACTIF
   ======================================== */
.quiz-container {
  max-width: 800px !important;
  margin: 30px auto !important;
  font-family: Arial, sans-serif !important;
}

.quiz-question {
  background: #f9f9f9 !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  border-radius: 8px !important;
  border-left: 4px solid #2196F3 !important;
}

.quiz-question p {
  margin-bottom: 15px !important;
  font-weight: bold !important;
  color: #333 !important;
}

.quiz-options {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.quiz-option-label {
  display: flex !important;
  align-items: center !important;
  padding: 12px !important;
  background: white !important;
  border: 2px solid #e0e0e0 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.quiz-option-label:hover {
  border-color: #2196F3 !important;
  background: #f0f8ff !important;
}

.quiz-option-label input[type="radio"] {
  margin-right: 10px !important;
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
}

.quiz-option-label.correct {
  background: #e8f5e9 !important;
  border-color: #4CAF50 !important;
}

.quiz-option-label.incorrect {
  background: #ffebee !important;
  border-color: #f44336 !important;
}

.quiz-explanation {
  display: none !important;
  margin-top: 15px !important;
  padding: 12px !important;
  background: #e3f2fd !important;
  border-left: 4px solid #2196F3 !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}

.quiz-explanation.show {
  display: block !important;
}

.quiz-buttons {
  text-align: center !important;
  margin: 30px 0 !important;
}

.quiz-btn {
  background: #2196F3 !important;
  color: white !important;
  border: none !important;
  padding: 15px 40px !important;
  font-size: 16px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
  margin: 0 5px !important;
}

.quiz-btn:hover {
  background: #1976D2 !important;
}

.quiz-btn:disabled {
  background: #ccc !important;
  cursor: not-allowed !important;
}

#quiz-score {
  display: none !important;
  background: #f0f8ff !important;
  padding: 25px !important;
  border-radius: 8px !important;
  text-align: center !important;
  margin-top: 20px !important;
}

#quiz-score h3 {
  color: #2196F3 !important;
  margin-bottom: 15px !important;
  font-size: 22px !important;
}

#score-display {
  font-size: 18px !important;
  margin-bottom: 20px !important;
  line-height: 1.6 !important;
}

#reset-quiz {
  display: none !important;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media screen and (max-width: 768px) {
  .en-bref {
    padding: 12px !important;
    margin: 15px 0 !important;
  }
  
  .tableau-conjugaison {
    font-size: 14px !important;
  }
  
  .tableau-conjugaison th,
  .tableau-conjugaison td {
    padding: 8px !important;
  }
  
  .quiz-container {
    margin: 20px 10px !important;
  }
  
  .quiz-question {
    padding: 15px !important;
  }
  
  .quiz-btn {
    padding: 12px 30px !important;
    font-size: 14px !important;
  }
  
  #quiz-score {
    padding: 20px !important;
  }
}/* End custom CSS */