/*
Theme Name:        ECN Child
Theme URI:         https://ecomnoticias.com
Description:       Tema hijo de EcomNoticias (ECN). Marca según docs/01-sistema-visual.md; tokens en ecn-brand-tokens.css. Nunca hardcodear colores aquí.
Author:            EcomNoticias
Author URI:        https://ecomnoticias.com
Template:          jannah
Version:           0.3.7
Requires at least: 6.4
Requires PHP:      8.1
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       ecn-child
*/

/*
 * Overrides de Jannah con la marca ECN.
 * Selectores verificados contra el código fuente de Jannah 7.6.5
 * (ver docs/03-reconocimiento-jannah.md). Cero hexadecimales: solo tokens.
 * Sin !important: donde el CSS generado por Theme Options (prioridad 1001)
 * pisaría un override, se sube ESPECIFICIDAD, no prioridad.
 */

/* ---- Variables propias de Jannah, redefinidas con tokens ECN ----
 * Jannah pinta marca, navegación y botones desde estas custom properties
 * (assets/css/base.css y style.css del padre). Redefinirlas cubre la mayor
 * parte de la identidad sin tocar plantillas. */
:root {
	--brand-color: var(--ecn-rojo);
	--dark-brand-color: color-mix(in srgb, var(--ecn-rojo) 82%, var(--ecn-negro));
	--base-color: var(--ecn-negro);
	--bright-color: var(--ecn-blanco);

	/* Navegación principal: fondo blanco, texto negro, acento rojo (maqueta) */
	--main-nav-background: var(--ecn-blanco);
	--main-nav-text-color: var(--ecn-negro);
	--main-nav-primary-color: var(--ecn-rojo);
	--main-nav-contrast-primary-color: var(--ecn-blanco);
	--main-nav-main-border-color: var(--ecn-gris-borde);
	--main-nav-secondry-background: var(--ecn-negro);
	--main-nav-secondry-text-color: var(--ecn-blanco);
	--main-nav-secondry-border-color: var(--ecn-negro);

	/* C6 — Botones (Suscríbete): rojo, esquinas rectas */
	--tie-buttons-color: var(--ecn-rojo);
	--tie-buttons-text: var(--ecn-blanco);
	--tie-buttons-hover-color: var(--ecn-negro);
	--tie-buttons-hover-text: var(--ecn-blanco);
	--tie-buttons-border-color: var(--ecn-rojo);
	--tie-buttons-radius: 0;
}

/* ---- C1 — Etiqueta de categoría: TODAS en rojo ----
 * Decisión de diseño (docs/01-sistema-visual.md): un solo acento lee más
 * autoritario. Jannah emite .post-cat.tie-cat-{id} y el CSS generado por
 * Theme Options le pone color por categoría DESPUÉS de este archivo; el
 * selector doble clase + atributo gana por especificidad, sin !important. */
.post-cat,
.post-cat.post-cat[class*="tie-cat-"] {
	background-color: var(--ecn-rojo);
	color: var(--ecn-blanco);
	text-transform: uppercase;
	font-family: var(--ecn-font-titular);
	font-variation-settings: 'wght' 700, 'wdth' 85;
	letter-spacing: 0.04em;
	border-radius: 0;
}

/* ---- C6 — Botón: refuerzo sobre la clase base de Jannah ---- */
.button {
	border-radius: 0;
}

/* ---- Tipografía: asignación por rol (docs/04-tipografia.md) ----
 * Una sola familia (Archivo variable); los roles mueven los ejes wght/wdth.
 * Titulares condensados: es lo que hace que la portada lea como periódico. */

/* Titular de nota y titulares generales: 700 / 85 */
.post-title,
.entry-title,
h2, h3, h4 {
	font-family: var(--ecn-font-titular);
	font-variation-settings: 'wght' 700, 'wdth' 85;
	color: var(--ecn-negro);
}

/* Titular principal (portada y single): ejes de titular (800 / 80) */
h1,
h1.post-title,
h1.entry-title {
	font-family: var(--ecn-font-titular);
	font-variation-settings: 'wght' var(--ecn-titular-wght), 'wdth' var(--ecn-titular-wdth);
	color: var(--ecn-negro);
}

/* Cuerpo de nota y sumarios: 400 / 100 (ancho normal) */
body,
.entry,
p {
	font-family: var(--ecn-font-cuerpo);
	font-variation-settings: 'wght' 400, 'wdth' 100;
}

/* ---- Ítems especiales del menú principal ----
 * Se activan con clases CSS puestas en el ítem del menú (wp-admin o REST):
 *   .ecn-menu-en-vivo    → "Radio": punto rojo pulsante al lado (C5)
 *   .ecn-menu-suscribete → "Suscríbete": botón rojo de esquinas rectas (C6) */
.ecn-menu-en-vivo > a::after {
	content: 'EN VIVO';
	color: var(--ecn-rojo);
	font-size: var(--ecn-fs-xs);
	font-variation-settings: 'wght' 700, 'wdth' 85;
	letter-spacing: 0.06em;
	margin-inline-start: var(--ecn-sp-2);
}

.ecn-menu-en-vivo > a::before {
	content: '';
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	background: var(--ecn-rojo);
	margin-inline-end: var(--ecn-sp-1);
	vertical-align: middle;
	animation: ecn-pulso 1.6s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
	.ecn-menu-en-vivo > a::before {
		animation: none;
	}
}

.ecn-menu-suscribete > a {
	background: var(--ecn-rojo);
	color: var(--ecn-blanco);
	border-radius: 0;
	padding: var(--ecn-sp-2) var(--ecn-sp-4);
	font-variation-settings: 'wght' 700, 'wdth' 85;
}

.ecn-menu-suscribete > a:hover {
	background: var(--ecn-negro);
	color: var(--ecn-blanco);
}

/* ---- Sumarios y texto secundario en Gris Prensa (400 / 100) ---- */
.post-excerpt,
.entry-sub-title {
	color: var(--ecn-gris);
}

/* ---- Metadatos, fechas, autoría: 500 / 100 ---- */
.post-meta {
	color: var(--ecn-gris);
	font-variation-settings: 'wght' 500, 'wdth' 100;
}