/* ==========================================================================
   Boutique / Catégorie BIFL — "Dure Toujours"
   Grille produits + filtres WProductFilter, réutilise les couleurs/polices
   globales définies dans Personnaliser (voir product-page.css).
   Scopé aux pages archive WooCommerce (boutique, catégories) uniquement.
   ========================================================================== */

body.archive.woocommerce .bifl-eyebrow {
	font-size: 11px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--muted);
	font-weight: 500;
}

body.archive.woocommerce .bifl-eyebrow--sm {
	font-size: 10px;
}

body.archive.woocommerce .bifl-crumb-sep {
	margin: 0 4px;
}

body.archive.woocommerce .woocommerce-breadcrumb {
	padding: 20px 0 0;
	font-size: 12px;
	letter-spacing: .04em;
	color: var(--muted);
	text-transform: uppercase;
}

body.archive.woocommerce .woocommerce-breadcrumb a {
	color: var(--muted);
}

/* ---- bandeau d'en-tête (catégorie / boutique) ----------------------------- */
body.archive.woocommerce .bifl-archive-header {
	padding: 20px 0 8px;
}

body.archive.woocommerce .bifl-archive-title {
	font-size: 40px;
	color: var(--ink);
	margin-top: 12px;
	line-height: 1.08;
}

body.archive.woocommerce .bifl-archive-intro {
	margin-top: 14px;
	font-size: 16px;
	color: var(--muted);
	max-width: 64ch;
}

body.archive.woocommerce .bifl-archive-intro p {
	margin: 0;
}

/* ---- barre résultats + tri (WooCommerce natif) ---------------------------- */
/* Résultats à gauche, tri à droite, alignés sur la même ligne (desktop). */
body.archive.woocommerce .woocommerce-result-count {
	float: left;
	margin: 28px 0 32px;
	font-size: 13.5px;
	color: var(--muted);
	line-height: 40px;
}

body.archive.woocommerce .woocommerce-ordering {
	float: right;
	margin: 28px 0 32px;
}

body.archive.woocommerce .woocommerce-ordering select {
	display: block;
	height: 40px;
	font-family: 'Manrope', system-ui, sans-serif;
	font-size: 13px;
	color: var(--ink);
	border: 1px solid var(--line-2);
	border-radius: 8px;
	padding: 0 32px 0 14px;
	background: var(--card);
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23767b71' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
}

/* ---- barre mobile : bouton "Filtrer par" + tri, même hauteur --------------- */
@media (max-width: 768px) {
	body.archive.woocommerce .woocommerce-result-count {
		float: none;
		line-height: normal;
		margin: 20px 0 12px;
	}

	body.archive.woocommerce .apf-mobile-bar {
		align-items: stretch;
	}

	body.archive.woocommerce .apf-mobile-bar .apf-open-filters {
		height: 44px;
		padding: 0 16px;
		border-radius: 8px;
		font-family: 'Manrope', system-ui, sans-serif;
		font-size: 13px;
		font-weight: 500;
		color: var(--ink);
		background: var(--card);
		border: 1px solid var(--line-2);
		box-sizing: border-box;
	}

	body.archive.woocommerce .apf-mobile-bar .woocommerce-ordering {
		float: none;
		margin: 0;
	}

	body.archive.woocommerce .apf-mobile-bar .woocommerce-ordering select {
		height: 44px;
		width: 100%;
		box-sizing: border-box;
	}
}

/* ---- WProductFilter : réutilise nos variables de couleur ------------------ */
body.archive.woocommerce .apf-shop-layout,
body.archive.woocommerce .apf-mobile-panel {
	--apf-card-bg: var(--card);
	--apf-border: var(--line-2);
	--apf-text: var(--ink);
	--apf-muted: var(--muted);
	--apf-accent: var(--green);
	--apf-bg-soft: var(--paper);
	--apf-radius: 12px;
	font-family: 'Manrope', system-ui, sans-serif;
}

