/* ============================================================================
 * Cubacell Storefront — frontend baseline
 * Solo lo que theme.json no cubre. La mayoría del estilo vive en theme.json
 * (paleta, tipografía, button element) y en los bundles de cada bloque.
 * ============================================================================ */

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* Skip-link accesibilidad */
.cb-skiplink {
	position: absolute; left: -9999px; top: 8px; z-index: 1000;
	padding: 8px 16px; background: var(--wp--preset--color--ink); color: #fff;
	border-radius: 6px;
}
.cb-skiplink:focus { left: 8px; color: #fff; }

/* Focus visible global */
*:focus-visible { outline: 3px solid var(--wp--preset--color--primary); outline-offset: 2px; border-radius: 2px; }

/* Anclar el header sticky por encima del contenido del page-content */
header.wp-block-template-part { position: relative; z-index: 50; }

/* Buscador del header (Search block customizado) */
.wp-block-search__inside-wrapper {
	background: #fff;
	border-radius: 999px;
	padding: 4px 4px 4px 18px;
	height: 40px;
}
.wp-block-search__input {
	border: 0; background: transparent; outline: none; font-size: 14px; min-width: 0;
}
.wp-block-search__button {
	background: var(--wp--preset--color--accent-lime) !important;
	color: var(--wp--preset--color--ink) !important;
	border-radius: 50% !important;
	width: 32px; height: 32px;
	display: inline-flex; align-items: center; justify-content: center;
	border: 0;
}

/* Mini-cart icon color */
.wc-block-mini-cart__button { color: #fff !important; }
.wc-block-mini-cart__badge { background: var(--wp--preset--color--accent) !important; color: var(--wp--preset--color--ink) !important; font-weight: 800; }

/* Reduced-motion: deshabilitar transitions globales no-esenciales */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}