/* AyetamA Réseau — correctif de la barre de recherche (v2.8.107).
   Sur le site, WordPress enveloppe le bouton « Rechercher » dans un paragraphe <p> : le bouton n'est donc pas
   un enfant direct de la barre. Les règles écrites pour « > .ayap-sr-btn » ne l'atteignaient pas, et l'ordre
   d'affichage (2.8.105 et 2.8.106) le plaçait en premier. Ici, tout ce qui n'est pas un champ (le bouton, ou son
   paragraphe) passe en dernier, et le bouton est stylé qu'il soit enveloppé ou non.
   Feuille à part (nom neuf), chargée en dernier. */

/* Tablette et mobile : seul l'ordre est corrigé (le bouton reste en bas, sous les champs). */
@media (max-width: 1100px) {
	html body .ayap-sr .ayap-sr-barre-recherche > :not(.ayap-sr-f) {
		order: 4;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > br {
		display: none !important;
	}
}

/* Ordinateur : bouton orange de même hauteur que les champs, en dernière colonne. */
@media (min-width: 1101px) {
	html body .ayap-sr .ayap-sr-barre-recherche > :not(.ayap-sr-f) {
		order: 4;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > br {
		display: none !important;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > p {
		display: flex !important;
		align-items: stretch;
		min-width: 0;
		margin: 0 !important;
		padding: 0 !important;
	}

	html body .ayap-sr .ayap-sr-barre-recherche .ayap-sr-btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: auto !important;
		height: 58px !important;
		min-height: 58px !important;
		margin: 0 !important;
		padding: 0 34px !important;
		border: 0 !important;
		border-radius: 12px !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		letter-spacing: 0.03em !important;
		text-transform: none !important;
		white-space: nowrap;
		box-shadow: none !important;
	}
}

/* Petit ordinateur (1101-1280 px) : un peu plus compact pour que « Toutes catégories » ne soit pas coupé. */
@media (min-width: 1101px) and (max-width: 1280px) {
	html body .ayap-sr .ayap-sr-barre-recherche .ayap-sr-btn {
		padding: 0 22px !important;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f-cat select {
		padding-left: 42px !important;
		padding-right: 30px !important;
		font-size: 15px !important;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f-cat::after {
		right: 9px;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f input[type="text"] {
		font-size: 15px !important;
	}
}