/* Vitrine (boutique, catégories) — maquette « Categorie » du 09/10/2026. */

/* ---- Filtres (colonne) + liste ---- */
.cs-vitrine{display:grid;grid-template-columns:minmax(0,2.55fr) minmax(0,9fr);gap:64px;align-items:start;padding-top:48px;padding-bottom:clamp(72px,7.8vw,112px)}
.cs-filtres{position:sticky;top:24px}
.cs-filtres__ouvrir{display:none}
.cs-filtres__form{display:flex;flex-direction:column;gap:36px}
.cs-filtres__tete{display:flex;justify-content:space-between;align-items:baseline}
.cs-filtres__titre{font:500 28px var(--police-titre);margin:0}
.cs-filtres__raz{font-size:var(--t-mini);border-bottom:1px solid var(--encre);padding-bottom:2px}
.cs-filtre{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.cs-filtre legend{padding:0;margin-bottom:16px}
.cs-filtre__option{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px}
.cs-filtre__option input{position:absolute;opacity:0;width:1px;height:1px}
.cs-filtre__case{flex:none;width:16px;height:16px;border:1px solid var(--encre);display:flex;align-items:center;justify-content:center;background:var(--blanc)}
.cs-filtre__option input:checked+.cs-filtre__case{background:var(--encre)}
.cs-filtre__option input:checked+.cs-filtre__case::after{content:"✓";color:var(--blanc);font-size:11px;line-height:1}
.cs-filtre__option input:focus-visible+.cs-filtre__case{outline:2px solid var(--accent);outline-offset:2px}
.cs-filtre__nom{flex:1}
.cs-filtre__nombre{color:#8a8a88;font-size:var(--t-mini)}
.cs-filtre__plus summary{cursor:pointer;font-size:var(--t-mini);color:var(--encre);border-bottom:1px solid currentColor;align-self:flex-start;display:inline-block;padding-bottom:2px;list-style:none}
.cs-filtre__plus summary::-webkit-details-marker{display:none}
.cs-filtre__plus[open] summary{display:none}
.cs-filtre__repliees{display:flex;flex-direction:column;gap:14px}
.cs-filtre input[type="range"]{width:100%;accent-color:var(--accent);margin:0}
.cs-filtre__bornes{display:flex;justify-content:space-between;font-size:var(--t-mini);color:var(--discret);margin-top:8px}
.cs-filtre__bornes output{color:var(--encre);font-weight:600}
.cs-filtres__appliquer{display:none}
.cs-filtres__aide{border-top:1px solid var(--bord);padding-top:24px;font-size:var(--t-petit);line-height:1.6;color:var(--texte);margin:0}

.cs-vitrine__barre{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;padding-bottom:20px;border-bottom:1px solid var(--encre);margin-bottom:32px;flex-wrap:wrap}
.cs-vitrine__nombre{font-size:var(--t-petit);color:var(--texte);margin:0}
.cs-tri{display:flex;gap:28px;font-size:var(--t-surtitre);letter-spacing:.14em;text-transform:uppercase;align-items:center;flex-wrap:wrap}
.cs-tri__libelle{color:var(--discret)}
.cs-tri__option{padding-bottom:4px;border-bottom:1px solid transparent}
.cs-tri__option.est-actif{border-bottom-color:var(--encre);font-weight:600}
.cs-grille--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}
.cs-vitrine__vide{padding:80px 0;text-align:center;color:var(--texte)}
.cs-vitrine__vide-titre{font:500 34px var(--police-titre);color:var(--encre);margin-bottom:12px}

.cs-encart-alerte{margin-top:72px;padding:36px 40px;background:var(--surface);display:flex;justify-content:space-between;align-items:center;gap:24px 32px;flex-wrap:wrap}
.cs-encart-alerte p{margin:0}
.cs-encart-alerte__titre{font:500 30px/1.1 var(--police-titre);margin-bottom:6px!important}
.cs-encart-alerte__texte{font-size:15px;color:var(--texte)}

/* Pagination WooCommerce / WordPress */
.cs-vitrine .navigation.pagination{margin-top:48px}
.cs-vitrine .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.cs-vitrine .page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--bord);font-size:var(--t-petit)}
.cs-vitrine .page-numbers.current{background:var(--encre);color:var(--blanc);border-color:var(--encre)}

/* ---- Archives (montres vendues) ---- */
.cs-archives{padding-top:40px;padding-bottom:var(--rythme)}
.cs-archives .cs-vitrine__nombre{margin:0 0 28px}
.cs-pastilles{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.cs-pastille{border:1px solid var(--bord-fort);padding:8px 14px;font-size:var(--t-mini);letter-spacing:.04em}
.cs-pastille span{color:var(--discret);margin-left:4px}
.cs-pastille.est-actif{background:var(--encre);border-color:var(--encre);color:var(--blanc)}
.cs-pastille.est-actif span{color:var(--bord-fort)}
.cs-archives .navigation.pagination{margin-top:48px}
.cs-archives .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.cs-archives .page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--bord);font-size:var(--t-petit)}
.cs-archives .page-numbers.current{background:var(--encre);color:var(--blanc);border-color:var(--encre)}

/* ---- Texte de référencement de la catégorie (sous la grille) ---- */
.cs-texte-seo{padding-bottom:var(--rythme)}
.cs-texte-seo__corps{max-width:78ch;color:var(--texte);line-height:1.75;border-top:1px solid var(--bord);padding-top:48px}
.cs-texte-seo__corps :where(h2,h3){font-family:var(--police-titre);font-weight:500;color:var(--encre);letter-spacing:-.01em;margin:1.6em 0 .5em}
.cs-texte-seo__corps :where(h2){font-size:var(--t-h3)}
.cs-texte-seo__corps :where(h3){font-size:22px}
.cs-texte-seo__corps :where(a){border-bottom:1px solid currentColor}

/* ---- Déjà vendues ---- */
.cs-deja{padding-top:0;padding-bottom:var(--rythme)}
.cs-deja__intro{color:var(--texte);margin:-20px 0 32px}

@media (max-width:1024px){
	.cs-vitrine{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px}
	.cs-filtres{position:static;border:1px solid var(--bord)}
	.cs-filtres__ouvrir{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;font-size:var(--t-mini);letter-spacing:var(--ls-bouton);text-transform:uppercase}
	.cs-filtres__ouvrir::after{content:"+";font-size:18px;line-height:1}
	.cs-filtres[open] .cs-filtres__ouvrir::after{content:"−"}
	.cs-filtres__form{padding:4px 18px 22px;gap:28px}
	.cs-filtres__tete .cs-filtres__titre{display:none}
	.cs-filtres__appliquer{display:flex}
	.cs-grille--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 16px}
	.cs-tri{gap:18px}
}
@media (max-width:600px){
	.cs-encart-alerte{padding:28px 22px}
}