/*
Theme Name: BELM POS
Description: Minimal theme for POS BELM PLUS. BELM-branded header and footer, light background and full-width pages for the POS menu, products, labels and users. The register takes over the full screen on any theme; this one just gives the rest of the site a clean frame, with no site menus getting in the way at the counter.
Author: Andres Camargo
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: belm-pos
*/

/*
 * Casi todo el aspecto vive en theme.json (colores, letra, márgenes). Aquí
 * solo lo que theme.json no sabe expresar.
 */

/* La cabecera: blanca, con la línea ámbar del logo debajo. */
.belm-cabecera {
	border-bottom: 3px solid var(--wp--preset--color--ambar);
	box-shadow: 0 2px 10px rgba(5, 36, 83, 0.06);
}

.belm-cabecera .belm-logo img {
	display: block;
	width: auto;
	height: 56px;
}

/* El contenido: las páginas del POS traen su propio ancho y sus tarjetas. */
.belm-principal {
	min-height: calc(100vh - 160px);
}

.belm-pie {
	font-size: 0.8125rem;
	letter-spacing: 0.02em;
}

/* Sin «saltar al contenido» visible salvo con el teclado. */
.skip-link.screen-reader-text:focus {
	background: var(--wp--preset--color--blanco);
	color: var(--wp--preset--color--azul);
}

@media (max-width: 600px) {
	.belm-cabecera .belm-logo img {
		height: 44px;
	}
}