/**
 * Onglets famille + filtre "sans porc" sur la grille boutique publique
 * (Frontend\Shop_Category_Filter). Réutilise les tokens couleur déjà
 * définis site-wide dans canardises-product.css (--wine, --gold, --line,
 * etc. — voir ce fichier pour les valeurs clair/sombre) plutôt que d'en
 * redéclarer une variante ici.
 */

.canardises-family-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0 0 1.5rem;
	padding: 0 0 .75rem;
	border-bottom: 1px solid var(--line, #dccfb2);
}

.canardises-family-tabs a {
	display: inline-block;
	padding: .4rem .9rem;
	border-radius: 999px;
	font-size: .9rem;
	text-decoration: none;
	color: var(--ink-soft, #6b5d47);
	background: var(--surface-2, #f2ecdd);
	border: 1px solid transparent;
	transition: background-color .15s ease, color .15s ease;
}

.canardises-family-tabs a:hover {
	background: var(--gold-tint, #f1e6d1);
	color: var(--ink, #241d16);
}

.canardises-family-tabs a.is-active {
	background: var(--wine, #6b2737);
	color: #fff;
}

.canardises-porc-filter {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	margin: 0 0 1.5rem;
	font-size: .9rem;
	color: var(--ink-soft, #6b5d47);
	cursor: pointer;
}

.canardises-porc-filter input {
	cursor: pointer;
}

/* Grille plus dense (loop_shop_columns=4, voir functions.php) : cartes un
   peu plus compactes pour laisser respirer 4 colonnes sans les tasser. */
ul.products li.product {
	font-size: .95em;
}

/* Badge « ❄️ Frais » sur la grille (Frontend\Product_Badges::render_badge,
   accroché sur woocommerce_shop_loop_item_title) : rendu EN SUPERPOSITION
   dans le coin de la photo, hors flux. Sinon le <span> inline occupe une
   ligne de texte en plus, uniquement sur les cartes "frais" → nom et prix
   décalés verticalement d'une carte à l'autre. Hors flux = toutes les
   cartes gardent exactement la même hauteur, alignement parfait.
   Ce sélecteur est limité à `ul.products li.product` : le même badge sur
   la fiche produit individuelle (dans `.summary`) n'est pas touché. */
ul.products li.product a.woocommerce-loop-product__link {
	position: relative;
	display: block;
}

ul.products li.product .canardises-frais-badge {
	position: absolute;
	top: .4rem;
	left: .4rem;
	z-index: 2;
	margin: 0;
	padding: .15rem .45rem;
	line-height: 1.2;
	white-space: nowrap;
	background: rgba(255, 255, 255, .9);
	border-radius: 999px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}