/* --- Block code styles (highlight.js) --- */
code.nohighlight {
  background-color: #f5f5f5;
  color: #333;
  font-family: 'Fira Code', monospace;
  font-size: 0.875em;
  border-radius: 4px;
  white-space: nowrap;
  padding: 1em !important;
  margin-bottom: 1.5em;
}

code.nohighlight mark {
  all: unset;
  margin-bottom: 1.5em;
}

/* === Global Editor Styles === */

pre.codeblock-wrapper {
  background: #2d2d2d;
  color: #f8f8f2;
  padding: 1.25em;
  border-radius: 6px;
  margin: 1em 0;
  overflow-x: auto;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
}

code.inline-code {
  background-color: #41b65870;
  color: #002900;
  padding: 0.2em 0.4em;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  border-radius: 4px;
}


/* === Scoped list styles only for certain post types === */
/* Applies ONLY in Gutenberg editor inside content blocks */
/* Applies only if body has class 'has-custom-ul-style' */

.entry-content ol,
.wp-block ol,
.editor-styles-wrapper ol,
.editor-styles-wrapper .wp-block ol,
.editor-styles-wrapper .entry-content ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 2.4rem;
  margin-bottom: 1rem;
}

.entry-content ul,
.wp-block ul,
.editor-styles-wrapper ul,
.editor-styles-wrapper .wp-block ul,
.editor-styles-wrapper .entry-content ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 2.4rem;
  margin-bottom: 1rem;
}

.entry-content li,
.wp-block li,
.editor-styles-wrapper li,
.editor-styles-wrapper .wp-block li,
.editor-styles-wrapper .entry-content li {
  color: #000;
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

.elementor-widget-text-editor ol {
  list-style-type: decimal !important;
  list-style-position: outside;
  padding-left: 2.4rem;
  margin-bottom: 1rem;
}

.elementor-widget-text-editor ul {
  list-style-type: disc !important;
  list-style-position: outside;
  padding-left: 2.4rem;
  margin-bottom: 1rem;
}

.elementor-widget-text-editor li {
  display: list-item !important;
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

.elementor-widget-text-editor ol > li {
  display: list-item !important;
  counter-increment: list-item;
  margin-bottom: 0.5rem;
  line-height: 1.6;
}


.entry-content.prose ul {
  padding-left: 1.5rem !important;
  margin-bottom: 1.5rem;
  list-style-type: disc !important;
  list-style-position: outside !important;
}

.entry-content.prose ul li {
  margin-bottom: 0.75rem !important;
  line-height: 1.7 !important;
  color: #000 !important;
  font-weight: 400 !important;
}

/* 🔧 Fix bullets in TinyMCE classic editor */
.entry-content ul,
.editor-styles-wrapper ul {
  list-style-type: disc !important;
  list-style-position: outside !important;
  padding-left: 2rem !important;
  margin-bottom: 1rem;
}

.entry-content ol,
.editor-styles-wrapper ol {
  list-style-type: decimal !important;
  list-style-position: outside !important;
  padding-left: 2rem !important;
  margin-bottom: 1rem;
}

.entry-content li,
.editor-styles-wrapper li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
  color: #000;
}

h1, h2, h3, h4,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4 {
  color: var(--color-text-primary, #000); /* por si falta esta variable */
}

/*h1, .editor-styles-wrapper h1 {
  font-family: 'Salesforce Sans', sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 1rem;
}

h2, .editor-styles-wrapper h2 {
  font-family: 'Salesforce Sans', sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 0.8rem;
}

h3, .editor-styles-wrapper h3 {
  font-family: 'Salesforce Sans', sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 0.6rem;
}*/

body.mce-content-body a {
  color: #008080 !important;
  text-decoration: underline !important;
  font-weight: 500;
}

body.mce-content-body a:hover {
  color: #2ecc71 !important;
  text-decoration: none !important;
}

body.mce-content-body ul {
  list-style-type: disc !important;
  padding-left: 2rem !important;
  margin-bottom: 1rem !important;
}

/* Elementos de la lista */
body.mce-content-body li {
  margin-bottom: 0.5rem !important;
  line-height: 1.6 !important;
  color: #000 !important;
}

/* Classic/TinyMCE – que se vean los números dentro del editor */
.mce-content-body ol { 
  list-style: decimal outside !important; 
  padding-left: 2.4rem !important; 
  margin: 0 0 1rem !important;
}
.mce-content-body ul { 
  list-style: disc outside !important; 
  padding-left: 2.4rem !important; 
  margin: 0 0 1rem !important;
}
.mce-content-body li { 
  display: list-item !important; 
  margin-bottom: .5rem !important; 
  line-height: 1.6 !important;
}
/* Que los <pre> dentro de <li> no rompan el flujo visual */
.mce-content-body li pre { 
  margin: .75rem 0 !important; 
}