/* Favoris — voir inc/favoris.php */
.mb-fav { cursor: pointer; font-family: inherit; }
.mb-fav .mb-icon { width: 18px; height: 18px; transition: fill .15s, color .15s; }
.mb-fav.is-active .mb-icon { fill: var(--mb-bordeaux); color: var(--mb-bordeaux); }

/* Rond sur la photo (boutique, accueil, favoris) */
.mb-fav--card {
	position: absolute; top: 10px; right: 10px; z-index: 3;
	display: flex; align-items: center; justify-content: center;
	width: 34px; height: 34px; padding: 0;
	background: #fff; border: 0; border-radius: 50%;
	color: var(--mb-ink); box-shadow: 0 1px 4px rgba(0,0,0,.15);
}
.mb-fav--card .mb-icon { width: 16px; height: 16px; }
.mb-galerie-card { position: relative; }
/* Cartes WooCommerce de la fiche céramiste */
body.mb-ceramist-store-page ul.products li.product { position: relative; }
/* Cartes « Autres œuvres » de la fiche produit */
.mille-bols-product-page .mb-related-card { position: relative; }

/* Avec texte, sur la fiche produit */
.mb-fav--inline {
	display: inline-flex; align-items: center; gap: 8px;
	margin: 6px 0 14px; padding: 6px 0;
	background: none; border: 0; color: var(--mb-muted); font-size: 14px;
}
.mb-fav--inline:hover, .mb-fav--inline.is-active { color: var(--mb-bordeaux); }

/* Page Mes favoris */
.mb-favoris-page { max-width: 1200px; margin: 0 auto; padding: 24px 16px 64px; }
.mb-favoris-empty, .mb-favoris-note { color: var(--mb-muted); text-align: center; margin: 32px 0; }
.mb-favoris-note a, .mb-favoris-empty a { color: var(--mb-bordeaux); }