/**
 * Overrides iso-front du périmètre vente — lot CSS 2026-07-08.
 *
 * Correctifs CIBLÉS par-dessus le bundle scopé (vam-vente.scoped.css), chargés
 * APRÈS lui (dep vam-vente-css). Chaque bloc référence le diagnostic comparatif
 * prod site 2 ↔ staging (agent css-diag-n2, notes NEXT-SESSION lot CSS).
 * Étalon = prod site 2. NE PAS fusionner dans le bundle généré (il est compilé
 * par tools/css-bundle/ — ce fichier est maintenu À LA MAIN).
 */

/* ------------------------------------------------------------------ *
 * 1. Gap 24px au-dessus du menu (retour Pierre 2026-07-08).
 *    Cause : le wrapper chrome D24 `wp:group` (layout default) est classé
 *    `is-layout-flow` par WP → block-gap global du thème site 1 (1.5rem)
 *    sur `> * + *`. Prod : header = template-part, aucun gap.
 *    Neutralisé sur les DEUX wrappers chrome (header + footer).
 * ------------------------------------------------------------------ */
.vam-vente header.site-header > * + *,
.vam-vente footer.site-footer > * + *,
.vam-vente header.site-header .wp-block-acf-menu-vanaway-shop,
.vam-vente footer.site-footer .wp-block-acf-footer-vanaway-shop {
	margin-block-start: 0;
	margin-top: 0;
}

/* ------------------------------------------------------------------ *
 * 2. Facettes soulignées (retour Pierre — cause exacte : le scoping du
 *    bundle a REMPLACÉ `body` par `.vam-vente` au lieu de le préfixer →
 *    la règle miroir `body .wpc-filters-widget-content label a
 *    { text-decoration-line:none !important }` a perdu 1 point de
 *    spécificité et passe DERRIÈRE `label:not([class]) a { underline
 *    !important }` (égalité (0,2,2), ordre source défavorable).
 *    Ici : (0,2,3) → regagne la bataille quel que soit l'ordre.
 * ------------------------------------------------------------------ */
.vam-vente .wpc-filters-widget-content label a,
.vam-vente .wpc-filters-section label a {
	text-decoration-line: none !important;
}

/* ------------------------------------------------------------------ *
 * 3. Couleur d'accent Filter Everything (réglage GLOBAL en base :
 *    #188780 teal site 1 — intouchable, partagé avec les filtres loc).
 *    Prod site 2 : #6361b1. FE la sert via un CSS généré
 *    (uploads/cache/filter-everything/<hash>.css, 17 déclarations —
 *    diff complet des 2 fichiers générés, retour Pierre listing
 *    2026-07-08 nuit).
 *    ⚠️ RÈGLE DU BLOC (leçon chips teal) : le CSS généré charge APRÈS ce
 *    fichier → l'ordre ne nous sauve jamais, il faut une spécificité
 *    STRICTEMENT supérieure. On réplique donc le SÉLECTEUR EXACT de la
 *    règle générée en insérant `.vam-vente` après `body` — jamais de
 *    forme raccourcie (le premier jet à (0,4,3) perdait contre la règle
 *    générée (0,4,4) : chips restés teal).
 *    (Datepicker FE non couvert : aucun filtre date sur le périmètre.)
 * ------------------------------------------------------------------ */
.vam-vente .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range {
	background-color: #6361b1;
}

.vam-vente .wpc-spinner::after {
	border-top-color: #6361b1;
}

.vam-vente .star-rating span,
.vam-vente .star-rating span::before {
	color: #6361b1;
}

/* Chip sélectionné (fond + bord) — miroir exact du généré (0,4,4)/(0,3,3). */
body.vam-vente .wpc-filters-main-wrap input.wpc-label-input:checked + label span.wpc-filter-label-wrapper {
	background-color: #6361b1;
}

body.vam-vente .wpc-filters-main-wrap input.wpc-label-input:checked + label {
	border-color: #6361b1;
}

/* Chip hover — manquait au premier jet (états relevés au diff généré). */
body.vam-vente .wpc-filters-main-wrap input.wpc-label-input + label:hover span.wpc-filter-label-wrapper {
	color: #f5f5f5;
	background-color: #6361b1;
}

body.vam-vente .wpc-filters-main-wrap input.wpc-label-input + label:hover {
	border-color: #6361b1;
}

body.vam-vente .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a {
	border-color: #6361b1;
}

body.vam-vente .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
body.vam-vente .wpc-filters-main-wrap a.wpc-filters-submit-button {
	border-color: #6361b1;
	background-color: #6361b1;
}

body.vam-vente a.wpc-filters-open-widget:active {
	border-color: #6361b1;
	background-color: #6361b1;
	color: #fff;
}

.vam-vente .flrt-star-label svg {
	stroke: #6361b1;
}

.vam-vente .flrt-star-label-hover svg,
.vam-vente .wpc-chip-stars svg {
	fill: #6361b1;
}

/* ------------------------------------------------------------------ *
 * 4. Chips de facettes EN LIGNE (retour Pierre listing 2026-07-08 nuit :
 *    staging = chips empilés verticalement, prod = flux en ligne).
 *    Cause : règle GÉNÉRIQUE du thème SITE 1 (main.css, spécificité
 *    (0,8,2)) qui force `flex-direction:column; gap:.5rem` sur toute
 *    liste de labels FE non-dropdown/non-hiérarchique — elle style les
 *    filtres LOC et fuit dans le périmètre vente. Le site 2 n'a PAS
 *    cette règle : ses chips suivent le défaut du plugin FE (row/wrap,
 *    gap normal — computed vérifié sur prod). Miroir exact + .vam-vente
 *    (0,9,2) → gagne quel que soit l'ordre.
 * ------------------------------------------------------------------ */
body.vam-vente .wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list {
	flex-direction: row;
	gap: normal;
}

/* ------------------------------------------------------------------ *
 * 5. Pictos `fill-secondary-600` (retour Pierre réseau 2026-07-08 nuit :
 *    pictos adresse/téléphone VERTS sur staging, violet foncé prod).
 *    Cause : le site 2 N'ÉMET PAS cette classe Tailwind (JIT) — en prod
 *    le `fill` SVG HÉRITE simplement (computed #212048, pictos map) ;
 *    le main.css SITE 1 la définit VERTE (#6a9a2a) globalement + sa
 *    variante hover menu. Markup concerné sur le périmètre vente :
 *    map-agences (adresse/tél), circle-info des cartes véhicules,
 *    hover des icônes du mega-menu. `fill: inherit` = neutralisation
 *    fidèle au mécanisme source (« pas de règle » → héritage SVG),
 *    le reste de la cascade venant du bundle scopé.
 * ------------------------------------------------------------------ */
.vam-vente .fill-secondary-600 {
	fill: inherit;
}

/* Variante hover du menu — la règle site 1 est à (0,3,0), on passe au-dessus. */
.vam-vente .group\/link:hover .group-hover\/link\:fill-secondary-600 {
	fill: inherit;
}