/**
 * Villa Victoria — Boutons de partage des fiches produit
 *
 * Cinq pastilles rondes à la place des abréviations « Fb · Tw · Ln · Pn ».
 * Le thème séparait les liens par un point olive rgba(88,94,72,.5), couleur de
 * la démonstration : les pastilles le remplacent, filet sable et icône navy,
 * navy plein au survol comme les boutons principaux sur fond clair.
 */

body.single-product .woocommerce-social-share.vv-partage {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

/* Trois règles du thème visent ces éléments depuis « .single-product
   #pxl-content-area div.product .entry-summary … » : un identifiant et quatre
   classes. Pour les reprendre sans !important, on répète sa chaîne et on y
   ajoute .vv-partage — une classe de plus, donc la main. */
body.single-product #pxl-content-area div.product .entry-summary .woocommerce-social-share.vv-partage .title,
body.single-product > div.product .entry-summary .woocommerce-social-share.vv-partage .title {
	margin-right: 4px;
	color: #0F1F34;
}

/* le thème sépare les liens par un point olive rgba(88,94,72,.5) : les
   pastilles s'en passent */
body.single-product #pxl-content-area div.product .entry-summary .woocommerce-social-share.vv-partage a + a,
body.single-product > div.product .entry-summary .woocommerce-social-share.vv-partage a + a {
	margin-left: 0;
}

body.single-product #pxl-content-area div.product .entry-summary .woocommerce-social-share.vv-partage a + a::before,
body.single-product > div.product .entry-summary .woocommerce-social-share.vv-partage a + a::before {
	content: none;
}

body.single-product .vv-partage--lien {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid #E6DFD4;
	border-radius: 50%;
	color: #0F1F34;
	background-color: #FFFFFF;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}

body.single-product .vv-partage--icone {
	width: 15px;
	height: 15px;
	display: block;
}

/* WhatsApp est le partage utile pour une prestation à offrir : on le distingue
   par le filet doré, sans en faire un aplat de couleur de marque. */
body.single-product .vv-partage--whatsapp {
	border-color: #C39A6B;
}

body.single-product .vv-partage--lien:hover,
body.single-product .vv-partage--lien:focus-visible {
	background-color: #0F1F34;
	border-color: #0F1F34;
	color: #FFFFFF;
}

@media (max-width: 575px) {
	body.single-product .woocommerce-social-share.vv-partage {
		gap: 8px;
	}

	body.single-product .vv-partage--lien {
		width: 34px;
		height: 34px;
	}
}