/*!
 * ============================================================
 * UNITDK · editor_content.css  (tema Chamilo 1.11.x)
 * ------------------------------------------------------------
 * Estilos aplicados DENTRO do iframe do editor WYSIWYG (CKEditor,
 * unico editor usado no Chamilo 1.11 - ver HtmlEditor.php).
 *
 * Objetivo: garantir legibilidade do conteudo no dark mode SEM
 * forcar o autor a editar no escuro caso prefira claro. Aqui
 * mantemos uma area de edicao clara e neutra (papel), pois o
 * conteudo do aluno e renderizado depois no tema.
 *
 * IMPORTANTE (bug ja corrigido uma vez - nao remover o escopo):
 * o proprio core do Chamilo (Template::setCssCustomFiles(), via
 * ChamiloApi::getEditorBlockStylePath()) inclui este arquivo como
 * <link> normal em TODA pagina do site, nao so dentro do iframe do
 * editor. Por isso os seletores aqui sao escopados com .cke_editable
 * (classe fixa que o CKEditor 4 sempre coloca no <body> do iframe,
 * nunca aparece no documento externo) - sem esse escopo, "h1, h2,
 * h3 { color: #0B0D10 }" vazava pra QUALQUER h1-h6 sem classe mais
 * especifica na pagina inteira (ex.: title nativo de post de forum
 * aninhado dentro do nosso <h1>, ficando texto quase preto sobre
 * fundo escuro - achado pelo usuario na tela do forum).
 * ============================================================ */

body.cke_editable {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #1a1d21;
  background: #ffffff;
  padding: 12px 16px;
}

.cke_editable h1, .cke_editable h2, .cke_editable h3,
.cke_editable h4, .cke_editable h5, .cke_editable h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  color: #0B0D10;
  line-height: 1.25;
}

.cke_editable a { color: #1f6fb2; }
.cke_editable a:hover { color: #155a93; }

.cke_editable code, .cke_editable pre, .cke_editable kbd {
  font-family: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;
  font-size: 0.92em;
}
.cke_editable pre {
  background: #f3f5f7;
  border: 1px solid #e1e5ea;
  border-radius: 8px;
  padding: 12px 14px;
  overflow: auto;
}
.cke_editable code {
  background: #f3f5f7;
  border-radius: 4px;
  padding: 1px 5px;
}

.cke_editable blockquote {
  border-left: 3px solid #5AB5FF;
  background: #f6fafe;
  margin: 0 0 1em;
  padding: 8px 16px;
  color: #334155;
}

.cke_editable table {
  border-collapse: collapse;
  width: 100%;
}
.cke_editable table td, .cke_editable table th {
  border: 1px solid #dfe3e8;
  padding: 8px 10px;
}
.cke_editable table th {
  background: #f3f5f7;
  font-weight: 600;
}

.cke_editable img { max-width: 100%; height: auto; }
.cke_editable hr { border: 0; border-top: 1px solid #e1e5ea; }
