@charset "UTF-8";

/* CKEditor 5 @see https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/globals */

/* 
RESET des styles héritées.
Contrairement à ckeditor4 (iframe), ckeditor5 est directement inclus dans le dom courant et hérite de fait de tous les styles de la page. Pour ne pas détériorer le mode prévisualisation de l'éditeur et conserver un affichage similaire à ce qu'il était sur ckeditor4, tous les styles sont réinitialisés, puis certains sont spécifiquement ajustés afin de bénéficier d'un rendu cohérent.
*/
.ck.ck-editor .ck.ck-editor__main *:not([style]) {
  all: revert;
}

.ck.ck-editor .ck.ck-editor__main span[style="background-color:#ffffff;color:#1d2228;"] {
  background-color: revert !important;
  color: revert !important;
}

.ck.ck-editor__main > .ck-editor__editable {
  background: var(--ck-color-base-background) !important;
  border: 1px solid var(--ck-color-base-border) !important;
  overflow: auto !important;
  padding: 0 var(--ck-spacing-standard) !important;
  text-align: left;
}

.ck.ck-editor .ck .ck-link_selected {
  background: var(--ck-color-link-selected-background) !important;
}

.ck.ck-editor .ck-content .image-inline img, .ck-content .image-inline picture {
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  max-width: 100% !important;
}

.ck.ck-editor .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  box-shadow: var(--ck-inner-shadow), 0 0 !important;
  outline: none !important;
}

/* mode source */
.ck.ck-editor .ck-source-editing-area textarea {
  border: 1px solid var(--ck-color-base-border) !important;
  font-family: monospace !important;
  font-size: var(--ck-font-size-normal) !important;
  line-height: var(--ck-line-height-base) !important;
  margin: 0 !important;
  padding: var(--ck-spacing-large) !important;
  white-space: pre-wrap !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  height: 100% !important;
  outline: none !important;
  overflow: hidden !important;
  position: absolute !important;
  resize: none !important;
  width: 100% !important;
  border-radius: var(--ck-border-radius) !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.ck.ck-editor .ck .ck-widget, 
.ck.ck-editor .ck .ck-widget.ck-widget_with-selection-handle {
  position: relative !important;
}

/* désactivation des raccourcis d'insertion "Insérer du texte avant ce bloc" : pour ne pas gêner la prévisualisation habituelle de l'éditeur */
/* .ck.ck-editor .ck-editor__editable.ck-editor__nested-editable { */
/* .ck.ck-editor .ck-reset_all :not(.ck-reset_all-excluded *), */
.ck.ck-editor .ck-widget__type-around {
  display: none !important;
  /* border-collapse: collapse !important;
  color: var(--ck-color-text) !important;
  cursor: auto !important;
  float: none !important;
  font: normal normal normal var(--ck-font-size-base) / var(--ck-line-height-base) var(--ck-font-face) !important;
  text-align: left !important;
  white-space: nowrap !important; */
}

.ck.ck-editor .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  display: none !important;
}

.ck.ck-editor .ck .ck-widget {
  outline-color: transparent !important;
  outline-style: solid !important;
  outline-width: var(--ck-widget-outline-thickness) 3px !important;
  transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve) !important;
}

.ck.ck-editor .ck .ck-widget .ck-widget__type-around__button svg {
  height: 8px !important;
  margin-top: 1px !important;
  transform: translate(-50%, -50%) !important;
  transition: transform .5s ease !important;
  width: 10px !important;
  left: 50% !important;
  position: absolute !important;
  top: 50% !important;
  z-index: calc(var(--ck-z-default) + 2) !important;
}

.ck.ck-editor .ck-content .image img, 
.ck.ck-editor .ck-content .image.image_resized img 
{
  width: revert !important;
  min-width: revert !important;
}

.ck.ck-editor figure {
  margin: 0 !important;
}

/* reset table */
.ck.ck-editor .ck-content .table table {
  border: 1px double #b3b3b3 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  height: 100% !important;
  /* width: 100% !important; */
}

