/* ========== quiz-responsive.css - Quiz ACF SRD ========== */
@media (max-width: 768px) {
  .quiz-container {
    padding: 20px;
    margin: 15px;
    flex-direction: column;
    /* Revient à une disposition en colonne */
  }

  .quiz-main {
    padding-right: 0;
    /* Enlève l'espace */
  }

  .sidebar {
    padding-left: 0;
    /* Enlève l'espace */
    border-left: none;
    /* Enlève la bordure */
  }

  .quiz-header {
    flex-wrap: wrap;
    /* IMPORTANT: Allow wrapping on small screens */
    align-items: center;
  }

  .title-block {
    min-width: 100%;
    /* Take full width if it wraps */
    text-align: center;
    order: 2;
    flex: 1 1 100%;
    /* Ensure it takes full width when wrapped */
  }

  .logo {
    order: 1;
    margin-bottom: 10px;
    /* Ensure logo doesn't get squished if header becomes column */
    flex: 0 0 auto;
    /* Reset flex properties for wrap scenario, use default width or a specific width if needed */
    /* flex-basis will be inherited, or set to 60px or auto for mobile */
    margin-right: auto;
    /* Center logo if alone on a line */
    margin-left: auto;
    /* Center logo if alone on a line */
  }

  .stats {
    order: 3;
    width: 100%;
    justify-content: center;
    margin-left: 0;
    flex: 1 0 100%;
    /* Ensure it takes full width when wrapped */
  }


  .quiz-title {
    font-size: 1.4em;
  }

  .quiz-subtitle {
    font-size: 0.8em;
  }

  .option {
    padding: 12px;
  }
}