/* Online Courses Builder : styles du contenu riche et du lecteur.
   Les mises en page utilisent Tailwind (thème) ; ce fichier couvre
   ce que Tailwind ne peut pas cibler (HTML issu de l'éditeur riche). */

[x-cloak] { display: none !important; }

.cb-content { color: #2a2620; line-height: 1.75; font-size: 1.0625rem; }
.cb-content > * + * { margin-top: 1em; }
.cb-content h1, .cb-content h2, .cb-content h3, .cb-content h4 { color: #16140f; font-weight: 700; line-height: 1.3; margin-top: 1.6em; }
.cb-content h1 { font-size: 1.75rem; }
.cb-content h2 { font-size: 1.45rem; }
.cb-content h3 { font-size: 1.2rem; }
.cb-content a { color: #b8892a; text-decoration: underline; text-underline-offset: 3px; }
.cb-content a:hover { color: #16140f; }
.cb-content ul, .cb-content ol { padding-left: 1.4em; }
.cb-content ul { list-style: disc; }
.cb-content ol { list-style: decimal; }
.cb-content li + li { margin-top: .35em; }
.cb-content blockquote { border-left: 3px solid #d4a84b; padding: .25em 0 .25em 1em; color: #4a443a; font-style: italic; }
.cb-content img { max-width: 100%; height: auto; border-radius: .5rem; }
.cb-content hr { border: 0; border-top: 1px solid #e7e0d2; margin: 2em 0; }
.cb-content table { width: 100%; border-collapse: collapse; }
.cb-content th, .cb-content td { border: 1px solid #e7e0d2; padding: .5em .75em; text-align: left; }
.cb-content iframe { max-width: 100%; }

.cb-embed iframe, .cb-embed video { width: 100%; border: 0; }
.cb-embed-ratio { position: relative; aspect-ratio: 16 / 9; }
.cb-embed-ratio iframe { position: absolute; inset: 0; width: 100%; height: 100%; }

.cb-player .plyr { border-radius: .75rem; }
.cb-player .plyr--audio { border-radius: .75rem; border: 1px solid #e7e0d2; }
.cb-player { --plyr-color-main: #b8892a; }

.cb-progress-bar { transition: width .4s ease; }

/* Le thème stylise tous les [type=submit] : on reprend la main sur les boutons du plugin */
.cb-submit[type=submit] { display: flex; align-items: center; justify-content: center; margin: 0; box-shadow: none; }
.cb-submit-gold[type=submit] { background-color: #b8892a; }
.cb-submit-gold[type=submit]:hover { background-color: #16140f; }
.cb-submit-dark[type=submit] { background-color: #16140f; }
.cb-submit-dark[type=submit]:hover { background-color: #2a2620; }
.cb-submit[type=submit]:disabled { opacity: .6; }