/* Filtres communs : annuaire, vente, expos - maj 11/11/2026
   Charge APRES vente.css / rubriques.css / rubriques2.css. Remplace les ajouts fin-de-vente.css et fin-de-rubriques.css du 11/11.
   Regle unique : recherche par nom (champ + bouton noir), categories (bouton depliant sur mobile), panneau de filtres sable (listes en grille), liste active = fond encre. */

/* ---- Titres de rubrique ---- */
.v-filtre-titre,.v-ann-recherche label,
.v-vente .fancy-title h4,.v-expos .select-odexpo h4{margin:0 0 10px !important;padding:0 !important;font-size:.8rem !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase;color:#141414 !important;line-height:1.3}
.v-vente .fancy-title,.v-expos .fancy-title{margin:24px 0 10px !important}
.v-vente .fancy-title h4::before,.v-vente .fancy-title h4::after,.v-vente .fancy-title::before,.v-vente .fancy-title::after{display:none !important}
.v-vente .fancy-title h4,.v-vente .fancy-title{background:none !important;border:0 !important}

/* ---- Recherche par nom ---- */
.v-ann-recherche{margin:0 0 24px}
.v-ann-recherche > div{display:flex;gap:8px}
.v-ann-recherche input,.v-expos .select-odexpo input.sm-form-control{flex:1;width:100%;min-width:0 !important;height:46px;padding:0 12px;margin:0 !important;font:inherit;font-size:1rem;color:#141414;background:#fff;border:1px solid #141414;border-radius:0}
.v-ann-recherche button,.v-expos .select-odexpo button{height:46px;padding:0 24px;margin:0 !important;font:inherit;font-size:.9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#141414 !important;border:0;border-radius:0;cursor:pointer}
.v-expos .select-odexpo form{display:flex;gap:8px;text-align:left !important}

/* ---- Categories : pastilles ; sur mobile, bande horizontale qui defile (annuaire ici, vente dans vente.css) ---- */

/* ---- Panneau de filtres ---- */
.v-ann-filtres,.v-vente .select-odexpo,.v-expos .odexpowidget{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end;float:none !important;width:auto !important;margin:0 0 24px !important;padding:16px !important;background:var(--v-sable,#efebe3)}
.v-vente .select-odexpo::before,.v-vente .select-odexpo::after,.v-expos .odexpowidget::before,.v-expos .odexpowidget::after{display:none !important}
.v-expos .odexpowidget > h4{grid-column:1 / -1}
.v-vente .respodexpo,.v-expos .respodexpo{float:none !important;width:auto !important;min-width:0;margin:0 !important;padding:0 !important}
.v-vente .respodexpo:empty{display:none}
.v-ann-filtres label{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#57534c}
.v-ann-filtres select,.v-vente select.annuaire-art,.v-expos select.annuaire-art{width:100% !important;max-width:100%;min-width:0;height:46px;padding:0 10px;margin:0 !important;font:inherit;font-size:.95rem;font-weight:400;letter-spacing:0;text-transform:none;color:#141414;background-color:#fff;border:1px solid #c9c4ba;border-radius:0}
.v-ann-filtres select.v-actif,.v-vente select.annuaire-art[style*="#333"],.v-expos select.annuaire-art[style*="#333"]{color:#fff !important;background-color:#141414 !important;border-color:#141414}
.v-ann-filtres-act{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.v-ann-filtres-act a{color:#141414}

/* ---- Expos : recherche a gauche, filtres a droite ---- */
.v-expos .select-odexpo{display:grid;grid-template-columns:1fr;gap:24px;float:none !important;width:auto !important;padding:0 !important;margin:0 0 24px}
.v-expos .select-odexpo > [class*="col-md-"]{float:none !important;width:auto !important;padding:0 !important}
.v-expos .select-odexpo > .col-md-4 > div{margin:0}
.v-expos .odexpowidget{margin:0 !important}
.v-expos img{max-width:100%}

/* ---- Grilles ---- */
.v-ann-grille{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}
.v-ann-carte img{max-width:100%;height:auto}

.v-expos .odexpowidget .respodexpo{width:100% !important;max-width:none !important}
.v-expos .odexpowidget .respodexpo select.annuaire-art{width:100% !important}
.v-expos .odexpowidget > h4{margin:0 !important}
.v-expos .select-odexpo > .col-md-4 > div > h4{margin:0 0 10px !important}

/* ---- Ancre des filtres (inc_ancre.asp) ---- */
.v-ancre{display:block;height:0;scroll-margin-top:30px}

/* ---- Vente : bouton afficher / masquer le tri (mobile seulement ; le clic pose un style inline qui l'emporte) ---- */
.v-vente #boutafftri,.v-vente #boutafftri2{display:none;margin:0 0 10px}

/* ---- Expos : correctifs ---- */
.v-expos .input0{display:none !important}
.v-expos .select-odexpo > .col-md-4 > div{width:100%}
.v-expos .select-odexpo input.sm-form-control{flex:1 1 auto}
.v-expos .odexpowidget select.annuaire-art,.v-vente select.annuaire-art{max-width:100% !important}
.v-expos .entry-image .v-expo-img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}

/* ---- Mobile ---- */
@media (max-width:760px){
	.v-ann-recherche > div,.v-expos .select-odexpo form{flex-direction:column}
	.v-ann-recherche button,.v-expos .select-odexpo button{width:100%}
	.v-ann .v-ann-index{display:flex !important;flex-wrap:nowrap !important;gap:8px;overflow-x:auto;margin:0 0 16px !important;padding:0 0 10px !important;list-style:none;-webkit-overflow-scrolling:touch}
	.v-ann .v-ann-index > a{flex:0 0 auto;display:block !important;float:none !important;width:auto !important;margin:0 !important;white-space:nowrap}
	.v-ann-filtres,.v-vente .select-odexpo,.v-expos .odexpowidget{grid-template-columns:1fr 1fr;padding:12px !important}
	.v-ann-filtres-act{grid-column:1 / -1}
	.v-vente #boutafftri2{display:block}
	.v-expos .select-odexpo{grid-template-columns:1fr}
	.v-ann-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
	.v-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
	.v-vente,.v-expos{padding-left:12px !important;padding-right:12px !important}
	.v-vente .col-md-12{padding-left:0 !important;padding-right:0 !important}
	.v-vente .product-title,.v-vente .product-price{font-size:.9rem}
}
@media (max-width:400px){.v-ann-filtres,.v-vente .select-odexpo,.v-expos .odexpowidget{grid-template-columns:1fr}}
