/* AyetamA Réseau — barre de recherche des 3 pages de recherche, ORDINATEUR UNIQUEMENT (v2.8.104).
   Prestataires, travaux à réaliser, matériel & équipements. Même rendu que le widget de recherche
   de la page d'accueil : une rangée de champs blancs arrondis (icône grise à l'intérieur, sans libellé
   visible) puis le bouton orange. Feuille à part (nom neuf, jamais servie depuis un ancien cache),
   chargée après recherche.css et recherche-compact.css. Tablette (≤ 1100 px) et mobile : inchangés,
   rien ici ne s'applique en dessous de 1101 px. Couleurs : Réseau > Apparence. */
@media (min-width: 1101px) {
	html body .ayap-sr .ayap-sr-barre-recherche {
		display: grid !important;
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto !important;
		gap: 10px !important;
		align-items: stretch !important;
		width: 100%;
		max-width: 1120px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	/* Champs blancs arrondis */
	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f {
		position: relative !important;
		display: flex !important;
		flex-direction: column;
		justify-content: center;
		min-width: 0;
		min-height: 58px !important;
		height: 58px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 1px solid #d5dde8 !important;
		border-radius: 12px !important;
		background-color: #fff !important;
		box-shadow: none !important;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f:hover {
		border-color: #b9c4d3 !important;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f:focus-within {
		border-color: var(--sr-c2) !important;
		box-shadow: 0 0 0 3px color-mix(in srgb, var(--sr-c2) 35%, transparent) !important;
	}

	/* Icône simple, à l'intérieur du champ (plus de pastille colorée) */
	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f::before {
		top: 50%;
		left: 13px;
		width: 22px;
		height: 22px;
		border-radius: 0;
		background-color: transparent !important;
		background-size: 20px 20px;
		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%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") !important;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f:nth-child(2)::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%3Cpath d='M12 21s7-6.2 7-11.5A7 7 0 0 0 5 9.5C5 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") !important;
	}

	/* Libellé : lu par les lecteurs d'écran, non affiché */
	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f label {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		margin: -1px !important;
		padding: 0 !important;
		overflow: hidden !important;
		clip: rect(0 0 0 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f input[type="text"] {
		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 16px 0 44px !important;
		border: 0 !important;
		border-radius: 12px !important;
		background: transparent !important;
		box-shadow: none !important;
		outline: 0 !important;
		color: #0f2340;
		font-size: 16px !important;
		font-weight: 500;
		line-height: normal !important;
		text-overflow: ellipsis;
		box-sizing: border-box !important;
		-webkit-appearance: none;
		appearance: none;
	}

	html body .ayap-sr .ayap-sr-barre-recherche > .ayap-sr-f input[type="text"]::placeholder {
		color: #8b93a7;
		font-weight: 400;
		opacity: 1;
	}

	/* Bouton orange, même hauteur que les champs */
	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;
	}
}