/* ============================================================
   IVANN 67 — Polissage theme cours
   Sentinel : COURSE_POLISH_V1
   ============================================================ */
/* COURSE_POLISH_V1 */

/* === Mini-defi : options uniformes pleine largeur ===
   Avant : chaque <button> prenait sa largeur de contenu -> colonne
   irreguliere (183/160/199/191px) + grand vide a droite.
   On force une colonne pleine largeur, robuste aux options longues. */
.ivann-course-page .ivann-mini-exercise__options {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
}
.ivann-course-page .ivann-mini-exercise__option {
    width: 100%;
    min-height: 56px;
    box-sizing: border-box;
    transition: transform 130ms ease, border-color 130ms ease, background-color 130ms ease;
}
.ivann-course-page .ivann-mini-exercise__option-text {
    flex: 1 1 auto;
    text-align: left;
}
/* Micro-interaction au survol (uniquement si l'option n'est pas deja tranchee) */
.ivann-course-page .ivann-mini-exercise__option:not(.is-correct):not(.is-wrong):not([disabled]):hover {
    transform: translateY(-2px);
    border-color: rgba(168, 132, 255, 0.55);
    background-color: rgba(168, 132, 255, 0.08);
}
.ivann-course-page .ivann-mini-exercise__option:focus-visible {
    outline: 2px solid #67e8f9;
    outline-offset: 2px;
}

/* === Rythme vertical : evite les sauts d'espacement irreguliers === */
.ivann-course-page .ivann-mini-exercise {
    margin: 28px 0;
}

/* Bouton "CONTINUER" seul : .ivann-slide__nav est en justify:space-between,
   donc un bouton unique se collait a gauche. On le pousse a droite. */
.ivann-course-page .ivann-slide__nav .ivann-slide__btn:only-child {
    margin-left: auto;
}

/* === Confort de lecture du contenu de cours ===
   Cible : les deux conteneurs de contenu (slideshow + body). */
.ivann-course-page .field--name-field-ivann-contenu-du-cours p,
.ivann-course-page .field--name-body p {
    line-height: 1.75;
}
.ivann-course-page .field--name-field-ivann-contenu-du-cours li,
.ivann-course-page .field--name-body li {
    line-height: 1.65;
    margin-bottom: 6px;
}
/* Puces accentuees */
.ivann-course-page .field--name-field-ivann-contenu-du-cours ul li::marker,
.ivann-course-page .field--name-body ul li::marker {
    color: #c084fc;
}
/* Code inline : pastille lisible (distinct des blocs <pre>) */
.ivann-course-page .field--name-field-ivann-contenu-du-cours :not(pre) > code,
.ivann-course-page .field--name-body :not(pre) > code {
    background: rgba(124, 92, 255, 0.15);
    border: 1px solid rgba(124, 92, 255, 0.28);
    border-radius: 5px;
    padding: 1px 6px;
    font-size: 0.9em;
    color: #e0d4ff;
    white-space: nowrap;
}
/* Mots-cles en gras : teinte cyan discrete */
.ivann-course-page .field--name-field-ivann-contenu-du-cours strong,
.ivann-course-page .field--name-body strong {
    color: #a5f3fc;
}
/* Images du cours : coins arrondis + cadre subtil */
.ivann-course-page .field--name-field-ivann-contenu-du-cours img,
.ivann-course-page .field--name-body img {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* === Finitions universelles (page de cours uniquement) === */
.ivann-course-page ::selection {
    background: rgba(168, 132, 255, 0.35);
    color: #fff;
}
.ivann-course-page a:focus-visible,
.ivann-course-page button:focus-visible {
    outline: 2px solid #67e8f9;
    outline-offset: 2px;
    border-radius: 6px;
}
html { scroll-behavior: smooth; }