.ck.ck-editor .ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused, 
.ck.ck-editor .ck-widget.table td.ck-editor__nested-editable:focus, 
.ck.ck-editor .ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused, 
.ck.ck-editor .ck-widget.table th.ck-editor__nested-editable:focus 
{
  background: var(--ck-color-table-focused-cell-background) !important;
  border-style: none !important;
  outline: 1px solid var(--ck-color-focus-border) !important;
  outline-offset: -1px !important;
}

.ck.ck-editor .ck-content .table table td, 
.ck.ck-editor .ck-content .table table th 
{
  border: 1px solid #bfbfbf !important;
  /* min-width: 2em !important;
  padding: .4em !important; */
}

.ck.ck-editor .ck-content .table table td[align="center"] {
text-align: center !important;
}

.ck.ck-editor .ck-content .table table td[align="left"] {
text-align: left !important;
}

.ck.ck-editor .ck-content .table table td[align="right"] {
  text-align: right !important;
}

.ck.ck-editor .ck-content .table table td[align="right"] > figure {
  float: right !important;
}

/* align */
.ck.ck-editor .text-align-left {
  text-align: left !important;
}

.ck.ck-editor .text-align-right {
  text-align: right !important;
}

.ck.ck-editor .text-align-center {
  text-align: center !important;
}

.ck.ck-editor .text-align-justify {
  text-align: justify !important;
}

.ck.ck-editor .align-left {
  float: left !important;
}

.ck.ck-editor .align-right {
  float: right !important;
}

.ck.ck-editor .align-center {
  /* display: block !important; */
  margin-right: auto !important;
  margin-left: auto !important;
}
/* /RESET des styles héritées */

/* CKEditor toolbar */
.ck.ck-editor:not(.ck-fullscreen) .ck.ck-editor__top {
  position: sticky;
  top: 80px;
  z-index: 1;
}

/* .ck.ck-editor {
	--ck-color-base-foreground: hsl(0, 0%, 98%);
	--ck-color-base-background: hsl(0, 0%, 50%) !important;
	--ck-color-base-border: hsl(220, 6%, 81%);
	--ck-color-base-action: hsl(104, 50.2%, 42.5%);
	--ck-color-base-focus: hsl(209, 92%, 70%);
	--ck-color-base-text: hsl(0, 0%, 20%) !important;
  --ck-color-text: #FF0000 !important;
} */

