/*
 * WORDPRESS — la última capa de la cascada.
 *
 * Aquí, y solo aquí, se neutraliza lo que WordPress añade a la página y el tema no pidió.
 * No es una capa de diseño: si una regla de aquí cambia el aspecto de la web pública, está
 * en el fichero equivocado.
 *
 * Regla: neutralizar lo que estorba, nunca borrar CSS del core a lo bruto.
 */

/* ══ Barra de administración ═════════════════════════════════════════════════
 * `inc/setup.php` desactiva el empujón de WordPress (el `html { margin-top }` que
 * reservaba sitio a la barra) para que la web se vea igual logueada y sin loguear. A
 * cambio, la barra flota sobre la página y lo único que puede tapar es la navbar, que
 * es el único elemento `fixed` del tema. Se aparta usando la altura que publica el
 * propio core, no un número copiado a mano:
 *
 *   --wp-admin--admin-bar--height : 32px en escritorio, 46px por debajo de 782px.
 */
body.admin-bar .em-header {
	top: var(--wp-admin--admin-bar--height, 32px);
}

/*
 * Por debajo de 600px el core deja la barra en `position: absolute`: se va con el scroll
 * en cuanto la página se mueve. En ese momento la navbar recupera el borde superior, o
 * dejaría un hueco flotando donde ya no hay barra.
 */
@media screen and (max-width: 600px) {
	body.admin-bar .em-header.is-scrolled {
		top: 0;
	}
}

/* La barra tapa el enlace de salto si este arranca en el borde. */
body.admin-bar .em-skip-link {
	top: calc(1rem + var(--wp-admin--admin-bar--height, 32px));
}