/*
 Theme Name:   Somnoterapia Divi Child
 Theme URI:    https://somnoterapia.com
 Description:  Child theme de Divi para Somnoterapia — diseño custom para el blog
 Author:       Somnoterapia
 Author URI:   https://somnoterapia.com
 Template:     Divi
 Version:      1.0.0
 Text Domain:  somnoterapia-child
*/

/* ──────────────────────────────────────────────────────
   IMPORTA LOS ESTILOS DEL TEMA PADRE (Divi)
   Requerido para que el child theme funcione correctamente
   en WordPress sin usar wp_enqueue_style() para el padre.
   NOTA: functions.php ya encola divi-parent-style via PHP,
   así que este @import es solo un fallback de seguridad.
─────────────────────────────────────────────────────── */
@import url("../Divi/style.css");

/* ──────────────────────────────────────────────────────
   CORRECCIONES GLOBALES — aplican en todo el sitio
   Los estilos específicos del blog están en:
   somnoterapia-blog.css (encolado condicionalmente en functions.php)
─────────────────────────────────────────────────────── */

/* Asegura que Divi no rompa el box-model en el child */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Herencia de fuente base para elementos de Divi */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Evita que el builder de Divi recorte imágenes featured en el blog */
.et_pb_image img,
.et-pb-post-featured-image img {
  height: auto;
  max-width: 100%;
}

/* ──────────────────────────────────────────────────────
   DIVI LAYOUT OVERRIDES — Blog Hub / Archive / Single
   Elimina los wrappers y márgenes de Divi para que
   nuestras plantillas custom controlen el layout completo
─────────────────────────────────────────────────────── */

/* Quita el ancho máximo que Divi aplica al contenido */
body.page-template-page-blog-hub #main-content,
body.archive #main-content,
body.single-post #main-content,
body.blog #main-content {
  background: #0d1117 !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  float: none !important;
}

/* Quita la columna sidebar de Divi (usamos la nuestra) */
body.page-template-page-blog-hub #sidebar,
body.archive #sidebar,
body.single-post #sidebar,
body.blog #sidebar {
  display: none !important;
}

/* Quita el fondo blanco del contenedor principal de Divi */
body.page-template-page-blog-hub #page-container,
body.archive #page-container,
body.single-post #page-container,
body.blog #page-container {
  background: #0d1117 !important;
}

/* Quita márgenes/padding internos de los wrappers Divi */
body.page-template-page-blog-hub .et_post_meta_wrapper,
body.archive .et_post_meta_wrapper,
body.single-post .et_post_meta_wrapper,
body.blog .et_post_meta_wrapper {
  padding: 0 !important;
  max-width: 100% !important;
}

/* Asegura que #main (el wrapper de Divi) no añada padding lateral */
body.page-template-page-blog-hub #main,
body.archive #main,
body.single-post #main,
body.blog #main {
  padding: 0 !important;
  background: transparent !important;
}

/* ──────────────────────────────────────────────────────
   Selectores con clase .snm-is-blog (añadida via PHP)
   Más confiables que page-template-page-blog-hub
   porque aplican en archive.php, category, tags, etc.
─────────────────────────────────────────────────────── */
body.snm-is-blog #page-container,
body.snm-is-single #page-container {
  background: #0d1117 !important;
}

body.snm-is-blog #main-content,
body.snm-is-single #main-content {
  background: #0d1117 !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  float: none !important;
}

body.snm-is-blog #sidebar,
body.snm-is-single #sidebar {
  display: none !important;
}

body.snm-is-blog .et_post_meta_wrapper,
body.snm-is-single .et_post_meta_wrapper {
  padding: 0 !important;
  max-width: 100% !important;
}

body.snm-is-blog #main,
body.snm-is-single #main {
  padding: 0 !important;
  background: transparent !important;
}

/* Divi a veces aplica un content-area con padding */
body.snm-is-blog #content-area,
body.snm-is-single #content-area {
  padding: 0 !important;
  background: transparent !important;
}