/*
 * Valette Optimisations - Phase 5 : polish mobile (<= 767px).
 * Aucune modification de design : memes couleurs, memes fontes.
 * Uniquement de la lisibilite, des zones tactiles et de l'alignement.
 * Rollback : passer VALETTE_MOBILE_POLISH a false (ce fichier n'est plus charge).
 */

@media (max-width: 767px) {

	/* --- Boutons d'action pleine largeur + zone tactile >= 44px --- */
	.single_add_to_cart_button,
	.w-commerce-commerceaddtocartbutton,
	.buy-button,
	.w-commerce-commercecheckoutplaceorderbutton {
		display: block !important;
		width: 100% !important;
		min-height: 48px !important;
		line-height: 1.2 !important;
		padding-top: 14px !important;
		padding-bottom: 14px !important;
		font-size: 16px !important; /* evite le zoom auto iOS */
		box-sizing: border-box !important;
	}

	/* --- Selecteur de taille utilisable au doigt --- */
	.size-variator,
	.cc-product-quantity.size-variator,
	.variations .values label {
		min-height: 44px !important;
		min-width: 44px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 8px 14px !important;
		margin: 0 8px 8px 0 !important;
	}

	/* --- Typographie lisible (pas de texte < 12px) --- */
	.product-description,
	.big-paragraph,
	.paragraph,
	.menu-title-inside,
	.cart-product-name,
	.cart-product-price {
		font-size: 14px !important;
		line-height: 1.5 !important;
	}
	.label,
	.size-label {
		font-size: 12px !important;
	}

	/* --- Champs checkout : hauteur confortable + pas de zoom iOS --- */
	.woocommerce form .form-row input.input-text,
	.woocommerce-checkout input[type="text"],
	.woocommerce-checkout input[type="email"],
	.woocommerce-checkout input[type="tel"],
	.woocommerce-checkout select,
	.w-commerce-commercecheckoutemailinput {
		font-size: 16px !important;
		min-height: 44px !important;
	}

	/* --- Alignement : evite les debordements horizontaux --- */
	.fullscreen-images.eshop-images,
	.product-buy-form,
	.wrap-overlayed.checkout {
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	/* --- Barre d'achat sticky (ajoutee par valette-mobile.js) --- */
	.vlt-sticky-buy {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9999;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
		background: rgba(255, 255, 255, 0.96);
		box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.12);
		transform: translateY(110%);
		transition: transform 0.25s ease;
	}
	.vlt-sticky-buy.is-visible {
		transform: translateY(0);
	}
	.vlt-sticky-buy button {
		display: block;
		width: 100%;
		min-height: 48px;
		font-size: 16px;
		border: none;
		cursor: pointer;
		background: #111;
		color: #fff;
		letter-spacing: 0.04em;
		text-transform: uppercase;
	}
}