/* =============================================
   GRAND ORAL — Lycée de Trevoux
   ============================================= */

/* ── FOND DOUX ── */
body {
  background-color: #f4f3ff !important;
}

/* ── TABLEAUX ── */
.md-typeset table:not([class]) {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e0deff;
  box-shadow: 0 2px 10px rgba(99, 102, 241, 0.07);
}
.md-typeset table:not([class]) th {
  background: linear-gradient(135deg, #3b3c9e, #6366f1);
  color: #ffffff;
  font-weight: 700;
  padding: .7rem 1rem;
}
.md-typeset table:not([class]) td {
  padding: .65rem 1rem;
  border-color: #ede9ff;
}
.md-typeset table:not([class]) tr:nth-child(even) td {
  background-color: #f9f8ff;
}
.md-typeset table:not([class]) tr:hover td {
  background-color: #ede9ff;
  transition: background-color .15s;
}

/* ── ADMONITIONS (warning, info, etc.) ── */
.md-typeset .admonition {
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.md-typeset .admonition-title {
  font-weight: 700;
  border-radius: 8px 8px 0 0;
}

/* ── ACCORDÉONS (??? info / ??? warning) ── */
.md-typeset details {
  border-radius: 10px;
  border: 1px solid #e0deff;
  border-left: 4px solid #6366f1;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.06);
  transition: box-shadow .2s;
}
.md-typeset details:hover {
  box-shadow: 0 4px 18px rgba(99, 102, 241, 0.12);
}
.md-typeset details[open] {
  border-left-color: #8b5cf6;
}
.md-typeset details > summary {
  font-weight: 700;
  cursor: pointer;
  padding: .8rem 1.1rem;
  border-radius: 8px;
  transition: background .15s;
}
.md-typeset details > summary:hover {
  background-color: #f4f3ff;
}
.md-typeset details[open] > summary {
  background-color: #f0eeff;
  color: #3b3c9e;
}

/* ── BOUTONS .md-button ── */
.md-typeset .md-button {
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: .8rem !important;
  padding: .42rem .95rem !important;
  background-color: #f4f3ff !important;
  border: 1.5px solid #c4b5fd !important;
  color: #4f46e5 !important;
  margin: .2rem .15rem !important;
  transition: background-color .15s, transform .15s, box-shadow .15s !important;
}
.md-typeset .md-button:hover {
  background-color: #ede9ff !important;
  border-color: #a78bfa !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.18) !important;
  color: #3b3c9e !important;
}

/* ── TITRES h2 ── */
.md-typeset h2 {
  border-bottom: 2px solid #e0deff;
  padding-bottom: .4rem;
}

/* ── SCROLLBAR (cosmétique) ── */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background: #c4b5fd;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #a78bfa;
}

/* ── ANIMATION D'ENTRÉE (légère) ── */
.md-typeset {
  animation: go-fade-in .45s ease both;
}
@keyframes go-fade-in {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}