/* ============================================================
   ENRICHISSEMENTS MARKDOWN : cartouches (admonitions)
   ============================================================ */
.admonition {
  position: relative;
  margin: 1.25em 0;
  padding: .8rem 1rem .8rem 2.4rem;
  border-left: .2rem solid var(--tk-couleur-bordure);
  border-radius: var(--tk-rayon-boite);
  background: var(--tk-couleur-fond-2);
  font-size: .92rem;
}
.admonition-title {
  margin: 0 0 .4rem;
  font-weight: 700;
  font-size: .95rem;
}

/* L'icône (chevron informatif) à gauche — police unicode, pas de dépendance */
.admonition::before {
  content: "ℹ";
  position: absolute; left: .9rem; top: .85rem;
  font-weight: 700;
  opacity: .85;
}

/* Variantes — mêmes teintes que Material */
.admonition.note,
.admonition.info,
.admonition.abstract,
.admonition.summary,
.admonition.tldr {
  border-left-color: #00b0ff;
}
.admonition.note::before,
.admonition.info::before,
.admonition.abstract::before,
.admonition.summary::before,
.admonition.tldr::before { content: "ℹ"; color: #00b0ff; }

.admonition.tip,
.admonition.hint,
.admonition.important {
  border-left-color: #00bfa5;
}
.admonition.tip::before,
.admonition.hint::before,
.admonition.important::before { content: "💡"; color: #00bfa5; }

.admonition.success,
.admonition.check,
.admonition.done {
  border-left-color: #00c853;
}
.admonition.success::before,
.admonition.check::before,
.admonition.done::before { content: "✔"; color: #00c853; }

.admonition.question,
.admonition.help,
.admonition.faq {
  border-left-color: #64dd17;
}
.admonition.question::before,
.admonition.help::before,
.admonition.faq::before { content: "?"; color: #64dd17; }

.admonition.warning,
.admonition.caution,
.admonition.attention {
  border-left-color: #ff9100;
}
.admonition.warning::before,
.admonition.caution::before,
.admonition.attention::before { content: "⚠"; color: #ff9100; }

.admonition.failure,
.admonition.fail,
.admonition.missing {
  border-left-color: #ff5252;
}
.admonition.failure::before,
.admonition.fail::before,
.admonition.missing::before { content: "✖"; color: #ff5252; }

.admonition.danger,
.admonition.error {
  border-left-color: #ff1744;
}
.admonition.danger::before,
.admonition.error::before { content: "⚡"; color: #ff1744; }

.admonition.bug {
  border-left-color: #f50057;
}
.admonition.bug::before { content: "🐛"; color: #f50057; }

.admonition.example,
.admonition.snippet {
  border-left-color: #7c4dff;
}
.admonition.example::before,
.admonition.snippet::before { content: "≡"; color: #7c4dff; }

.admonition.quote,
.admonition.cite {
  border-left-color: #9e9e9e;
}
.admonition.quote::before,
.admonition.cite::before { content: "❝"; color: #9e9e9e; }

/* ============================================================
   Cartouches dépliables (pymdownx.details : ??? note ...)
   ============================================================ */
details {
  margin: 1.25em 0;
  padding: 0;
  border: 1px solid var(--tk-couleur-bordure);
  border-left: .2rem solid #00b0ff;
  border-radius: var(--tk-rayon-boite);
  background: var(--tk-couleur-fond-2);
}
details > summary {
  cursor: pointer;
  padding: .8rem 1rem .8rem 2.4rem;
  font-weight: 700;
  font-size: .95rem;
}
details > summary::-webkit-details-marker { display: none; }
details > summary::before {
  content: "▸";
  position: absolute; left: .9rem;
  color: #00b0ff;
  transition: transform var(--tk-vitesse) ease;
}
details[open] > summary::before { transform: rotate(90deg); }
details > *:not(summary) {
  padding: 0 1rem .8rem 2.4rem;
}

/* ============================================================
   Onglets (pymdownx.tabbed)
   ============================================================ */
.tabbed-set { margin: 1.25em 0; }
.tabbed-set > input[type="radio"] { position: absolute; opacity: 0; }
.tabbed-set > .tabbed-labels {
  display: flex; flex-wrap: wrap; gap: 0;
  border-bottom: 2px solid var(--tk-couleur-bordure);
  margin-bottom: .8rem;
}
.tabbed-set label {
  padding: .4rem .9rem;
  font-weight: 500; font-size: .85rem;
  color: var(--tk-couleur-texte-secondaire);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px; /* chevauche la bordure du conteneur */
}
.tabbed-set input:checked + label {
  color: var(--tk-couleur-primaire);
  border-bottom-color: var(--tk-couleur-primaire);
}
.tabbed-content { display: none; }
.tabbed-set input:nth-of-type(1):checked ~ .tabbed-content:nth-of-type(1),
.tabbed-set input:nth-of-type(2):checked ~ .tabbed-content:nth-of-type(2),
.tabbed-set input:nth-of-type(3):checked ~ .tabbed-content:nth-of-type(3),
.tabbed-set input:nth-of-type(4):checked ~ .tabbed-content:nth-of-type(4) {
  display: block;
}