/*!
 * ERA GAMER — Legibilidad Blocksy
 * -------------------------------------------------------------------------
 * Problema: Blocksy perdio su esquema oscuro. Quedo el color de texto global en
 * #000000 y el de titulos en #131117, pero el fondo del sitio es negro (lo fuerza
 * el plugin era-circuit-bg). Resultado: contenido ilegible (texto oscuro sobre negro)
 * en fichas de producto, catalogo, titulos, leads, migas de pan, relacionados y widgets.
 *
 * Solucion: reponer texto CLARO en el contenido (.site-main), respetando el footer
 * (que tiene fondo claro propio) y el bloque newsletter. Todo con !important porque
 * las reglas del tema ganan por especificidad y por variables redefinidas en
 * contenedores intermedios.
 *
 * Nota tecnica: Blocksy redefine sus variables (--theme-text-color, etc.) en
 * contenedores intermedios, por eso se aplican a ".site-main *" (a cada elemento del
 * contenido) y no solo a :root — asi ningun intermedio puede retener el valor oscuro.
 * Ademas los enlaces usan transition:color, por eso ademas se fija su color explicito.
 */

/* 1) Variables globales de Blocksy dentro del contenido -> texto claro */
.site-main,
.site-main *{
  --theme-text-color:#c9ced6!important;
  --theme-font-color:#c9ced6!important;
  --theme-headings-color:#ffffff!important;
  --theme-heading-color:#ffffff!important;
  --theme-link-initial-color:#dfe3e8!important;
}

/* 2) Enlaces y titulos de producto que NO siguen la variable (WooCommerce) */
.woocommerce-loop-product__title,
.woocommerce-loop-product__title a,
.woocommerce-LoopProduct-link,
.product_list_widget a,
a.product-title,
.ct-module-title,
.ct-module-title a,
.ct-term-44,
.related a,
.up-sells a{
  color:#dfe3e8!important;
}

/* 3) Lead / descripcion corta, pestañas y descripcion de categoria */
.woocommerce-product-details__short-description,
.woocommerce-product-details__short-description *,
.woocommerce-Tabs-panel,
.woocommerce-Tabs-panel p,
.woocommerce-Tabs-panel li,
.term-description,
.term-description *{
  color:#c9ced6!important;
}

/* 4) Migas de pan y metadatos secundarios -> gris claro */
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a,
.ct-breadcrumbs,
.ct-breadcrumbs a,
.ct-breadcrumbs span,
.ct-separator,
.posted_in,
.posted_in a,
.sku_wrapper,
.sku,
.tagged_as,
.tagged_as a,
.woocommerce-result-count,
.woocommerce-ordering,
.woocommerce-ordering *{
  color:#aeb6c2!important;
}

/* 5) Hover de marca en enlaces de contenido */
.woocommerce-breadcrumb a:hover,
.ct-breadcrumbs a:hover,
.posted_in a:hover,
.product-title:hover,
.woocommerce-LoopProduct-link:hover,
.ct-term-44:hover{
  color:#e8363c!important;
}

/* 6) Footer: tiene fondo claro propio -> mantener texto oscuro.
   (Esta fuera de .site-main; esto es un seguro por si alguna regla filtrara.) */
.ct-footer{
  --theme-text-color:#2b2f36!important;
  --theme-font-color:#2b2f36!important;
  --theme-headings-color:#131117!important;
  --theme-heading-color:#131117!important;
}

/* 7) Bloque "Ofertas y Promociones" (newsletter): estaba con texto blanco sobre fondo
   claro (invisible). Se repone su fondo oscuro y se aclaran las etiquetas del formulario
   (sin tocar los inputs, que van con fondo blanco y texto oscuro). */
.stk-79dbbf3{
  background-color:#0b0f17!important;
}
.stk-79dbbf3 label,
.stk-79dbbf3 .wpforms-field-label,
.stk-79dbbf3 .wpforms-required-label,
.stk-79dbbf3 .wpforms-field-description,
.stk-79dbbf3 .wpforms-field-sublabel{
  color:#cfd5dd!important;
}