/*
 * blocksy-overrides.css
 * Anula estilos de Blocksy que entran en conflicto con el diseño system
 * Cargar DESPUÉS de design-system.css y del CSS de Blocksy
 */

/* ── Reset general de Blocksy ── */
:root {
  /* Forzar variables del tema sobre las de Blocksy */
  --theme-palette-color-1: #8B6F47;
  --theme-palette-color-2: #0E1E2A;
  --theme-palette-color-3: #1A1A1A;
  --theme-palette-color-4: #5C6670;
  --theme-palette-color-5: #FAF8F4;
  --theme-palette-color-6: #F5F2EC;
  --theme-palette-color-7: #D6D3CB;
  --theme-palette-color-8: #FFFFFF;
}

/* Deshabilitar el header y footer de Blocksy (usamos los nuestros) */
.site-header,
.ct-header,
.site-footer,
.ct-footer {
  display: none !important;
}

/* Eliminar padding extra del body que añade Blocksy */
body.blocksy-page {
  margin: 0;
  padding: 0;
}

/* Override de anchos de contenido de Blocksy */
.ct-container,
.entry-content .alignwide,
.entry-content .alignfull {
  max-width: none;
}

/* Asegurar que el editor de bloques respeta nuestros tokens */
.editor-styles-wrapper {
  font-family: var(--font-sans, 'Manrope', system-ui, sans-serif);
  color: var(--color-ink, #1A1A1A);
  background: var(--color-cream, #FAF8F4);
}

/* Blocksy añade scroll padding — ajustar al height del header */
html {
  scroll-padding-top: 64px;
}

/* Eliminar outline de Blocksy en botones — nuestro JS lo gestiona */
.ct-button:focus,
.button:focus {
  outline: none;
}

/* Tipografía: asegurar que Blocksy no sobreescriba Cormorant en h1-h6 */
h1, h2, h3, h4, h5, h6,
.entry-title {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
}