/* Boucle MIST : la barre recherche + filtres, et le bouton « voir plus ».
   Les classes de carte et de grille viennent de la maquette : rien ici ne
   redefinit leur apparence. */

.mist-grille-barre {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	margin: 0 0 26px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid var(--line, #e7e4f0);
	border-radius: var(--r-l, 22px);
	box-shadow: var(--shadow-soft, 0 6px 24px rgba(28, 24, 60, .06));
}

.mist-grille-recherche { flex: 1 1 260px; min-width: 0; }
.mist-grille-recherche .input { width: 100%; }

.mist-grille-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	flex: 0 1 auto;
}

/* ⚠️ BARRE COLLANTE : L'OFFSET N'EST PAS DEVINE, IL EST MESURE.
   L'en-tete du site est lui-meme collant (z-index 50). Une barre posee en
   `top: 0` passerait DESSOUS. Mesures relevees en ligne le 31/07 :
   en-tete 127 px a 1440, 166 px a 390. On se cale sous le premier, et on
   DESACTIVE le collant sur telephone — a 390 px, 166 px d'en-tete plus une
   barre de filtres ne laisseraient presque rien de hauteur utile. */
@media (min-width: 1200px) {
	.mist-grille-collante .mist-grille-barre {
		position: sticky;
		top: 135px; /* 127 de l'en-tete + 8 de respiration */
		z-index: 40; /* sous l'en-tete (50), au-dessus des cartes */
	}
}

.mist-grille-items[aria-busy="true"] {
	opacity: .55;
	transition: opacity .15s ease;
}

.mist-grille-plus {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

/* ⚠️ SANS CETTE REGLE, LE `hidden` DU SERVEUR NE CACHE RIEN.
   `[hidden] { display:none }` vit dans la feuille du NAVIGATEUR : la
   declaration `display` ci-dessus la bat — question d'ORIGINE de cascade, pas
   de specificite. Mesure du 05/08 sur les 4 catalogues, en 1440 ET en 390 :
   attribut `hidden` bien pose (rien de plus a charger), bouton pourtant
   affiche a 1104 x 43 px, clic sans effet, zero erreur console. Les 8 criteres
   de QA le declaraient vert.
   `.mist-grille-vide` n'en a pas besoin : elle ne declare aucun `display`. */
.mist-grille-plus[hidden] {
	display: none;
}

.mist-grille-vide {
	text-align: center;
	margin: 30px 0;
}

/* ⚠️ Les regles de la carte cliquable ont DEMENAGE dans `mist-cartes.css`.
   Elles etaient ici, donc chargees uniquement quand une grille est presente :
   les cartes ancrees des 34 pages de contenu sortaient sans style. */