/* Metacrilato Gestor — CABECERA Y BARRA INFERIOR DEL MÓVIL (26-09-2026).
   27-09-2026: alturas y tamaños en Apariencia → Móvil (--mc-movil-*).
   Hasta 1024 px sustituyen a la cabecera de móvil de Kadence y al botón
   flotante de WhatsApp. Colores, radios y tamaños: variables de Apariencia. */

.mc-mhead, .mc-mnav, .mc-msheet, .mc-mbuscar { display: none; }

@media (max-width: 1024px) {

	/* Fuera lo de Kadence y el WhatsApp flotante. */
	#mobile-header, #mobile-drawer, .custom-whatsapp-btn { display: none !important; }

	/* ---- Cabecera ---- */
	.mc-mhead {
		display: flex; align-items: center; gap: 6px;
		position: sticky; top: 0; z-index: 1000;
		height: var(--mc-movil-cabecera, 56px); padding: 0 10px 0 12px;
		background: var(--mc-fondo, #fff);
		border-bottom: 1px solid var(--mc-borde, #e2e8f0);
		box-sizing: border-box;
	}
	.admin-bar .mc-mhead { top: var(--wp-admin--admin-bar--height, 0px); }
	.mc-mhead-logo { display: flex; align-items: center; flex: 0 0 auto; line-height: 0; }
	.mc-mhead-logo img { height: var(--mc-movil-logo, 32px); width: auto; max-width: 112px; }

	.mc-mhead-contacto { display: flex; align-items: center; justify-content: center; gap: 2px; flex: 1 1 auto; min-width: 0; }
	.mc-mhead-contacto a,
	.mc-mhead-cart-ico {
		display: inline-flex; align-items: center; justify-content: center;
		width: calc(var(--mc-movil-icono-cabecera, 26px) + 14px); height: 44px;
		color: var(--mc-texto, #0f172a); text-decoration: none;
		font-size: var(--mc-movil-icono-cabecera, 26px); line-height: 1;
	}
	.mc-mhead-contacto a:active { color: var(--mc-enlace, #2563eb); }
	/* WhatsApp con su logo en color, como el botón del escritorio. */
	.mc-mhead-contacto .mc-mhead-wa img { width: var(--mc-movil-icono-cabecera, 26px); height: var(--mc-movil-icono-cabecera, 26px); display: block; }

	.mc-mhead-cart {
		display: inline-flex; align-items: center; gap: 2px;
		color: var(--mc-texto, #0f172a); text-decoration: none;
		margin-left: 2px; min-width: 0;
	}
	.mc-mhead-cart-ico { position: relative; }
	.mc-mhead-count {
		position: absolute; top: 3px; right: 1px;
		min-width: 17px; height: 17px; padding: 0 4px; box-sizing: border-box;
		border-radius: 9px; background: var(--mc-boton, #2c2c2e); color: var(--mc-boton-texto, #fff);
		font-size: 10px; font-weight: var(--mc-peso-fuerte, 600); line-height: 17px; text-align: center;
	}
	.mc-mhead-total {
		font-size: 13px; font-weight: var(--mc-peso-fuerte, 600);
		white-space: nowrap; letter-spacing: -.01em;
	}
	/* Pantallas muy estrechas: logo algo menor. */
	@media (max-width: 359px) {
		.mc-mhead-logo img { max-width: 96px; height: calc(var(--mc-movil-logo, 32px) - 4px); }
		.mc-mhead-contacto a { width: calc(var(--mc-movil-icono-cabecera, 26px) + 8px); font-size: calc(var(--mc-movil-icono-cabecera, 26px) - 3px); }
		.mc-mhead-contacto .mc-mhead-wa img { width: calc(var(--mc-movil-icono-cabecera, 26px) - 3px); height: calc(var(--mc-movil-icono-cabecera, 26px) - 3px); }
	}
	.mc-mhead-total .woocommerce-Price-amount { white-space: nowrap; }

	/* ---- Barra inferior ---- */
	body { padding-bottom: calc(var(--mc-movil-barra, 50px) + env(safe-area-inset-bottom, 0px)); }
	.mc-mnav {
		display: flex; align-items: stretch; justify-content: space-between;
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000;
		height: calc(var(--mc-movil-barra, 50px) + env(safe-area-inset-bottom, 0px));
		padding: 0 6px env(safe-area-inset-bottom, 0px);
		background: var(--mc-fondo, #fff);
		border-top: 1px solid var(--mc-borde, #e2e8f0);
		box-shadow: 0 -2px 10px rgba(0,0,0,.04);
		box-sizing: border-box;
	}
	.mc-mnav > * {
		display: flex; align-items: center; justify-content: center;
		min-width: 48px; height: var(--mc-movil-barra, 50px); padding: 0 6px;
		background: none; border: 0; border-radius: 0; box-shadow: none; margin: 0;
		color: var(--mc-texto, #0f172a); text-decoration: none; cursor: pointer;
		font-family: inherit; font-size: var(--mc-fs-compacto, 14px); font-weight: var(--mc-peso-titulo, 500);
		-webkit-tap-highlight-color: transparent;
	}
	.mc-mnav-txt { flex: 1 1 0; }
	.mc-mnav-ico { flex: 0 0 52px; font-size: var(--mc-movil-icono-barra, 24px); }
	.mc-mnav > *:hover, .mc-mnav > *:focus { background: none; color: var(--mc-texto, #0f172a); }
	.mc-mnav .is-actual, .mc-mnav [aria-expanded="true"] { color: var(--mc-enlace, #2563eb); }
	/* Cuenta con sesión iniciada: punto de color. */
	.mc-mnav-cuenta { position: relative; }
	.mc-mnav-cuenta.is-dentro::after {
		content: ""; position: absolute; top: 11px; right: 12px;
		width: 7px; height: 7px; border-radius: 50%; background: var(--mc-ok, #22c55e);
	}

	/* ---- Panel de Productos (desde abajo, encima de la barra) ---- */
	.mc-msheet:not([hidden]) {
		display: block; position: fixed; inset: 0; z-index: 999;
		background: rgba(15,23,42,.35);
	}
	.mc-msheet-in {
		position: absolute; left: 0; right: 0;
		bottom: calc(var(--mc-movil-barra, 50px) + env(safe-area-inset-bottom, 0px));
		background: var(--mc-fondo, #fff);
		border-radius: var(--mc-radio-tarjeta, 12px) var(--mc-radio-tarjeta, 12px) 0 0;
		padding: 16px 16px 8px;
		box-shadow: 0 -6px 20px rgba(0,0,0,.08);
	}
	/* 28-09-2026: como las cabeceras del desplegable de escritorio. */
	.mc-msheet-h {
		font-size: var(--mc-fs-compacto, 14px); font-weight: var(--mc-peso, 400);
		text-transform: none; letter-spacing: 0; color: var(--global-palette4, #2D3748);
		margin: 0 4px 6px;
	}
	.mc-msheet-a {
		display: flex; align-items: center; justify-content: space-between;
		padding: 14px 4px; border-top: 1px solid var(--mc-borde, #e2e8f0);
		color: var(--mc-texto, #0f172a); text-decoration: none;
		font-size: var(--mc-fs-base, 16px); font-weight: var(--mc-peso-titulo, 500);
	}
	.mc-msheet-a:first-of-type { border-top: 0; }
	.mc-msheet-a .mc-i { font-size: 18px; color: var(--mc-texto-3, #94a3b8); }
	/* Artículos y familias (28-09-2026): la lista es larga, el panel se desplaza. */
	.mc-msheet-in { max-height: calc(100dvh - var(--mc-movil-barra, 50px) - 56px); overflow-y: auto; overscroll-behavior: contain; }
	.mc-msheet-h-2 { margin-top: 18px; }
	.mc-msheet-art {
		display: flex; align-items: center; justify-content: space-between; gap: 12px;
		padding: 10px 4px; border-top: 1px solid var(--mc-borde, #e2e8f0);
	}
	.mc-msheet-h + .mc-msheet-art { border-top: 0; }
	.mc-msheet-art-nombre {
		color: var(--mc-texto, #0f172a); text-decoration: none;
		font-size: var(--mc-fs-base, 16px); font-weight: var(--mc-peso-titulo, 500);
	}
	/* «Ver todos»: mismo peso, un punto más grande (en móvil, × 1,618 no cabe). */
	.mc-msheet-todos .mc-msheet-art-nombre { font-size: calc(var(--mc-fs-base, 16px) * 1.25); }
	/* Corte a medida · Planchas: sin marco ni subrayado, más pequeños y un grosor menos. */
	.mc-msheet-modos { display: inline-flex; gap: 14px; flex: 0 0 auto; }
	.mc-msheet-modos a {
		display: inline-flex; align-items: center; min-height: 32px;
		color: var(--mc-texto-2, #64748b); white-space: nowrap;
		font-size: calc(var(--mc-fs-base, 16px) - 2px); font-weight: var(--mc-peso, 400);
		text-decoration: none;
	}

	/* ---- Búsqueda a pantalla completa ---- */
	.mc-mbuscar:not([hidden]) {
		display: block; position: fixed; inset: 0; z-index: 1001;
		background: var(--mc-fondo, #fff);
		padding: 12px;
	}
	.admin-bar .mc-mbuscar:not([hidden]) { top: var(--wp-admin--admin-bar--height, 0px); }
	.mc-mbuscar form {
		display: flex; align-items: center; gap: 8px;
		height: 48px; padding: 0 6px 0 14px;
		border: 1px solid var(--mc-borde-campo, #cbd5e1); border-radius: 24px;
		background: var(--mc-fondo, #fff);
	}
	.mc-mbuscar form > .mc-i { font-size: 20px; color: var(--mc-texto-2, #64748b); }
	.mc-mbuscar input[type="search"] {
		flex: 1; min-width: 0; height: 100%;
		border: 0 !important; outline: 0; box-shadow: none !important; background: transparent;
		font-size: 16px; /* 16 px: iOS no hace zoom al enfocar */
		color: var(--mc-texto, #0f172a); padding: 0;
	}
	.mc-mbuscar-cerrar {
		display: inline-flex; align-items: center; justify-content: center;
		width: 40px; height: 40px; border: 0; background: none; padding: 0;
		font-size: 22px; color: var(--mc-texto, #0f172a); cursor: pointer;
	}
	body.mc-m-abierto { overflow: hidden; }
}

/* iOS amplía la página al tocar un campo con letra de menos de 16 px, y al
   ampliarla las barras fijas se quedan «flotando» en medio de la pantalla
   (se vio en el configurador y en el pago). En el móvil, todos los campos a
   16 px. (26-09-2026) */
@media (max-width: 1024px) {
	input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),
	select,
	textarea {
		font-size: 16px !important;
	}
}

/* Icono del carrito de la cabecera del móvil: el de Gestor → Textos e
   iconos → Cabecera (el mismo que el del escritorio), como máscara. */
@media (max-width: 1024px) {
	.mc-mhead-cart-svg {
		display: block; width: var(--mc-movil-icono-cabecera, 26px); height: var(--mc-movil-icono-cabecera, 26px);
		background-color: currentColor;
		-webkit-mask: var(--mc-ico-hdr-carrito) no-repeat center / contain;
		mask: var(--mc-ico-hdr-carrito) no-repeat center / contain;
	}
}