.ckeditor-content{
  color: black;
  text-align: left;
}
/* Blockquote styling */
blockquote {
  position: relative;
  padding-left: 50px;
  margin: 20px 0;
  font-style: italic;
  border-left: none !important;
  background: transparent !important;
}

blockquote:before {
  content: "\201c";
  position: absolute;
  left: 0;
  top: -20px;
  width: 40px;
  height: 60px;
  font-size: 80px;
  line-height: 1;
  color: #9151cf;
  font-weight: bold;
  font-family: Georgia, serif;
}
/* img bloc Carrousel logo */
#edit-group-content .field-multiple-table img {
    max-width: 180px !important;
    height: auto !important;
}

/* Fix CKEditor 5 toolbar overflow in dialogs and constrained containers */
.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
  flex-wrap: wrap !important;
}

/* Fix CKEditor 5 z-index in modal dialogs */
.ck-body-wrapper .ck {
  --ck-z-modal: 1261;
  --ck-z-panel: 1500;
}

.ui-dialog ~ .ck-body-wrapper {
  --ck-z-modal: 1261;
  --ck-z-panel: 1500;
}

/* Ensure CKEditor doesn't overflow its container */
.ck.ck-editor {
  max-width: 100%;
}

.ck.ck-editor__editable {
  max-width: 100%;
}

/* ========================================
   Custom CKEditor Styles - Client Specs
   ======================================== */

/* heading 1 - home: Lato Regular, 60px, #FFFFFF, centered */
h1.h1-home,
.ck-editor__editable h1.h1-home {
  margin-left: -5%;
  width: 105%;
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 400;
  font-size: 60px;
  color: #FFFFFF;
  line-height: 1.1;
  text-align: center;
}

/* heading 1 - default: Lato Regular, 55px, #FFFFFF, centered */
h1.h1-default,
.ck-editor__editable h1.h1-default {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 700;
  font-size: 55px;
  color: #FFFFFF;
  line-height: 1.1;
  text-align: center;
  margin-bottom: 20px;
}

/* heading 2 - section: Lato Black, 30px, #0F4376 */
h2.h2-section,
.ck-editor__editable h2.h2-section {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 900;
  font-size: 30px;
  color: #0F4376;
  line-height: 1.2;
}

/* heading 2 - body: Lato Black, 25px, #0F4376 */
h2.h2-body,
.ck-editor__editable h2.h2-body {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 900;
  font-size: 25px;
  color: #0F4376;
  line-height: 1.2;
}

/* body - hero: Lato Regular, 18px, #FFFFFF */
p.body-hero,
.ck-editor__editable p.body-hero {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 1.5;
}

/* body - small: Lato Regular, 15px, #042F52, left aligned */
p.body-small,
.ck-editor__editable p.body-small {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #042F52;
  line-height: 18px;
  text-align: left;
}
.content-footer p.body-small{
  margin-top: 0px;
}
/* body - default: Lato Regular, 15px, #042F52 */
p.body-default,
.ck-editor__editable p.body-default {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #042F52;
  line-height: 1.5;
}

/* Default paragraph styling for plain <p> (no preset class) inside ckeditor-content.
   Ensures visual consistency across offer sections: user-entered fields (field_mission,
   field_profil, etc.) where admins may not apply the "Body Default" preset render
   identically to blocks that do use the preset (e.g., the auto-generated Groupe SII
   block). Preset classes (body-default, body-small, text-intro, body-hero, ...)
   keep their own styling because :not([class]) excludes classed elements. */
.ckeditor-content p:not([class]),
.field--type-text-long p:not([class]),
.field--type-text-with-summary p:not([class]) {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #042F52;
  line-height: 1.5;
}

/* body - quote: Lato Italic, 25px, #042F52 */
p.body-quote,
.ck-editor__editable p.body-quote {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 25px;
  color: #042F52;
  line-height: 1.4;
}

p.body-quote {
   margin-top: -35px;
}
/* heading span - home: comme h1-home mais jaune et font-weight 800 */
span.heading-span-home,
.ck-editor__editable span.heading-span-home {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 800;
  color: #FFEA7A;
  line-height: 1.1;
}

/* Accent jaune: #FFEA7A - pour accentuer des mots */
span.accent-yellow,
.ck-editor__editable span.accent-yellow {
  color: #FFEA7A;
}

/* Texte Black: Lato Black (900) - pour mettre en gras fort */
span.text-black,
.ck-editor__editable span.text-black {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 900;
}

/* ========================================
   Pillar Styles (legacy)
   ======================================== */

/* Pillar Title - H2 style with line-by-line highlight effect */
h2.pillar-title,
.ck-editor__editable h2.pillar-title {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  letter-spacing: 0;
  color: #0F4376;
  background: none;
  display: block;
  margin-bottom: 10px;
  line-height: 1.2;
}

.card--event h2.pillar-title,
.card--event .ck-editor__editable h2.pillar-title {
  margin-top: 5px;
  margin-bottom: 20px;
  margin-left: 10px;
}

/* Line spans created by JS */
h2.pillar-title .pillar-title-line {
  background-color: #FFEB7A;
  padding: 0.25em 0.2em;
  display: inline;
  position: relative;
}

h2.pillar-title .pillar-title-line strong {
  font-weight: 800;
}

/* Fallback for CKEditor (before JS processes) */
.ck-editor__editable h2.pillar-title {
  background-color: #FFEB7A;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0.15em 0.4em;
}

/* Pillar Big Title - H2 style with full background, centered, bold */
h2.pillar-big-title,
.ck-editor__editable h2.pillar-big-title {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 900;
  font-style: italic;
  font-size: 32px;
  letter-spacing: 0;
  color: #0F4376;
  background-color: #FFEB7A;
  display: block;
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.4;
  padding: 0.5em 1em;
}

/* Remove margin on element immediately after pillar-big-title */
h2.pillar-big-title + *,
.ck-editor__editable h2.pillar-big-title + * {
  margin-top: 0;
}

/* Pillar Subtitle - H3 style based on body-hero */
h3.pillar-subtitle,
.ck-editor__editable h3.pillar-subtitle {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 900;
  font-size: 17px;
  color: #0F4376;
  line-height: 1.5;
  margin: 0;
}

/* Pillar Description - p style */
p.pillar-description,
.ck-editor__editable p.pillar-description {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  color: #042F52;
  line-height: 20px;
}

/* Block Title - H2 style */
h2.block-title,
.ck-editor__editable h2.block-title {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 800;
  font-size: 30px;
  color: #0F4376;
}

/* Header Description - p style */
p.header-description,
.ck-editor__editable p.header-description {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #FFFFFF;
}

/* Carte Chiffre Label - pour les légendes des statistiques (collaborateurs, des postes en CDI, etc.) */
p.carte-chiffre-label,
.ck-editor__editable p.carte-chiffre-label {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 700;
  font-size: 40px;
  color: #0F4376;
  margin-top: -15px;
  margin-bottom: 10px;
  line-height: 40px;
}

/* Carte Intitulé Poste */
p.carte-intitule-poste,
.ck-editor__editable p.carte-intitule-poste {
  font-family: 'InterCZ', Lato, sans-serif;
  font-weight: 900;
  font-size: 18px;
  color: #0F4376;
  line-height: 1.3;
  margin-top: -10px;
}

/* RGAA 10.1 — Texte souligné sémantique (via balise <u> ou classe CKEditor 5).
   La balise <u> ne doit pas être utilisée comme élément présentationnel ;
   son rendu visuel est assuré ici par CSS. */
.text-underline,
u {
  text-decoration: underline;
}