.h5p-ckeditor {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.h5p-ckeditor .ck-editor__main,
.h5p-ckeditor .ck-editor__main .ck-editor__editable {
  height: 100%;
}

/* Inside ckeditor, needed for changes to default */
.ck {
  .ck-text-fragment-language-dropdown .ck-dropdown__panel,
  .ck-heading-dropdown .ck-dropdown__panel {
    max-height: 20em;
    overflow-y: scroll;
  }

  .ck-fontsize-option .ck-button__label {
    line-height: normal !important;
  }

  .ck-content {
    pre {
      background: initial;
      border: initial;
      border-radius: initial;
      padding: 0;
    }

    figure.table {
      float: left;

      table {
        border-width: 1px;
        border-color:  #494949;
        border-style: none;

        td, th {
          padding: 1px;
          border-style: none;
          border-color:  #494949;
          border-bottom-style: solid;
          height: auto;
        }

        td {
          border-width: 0.083em;
        }

        th {
          border-width: .167em;
          background-color: transparent;
        }

        tr:last-child > td {
          border-bottom-style: none;
        }
      }

      figcaption {
        background-color: transparent;
      }
    }
  }
}

.ck-powered-by-balloon {
  display: none !important;
}

.h5p-text-with-titles {
  margin: 0em 0em 0em 1.2em;
  color: #000000;
}

.h5p-text-with-titles .content-title {
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 1em;

}

.h5p-text-with-titles .title-lesson {
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 1em;
  color: #e6b11d;
}

.h5p-text-with-titles .content-rich-text {
  font-size: 1em;
  margin: 0.5em 0 1em;
  color: #333;
  line-height: 1.5;
}

.h5p-text-with-titles .content-rich-text strong {
  font-weight: bold;
}

.h5p-text-with-titles .content-rich-text em {
  font-style: italic;
}

.h5p-text-with-titles .content-rich-text ul {
  margin-left: 1.5em;
}

/* Icônes pour les types spécifiques */
.icon-consigne::before {
  content: "\1F4DD"; /* Icône bloc-notes (emoji) */
}

.icon-exercice::before {
  content: "\1F4DA"; /* Icône livre (emoji) */
}

.icon-lesson {
  /*content: "\1F393";  Icône chapeau de diplômé (emoji) */
  display: inline-block;
    color: #000000;
  width: 1.5em;
  height: 1.5em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.35.5h6.302c.469 0 .849.38.849.849v6.778c0 .47-.38.85-.849.85H7.5M3.149 4.001a1.75 1.75 0 1 0 0-3.501a1.75 1.75 0 0 0 0 3.501'/%3E%3Cpath d='M9 5.527C9 4.96 8.54 4.5 7.973 4.5H3.149v0A2.65 2.65 0 0 0 .5 7.149V9.5h1.135l.379 4h2.27l.872-6.945h2.817C8.54 6.555 9 6.095 9 5.527'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-marking::before {
  content: "\2714"; /* Icône check (emoji) */
}

.icon-conseil::before {
  content: "\1F4AC"; /* Icône bulle (emoji) */
}

.icon-en-savoir-plus::before {
  content: "\2139"; /* Icône information (emoji) */
}

.icon-aller-plus-loin::before {
  content: "\27A1"; /* Icône flèche droite (emoji) */
}

/* Icône par défaut */
.icon-default::before {
  content: "\26A0"; /* Icône attention (emoji) */
}

/* Style général des icônes */
.content-icon {
  margin-right: 0.5em;
  display: inline-block;
  font-size: 1.2em;
  vertical-align: middle;
}