/* AyetamA Réseau — liste « Toutes catégories » dans la barre de recherche, ORDINATEUR UNIQUEMENT (v2.8.105).
   Même rendu que le widget de recherche de la page d'accueil : champ blanc arrondi, icône grise à gauche,
   chevron à droite. Masquée partout par défaut ; elle n'apparaît qu'au-dessus de 1100 px et seulement
   quand assets/js/recherche-barre-categorie.js l'a branchée (data-pret). Tablette et mobile : inchangés.
   Feuille à part (nom neuf), chargée après recherche-barre-ordinateur.css. */
html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f.ayap-sr-f-cat {
	display: none !important;
}

@media (min-width: 1101px) {
	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f.ayap-sr-f-cat[data-pret] {
		display: flex !important;
	}

	/* Ordre visuel : mot-clé, catégorie, lieu, bouton (l'ordre du code, lui, ne change pas). */
	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f:nth-child(1) {
		order: 1;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f.ayap-sr-f-cat {
		order: 2;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f:nth-child(2) {
		order: 3;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-btn {
		order: 4;
	}

	html body .ayap-sr .ayap-sr-barre-recherche:has(> .ayap-sr-f-cat[data-pret]) {
		grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) auto !important;
		max-width: 1240px !important;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f.ayap-sr-f-cat::before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238b93a7' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E") !important;
	}

	/* Chevron à droite */
	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f.ayap-sr-f-cat::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 12px;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7b8f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
		pointer-events: none;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f-cat select {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 38px 0 44px !important;
		border: 0 !important;
		border-radius: 12px !important;
		background: transparent !important;
		box-shadow: none !important;
		outline: 0 !important;
		color: #0f2340;
		font-family: inherit;
		font-size: 16px !important;
		font-weight: 500;
		line-height: normal !important;
		text-overflow: ellipsis;
		cursor: pointer;
		box-sizing: border-box !important;
		-webkit-appearance: none;
		appearance: none;
	}
}