/*
Theme Name: FernandoAylwin TTF 2026
Theme URI: 
Author: Víctor Mellado - uxcribe.cl
Author URI: 
Description: 
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: fernandoaylwin-ttf-2026
Tags: 
*/

/* ── vk7k-toggle ──────────────────────────────────────────────────────────────
   Desplegable animado: #vk7k-toggle-btn-N abre/cierra #vk7k-toggle-content-N.
   El comportamiento está en assets/js/vk7k-toggle.js; aquí solo lo que el
   navegador necesita para que la animación de altura funcione.
   El estado inicial "cerrado" lo pone el JS ([hidden]), así que sin JS el
   contenido queda visible: mejora progresiva. */

/* Se engancha por el PREFIJO del id, así el autor solo necesita poner el id
   (no hace falta recordar una clase extra en el bloque). */

[id^="vk7k-toggle-content-"] {
	overflow: hidden;   /* recorta el contenido mientras se anima la altura */
	will-change: height;
}

[id^="vk7k-toggle-content-"][hidden] {
	display: none;
}

/* Cualquier elemento con esta clase dentro del panel lo cierra */
.vk7k-toggle-close {
	cursor: pointer;
}

/* El contenido del panel puede traer bloques que se pelean por el ancho
   (p. ej. wp:search con width:100% + un botón de cerrar en un flex nowrap:
   el botón terminaba fuera de la pantalla en móvil). El buscador cede, los
   botones no. */
[id^="vk7k-toggle-content-"] .wp-block-search {
	flex: 1 1 0% !important;
	min-width: 0 !important;
	width: auto !important;
}

[id^="vk7k-toggle-content-"] .wp-block-buttons {
	flex: 0 0 auto;
}

/* Quien pide menos movimiento, no recibe animación (el JS también lo respeta) */
@media (prefers-reduced-motion: reduce) {
	[id^="vk7k-toggle-content-"] {
		will-change: auto;
	}
}