/*
 * numma-mobile-accessories-ux.css
 * Solo mobile (<=767px). No afecta a desktop/tablet.
 * Ver numma-mobile-accessories-ux.php para el contexto completo.
 */

@media (max-width: 767px) {

	/* Toast discreto de confirmación (sustituye a la apertura automática
	   del carrito lateral cuando se añade un accesorio, y también se usa
	   tras el submit no-AJAX del producto principal). */
	body.single-product .numma-mobile-toast {
		position: fixed;
		left: 50%;
		bottom: env(safe-area-inset-bottom, 16px);
		transform: translate(-50%, 12px);
		max-width: calc(100vw - 32px);
		margin-bottom: 12px;
		background: #1f1f1f;
		color: #fff;
		font-family: inherit;
		font-size: 13px;
		line-height: 1.4;
		padding: 12px 18px;
		border-radius: 10px;
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
		opacity: 0;
		pointer-events: none;
		z-index: 100000; /* por encima del carrito lateral de Elementor Pro */
		transition: opacity 0.25s ease, transform 0.25s ease;
		text-align: center;
	}

	body.single-product .numma-mobile-toast.is-visible {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}