/* AyetamA Réseau — pages de recherche des annonces (v2.8.122).
   1) Le bloc de filtres à gauche est masqué (la bannière contient déjà la recherche). Il reste dans le
      formulaire, caché, car la catégorie choisie dans la bannière est recopiée dans son champ (#ayap_metier).
   2) Résultats (et carte) occupent la place libérée.
   3) Annonces : grille (3 par ligne sur ordinateur, 2 sur tablette) ou liste (1 par ligne), au choix.
   Mobile (≤ 760 px) : disposition inchangée. Feuille à part (nom neuf), chargée en dernier. */

/* --- Filtres retirés ------------------------------------------------------- */
html body .ayap-sr .ayap-sr-filtres,
html body .ayap-sr .ayap-sr-fond,
html body .ayap-sr .ayap-sr-filtres-btn,
html body .ayap-sr .ayap-sr-filtres-btn--rangee,
html body .ayap-sr .ayap-sr-rangee--seule {
	display: none !important;
}

/* --- Choix grille / liste -------------------------------------------------- */
html body .ayap-sr .ayap-sr-mode {
	display: inline-flex;
	border: 1px solid var(--sr-champ, #cfd6de);
	border-radius: 10px;
	overflow: hidden;
}

html body .ayap-sr .ayap-sr-mode button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	width: 46px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #fff;
	color: var(--sr-txt, #1d2733);
	cursor: pointer;
	box-shadow: none;
}

html body .ayap-sr .ayap-sr-mode button.is-on {
	background: var(--sr-c1, #09284e);
	color: var(--sr-c1t, #fff);
}

html body .ayap-sr .ayap-sr-mode button svg {
	display: block;
	pointer-events: none;
}

/* Sans JavaScript, le choix n'aurait aucun effet : il reste masqué. */
html body .ayap-sr:not(.is-js) .ayap-sr-mode {
	display: none;
}

/* --- Ordinateur (> 1100 px) : résultats + carte, sans colonne de filtres ---- */
@media (min-width: 1101px) {
	html body .ayap-sr {
		grid-template-columns: minmax(0, 1fr) var(--sr-col-c);
	}

	html body .ayap-sr.ayap-sr--sans-carte {
		grid-template-columns: minmax(0, 1fr);
	}

	html body .ayap-sr .ayap-sr-resultats {
		grid-column: 1;
		grid-row: 3;
	}

	html body .ayap-sr .ayap-sr-carte {
		grid-column: 2;
		grid-row: 3;
	}

	/* Grille : 3 annonces par ligne. */
	html body .ayap-sr:not(.ayap-sr--liste) .ayap-sr-cartes {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	/* Liste : une annonce par ligne. */
	html body .ayap-sr.ayap-sr--liste .ayap-sr-cartes {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* --- Tablette (761-1100 px) : grille de 2 annonces, ou liste ---------------- */
@media (min-width: 761px) and (max-width: 1100px) {
	html body .ayap-sr:not(.ayap-sr--liste) .ayap-sr-cartes {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html body .ayap-sr.ayap-sr--liste .ayap-sr-cartes {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* --- Mobile (≤ 760 px) : disposition inchangée, pas de choix à faire --------- */
@media (max-width: 760px) {
	html body .ayap-sr .ayap-sr-mode {
		display: none;
	}
}