/*
Theme Name: Foly Frites
Description: Thème enfant de Fazfood pour le site Foly Frites.
Author: Foly Frites
Template: fazfood
Version: 0.2.4
Text Domain: foly-frites
*/

:root {
	--foly-yellow: #ffcc19;
	--foly-red: #c33130;
	--foly-black: #212121;
	--foly-cream: #f4f1ea;
}

/* Les couleurs définitives seront validées sur la prévisualisation du site. */
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	border-radius: 6px;
}

.woocommerce-info {
	border-top-color: var(--foly-yellow);
}

.woocommerce-info::before {
	color: var(--foly-red);
}

/* L’adresse de livraison est imposée par le lien entreprise. */
body.woocommerce-checkout #ship-to-different-address {
	display: none;
}

body.woocommerce-checkout .woocommerce-shipping-fields {
	margin-top: 0;
}

/* L'UGS contient l'identifiant technique Shopcaisse et n'aide pas le client. */
.single-product .product_meta {
	display: none;
}

/* Une photo plus lisible, sans déformer les visuels fournis par Shopcaisse. */
.single-product .woocommerce-product-gallery__image img {
	width: auto;
	max-width: 100%;
	max-height: 420px;
	height: auto;
	object-fit: contain;
	border-radius: 10px;
}

.single-product .woocommerce-product-gallery__image:hover img {
	opacity: 1 !important;
	visibility: visible !important;
}

/* Fazfood applique son propre effet de zoom et masque parfois l'image source. */
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery * {
	pointer-events: none !important;
}

.single-product .woocommerce-product-gallery:hover,
.single-product .woocommerce-product-gallery:hover figure,
.single-product .woocommerce-product-gallery:hover .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery:hover .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery:hover .woocommerce-product-gallery__image a,
.single-product .woocommerce-product-gallery:hover .woocommerce-product-gallery__image img:not(.zoomImg) {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

.single-product .woocommerce-product-gallery .zoomImg {
	display: none !important;
}

@media (max-width: 767px) {
	.woocommerce-checkout .woocommerce-info {
		font-size: 15px;
		line-height: 1.45;
	}
}