body.archive.woocommerce .apf-shop-layout {
	margin-top: 0;
}

body.archive.woocommerce .apf-filters-title,
body.archive.woocommerce .apf-panel-title {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-size: 17px;
	text-transform: none;
	letter-spacing: 0;
	font-weight: 500;
}

body.archive.woocommerce .apf-accordion-header {
	font-family: 'Manrope', system-ui, sans-serif;
	font-size: 13px;
	letter-spacing: .02em;
}

body.archive.woocommerce .apf-open-filters,
body.archive.woocommerce .apf-apply,
body.archive.woocommerce .apf-reset {
	font-family: 'Manrope', system-ui, sans-serif;
	letter-spacing: .04em;
}

/* ---- carte produit (grille boutique/catégorie) ---------------------------- */
body.archive.woocommerce .bifl-card {
	list-style: none;
}

body.archive.woocommerce .bifl-card__link {
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
	gap: 13px;
}

body.archive.woocommerce .bifl-shot--sq {
	position: relative;
	aspect-ratio: 1 / 1;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: border-color .15s;
}

body.archive.woocommerce .bifl-card__link:hover .bifl-shot--sq {
	border-color: var(--line-2);
}

body.archive.woocommerce .bifl-shot__img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

body.archive.woocommerce .bifl-shot__fallback {
	font-size: 32px;
}

body.archive.woocommerce .bifl-card__badges {
	position: absolute;
	top: 11px;
	left: 11px;
	display: flex;
	flex-direction: row;
	gap: 6px;
	z-index: 1;
}

body.archive.woocommerce .bifl-card__badge {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--card);
	border: 1px solid var(--line-2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	box-shadow: 0 4px 10px -6px rgba(17, 35, 25, .4);
}

body.archive.woocommerce .bifl-card__score {
	position: absolute;
	top: 11px;
	right: 11px;
	z-index: 1;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	background: var(--card);
	border: 1px solid var(--line-2);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px -6px rgba(17, 35, 25, .4);
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-size: 13.5px;
	color: var(--green);
}

body.archive.woocommerce .bifl-card__info {
	text-align: left;
}

body.archive.woocommerce .bifl-card__name {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-size: 16px;
	margin-top: 5px;
	color: var(--ink);
	line-height: 1.25;
	transition: color .15s;
}

body.archive.woocommerce .bifl-card__link:hover .bifl-card__name {
	color: var(--green-2);
}

body.archive.woocommerce .bifl-card__meta {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-top: 9px;
}

body.archive.woocommerce .bifl-card__price,
body.archive.woocommerce .bifl-card__price .woocommerce-Price-amount {
	font-family: 'Space Grotesk', system-ui, sans-serif;
	font-size: 15.5px;
	color: var(--ink);
}

body.archive.woocommerce .bifl-card__score-inline {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(--green-2);
}

body.archive.woocommerce .bifl-related__dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--green);
}

/* ---- pagination WooCommerce ------------------------------------------------ */
.woocommerce nav.woocommerce-pagination ul {
	border:0;
}

.woocommerce nav.woocommerce-pagination ul li {
	border-right:0;
}

body.archive.woocommerce .woocommerce-pagination ul.page-numbers {
	display: flex;
	justify-content: center;
	gap: 8px;
	list-style: none;
	padding: 0;
}

body.archive.woocommerce .woocommerce-pagination ul.page-numbers li > .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	min-width: 36px;
	padding: 0 12px;
	border-radius: 8px;
	border: 1px solid var(--line-2);
	font-size: 13.5px;
	color: var(--ink);
	text-decoration: none;
	font-family: 'Manrope', system-ui, sans-serif;
}

body.archive.woocommerce .woocommerce-pagination ul.page-numbers li > .page-numbers.current {
	background: var(--green);
	color: #f4f2ec;
	border-color: var(--green);
}