/*
Theme Name: BN Corazonista
Theme URI: https://benitonazar.edu.ar
Description: Theme de bloques del Colegio Corazonista Benito Nazar. Child de
             Twenty Twenty-Five. Reemplaza a ed-school, que dependia de
             WPBakery y Slider Revolution.
Author: Colegio Corazonista Benito Nazar
Version: 1.0.0
Template: twentytwentyfive
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bn-corazonista
*/

/* ---------- Sidebar de paginas hijas ---------- */
.bn-childpages { font-family: var(--wp--preset--font-family--primary); }
.bn-childpages__title {
	background: var(--wp--preset--color--primary);
	color: #fff;
	font-size: .95rem;
	font-weight: 700;
	letter-spacing: .04em;
	margin: 0;
	padding: .9rem 1.1rem;
	text-transform: uppercase;
}
.bn-childpages__list { list-style: none; margin: 0; padding: 0; }
.bn-childpages__list li { border-bottom: 1px solid #e6e8ea; margin: 0; }
.bn-childpages__list li:last-child { border-bottom: 0; }
.bn-childpages__list a {
	color: var(--wp--preset--color--contrast);
	display: block;
	padding: .75rem 1.1rem;
	text-decoration: none;
	transition: background .15s ease, color .15s ease;
}
.bn-childpages__list a:hover,
.bn-childpages__list a:focus { background: #f2f4f6; color: var(--wp--deprecated--color--primary, #2a3d4d); }
.bn-childpages__list .is-current > a {
	border-left: 3px solid var(--wp--preset--color--secondary);
	font-weight: 700;
}

/* ---------- Ajustes generales ---------- */
.wp-block-post-title { line-height: 1.2; }

.bn-page-header {
	background: var(--wp--preset--color--primary);
	color: #fff;
}
.bn-page-header .wp-block-post-title { color: #fff; }

/* Las imagenes heredadas del contenido migrado nunca desbordan */
.entry-content img, .wp-block-post-content img { height: auto; max-width: 100%; }

/* Tablas provenientes de los shortcodes scp_table */
.bn-table { border-collapse: collapse; width: 100%; }
.bn-table th, .bn-table td { border: 1px solid #e0e3e6; padding: .6rem .8rem; text-align: left; }
.bn-table th { background: #f2f4f6; font-weight: 700; }

/* ---------- Video institucional de portada -------------------------------
 * Banda a ancho completo con el alto acotado, para que se note que hay
 * contenido debajo.
 *
 * En un monitor 16:9 un video 16:9 a ancho completo mide exactamente el alto
 * de la ventana, asi que para acotarlo hay que recortarlo: el iframe se
 * dimensiona a 16:9 sobre el ancho de la ventana (56.25vw) y el contenedor lo
 * recorta centrado, igual que un object-fit: cover. En pantallas angostas
 * 56.25vw queda por debajo del tope y no hay recorte.
 *
 * El video es decorativo: arranca solo, en bucle y en silencio. pointer-events
 * lo vuelve inerte, de modo que no queda nada clicleable: ni pausa, ni logo de
 * YouTube, ni enlace al canal, ni menu contextual.
 * ------------------------------------------------------------------------ */

.bn-hero-video {
	background: #000 center / cover no-repeat;
	height: min(56.25vw, 75vh);
	margin-block: 0;
	min-height: 190px;
	overflow: hidden;
	position: relative;
	user-select: none;
	/* Sin width declarado a proposito. alignfull escapa del padding del
	   contenedor con margenes negativos; si ademas se fija width: 100% el
	   ancho queda medido sobre el area CON padding y sobra una franja del
	   lado derecho. Con width automatico el bloque llena el hueco completo. */
	width: auto;
}

.bn-hero-video iframe {
	border: 0;
	display: block;
	height: 56.25vw;
	left: 0;
	min-height: 100%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}

/* En vertical se acota mas, para no comerse la pantalla del celular. */
@media (orientation: portrait) {
	.bn-hero-video { height: min(56.25vw, 60vh); }
}

/* Con "reducir movimiento" activado se muestra la miniatura fija en lugar del
   video: algo que arranca solo y no se puede pausar incumpliria la WCAG 2.2.2. */
@media (prefers-reduced-motion: reduce) {
	.bn-hero-video {
		background-image: url("https://i.ytimg.com/vi/YOwQOhtjeSg/maxresdefault.jpg");
	}
	.bn-hero-video iframe { display: none; }
}