/* @see https://ckeditor.com/docs/ckeditor5/latest/framework/deep-dive/ui/theme-customization.html */
.ck.ck-editor {
    /* Overrides the border radius setting in the theme. */
    /* --ck-border-radius: 4px; */

    /* Overrides the default font size in the theme. */
    /* --ck-font-size-base: 14px; */

    /* Helper variables to avoid duplication in the colors. */
    /* --ck-custom-background: hsl(270, 1%, 29%);
    --ck-custom-foreground: hsl(255, 3%, 18%);
    --ck-custom-border: hsl(300, 1%, 22%);
    --ck-custom-white: hsl(0, 0%, 100%); */

    /* -- Overrides generic colors. ------------------------------------------------------------- */

    /* --ck-color-base-foreground: var(--ck-custom-background);
    --ck-color-focus-border: hsl(208, 90%, 62%);
    --ck-color-text: hsl(0, 0%, 98%);
    --ck-color-shadow-drop: hsla(0, 0%, 0%, 0.2);
    --ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1); */

    /* -- Overrides the default .ck-button class colors. ---------------------------------------- */

    /* --ck-color-button-default-background: var(--ck-custom-background);
    --ck-color-button-default-hover-background: hsl(270, 1%, 22%);
    --ck-color-button-default-active-background: hsl(270, 2%, 20%);
    --ck-color-button-default-active-shadow: hsl(270, 2%, 23%);
    --ck-color-button-default-disabled-background: var(--ck-custom-background);

    --ck-color-button-on-background: var(--ck-custom-foreground);
    --ck-color-button-on-hover-background: hsl(255, 4%, 16%);
    --ck-color-button-on-active-background: hsl(255, 4%, 14%);
    --ck-color-button-on-active-shadow: hsl(240, 3%, 19%);
    --ck-color-button-on-disabled-background: var(--ck-custom-foreground);

    --ck-color-button-action-background: hsl(168, 76%, 42%);
    --ck-color-button-action-hover-background: hsl(168, 76%, 38%);
    --ck-color-button-action-active-background: hsl(168, 76%, 36%);
    --ck-color-button-action-active-shadow: hsl(168, 75%, 34%);
    --ck-color-button-action-disabled-background: hsl(168, 76%, 42%);
    --ck-color-button-action-text: var(--ck-custom-white);

    --ck-color-button-save: hsl(120, 100%, 46%);
    --ck-color-button-cancel: hsl(15, 100%, 56%); */

    /* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */

    /* --ck-color-dropdown-panel-background: var(--ck-custom-background);
    --ck-color-dropdown-panel-border: var(--ck-custom-foreground); */

    /* -- Overrides the default .ck-dialog class colors. ----------------------------------- */

    /* --ck-color-dialog-background: var(--ck-custom-background);
    --ck-color-dialog-form-header-border: var(--ck-custom-border); */

    /* -- Overrides the default .ck-splitbutton class colors. ----------------------------------- */

    /* --ck-color-split-button-hover-background: var(--ck-color-button-default-hover-background);
    --ck-color-split-button-hover-border: var(--ck-custom-foreground); */

    /* -- Overrides the default .ck-input class colors. ----------------------------------------- */

    /* --ck-color-input-background: var(--ck-custom-background);
    --ck-color-input-border: hsl(257, 3%, 43%);
    --ck-color-input-text: hsl(0, 0%, 98%);
    --ck-color-input-disabled-background: hsl(255, 4%, 21%);
    --ck-color-input-disabled-border: hsl(250, 3%, 38%);
    --ck-color-input-disabled-text: hsl(0, 0%, 78%); */

    /* -- Overrides the default .ck-labeled-field-view class colors. ---------------------------- */

    /* --ck-color-labeled-field-label-background: var(--ck-custom-background); */

    /* -- Overrides the default .ck-list class colors. ------------------------------------------ */

    /* --ck-color-list-background: var(--ck-custom-background);
    --ck-color-list-button-hover-background: var(--ck-color-base-foreground);
    --ck-color-list-button-on-background: var(--ck-color-base-active);
    --ck-color-list-button-on-background-focus: var(--ck-color-base-active-focus);
    --ck-color-list-button-on-text: var(--ck-color-base-background); */

    /* -- Overrides the default .ck-balloon-panel class colors. --------------------------------- */

    /* --ck-color-panel-background: var(--ck-custom-background);
    --ck-color-panel-border: var(--ck-custom-border); */

    /* -- Overrides the default .ck-toolbar class colors. --------------------------------------- */

    /* --ck-color-toolbar-background: var(--ck-custom-background);
    --ck-color-toolbar-border: var(--ck-custom-border); */

    /* -- Overrides the default .ck-tooltip class colors. --------------------------------------- */

    /* --ck-color-tooltip-background: hsl(252, 7%, 14%);
    --ck-color-tooltip-text: hsl(0, 0%, 93%); */

    /* -- Overrides the default colors used by the ckeditor5-image package. --------------------- */

    /* --ck-color-image-caption-background: hsl(0, 0%, 97%);
    --ck-color-image-caption-text: hsl(0, 0%, 20%); */

    /* -- Overrides the default colors used by the ckeditor5-widget package. -------------------- */

    /* --ck-color-widget-blurred-border: hsl(0, 0%, 87%);
    --ck-color-widget-hover-border: hsl(43, 100%, 68%);
    --ck-color-widget-editable-focus-background: var(--ck-custom-white); */

    /* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */

    /* --ck-color-link-default: hsl(190, 100%, 75%); */
}
