/* =========================================================
   MODULE : BREVET — Cartes de révision par notion
   Fichier : brevet-notions.css
   Extrait du <style> inline de brevet-home.html (troisième).
   Chargé globalement (comme brevet-quiz.css) : .quiz-btn et
   .brevet-subjects sont aussi réutilisés par la colonne
   #quiz-selection générée dynamiquement par chapters-loader.js.
========================================================= */

.brevet-home .brevet-notions-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:14px;
  margin-top:18px;
}
.brevet-home .brevet-notion-card{
  border:2px solid #eee;
  border-radius:10px;
  padding:12px;
  background:#fff;
  box-shadow:0 2px 4px rgba(30,126,153,.18);
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.brevet-home .brevet-notion-card:hover{
  transform:translateY(-2px);
  border-color:#1e7e99;
  box-shadow:0 4px 10px rgba(30,126,153,.25);
}
.brevet-home .brevet-notion-card h3{
  margin:0 0 8px 0;
  color:#0f4c5c;
  font-size:15pt;
}
.brevet-home .brevet-notion-card p{
  font-size:11pt;
  margin:0;
  line-height:1.4;
}
.brevet-home .brevet-tags{
  margin-top:10px;
  font-size:9.5pt;
  color:#555;
  font-style:italic;
}
.brevet-card-extra{
  max-height:0;
  opacity:0;
  overflow:hidden;
  transition:
    max-height .25s ease,
    opacity .25s ease,
    margin-top .25s ease;
}
.brevet-notion-card:hover .brevet-card-extra,
.brevet-notion-card.is-open .brevet-card-extra{
  max-height:200px;
  opacity:1;
  margin-top:12px;
}
/* ==========================================
   BOUTON QUIZ
   ========================================== */
.quiz-btn{
  display: block;
  width: 100%;
  text-align: center;
  padding: 6px 8px;
  margin: 4px 0;
  font-family: Arial, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color: #1e7e99;
  cursor: pointer;
  border-radius: 3px;
  background-color: #F6EDB5;
  border-left: 4px solid transparent;
  transition: background .2s, border-color .2s, color .2s, box-shadow .2s;
}
.quiz-btn:hover,
.quiz-btn.active{
  background: #1e7e99;
  border-left: 4px solid #8ebfcc;
  color: #fff;
  font-weight: bold;
}
.quiz-btn:focus{
  outline:none;
}
.quiz-btn:disabled{
  opacity:.6;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}
/* =========================
   SUJETS BREVET
   ========================= */
.brevet-subjects{
  margin-top:12px;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.brevet-subjects a{
  color:#666;
  text-decoration:none;
  font-style:italic;
  font-size:0.80rem;
  transition:color .2s ease;
}
.brevet-subjects a:hover{
  color:var(--primary-color, #0b7ea1);
}