/* Elements communs a tout le site (refonte 2026) : menu mobile (includes/menu_mobile.php), barre de partage et titres
   du pied de page (bas.php). Charge apres css/mobile.css sur toutes les pages. Couleurs reprises de css/annuaire-v2.css. */

/* ---------- ordinateur : en-tete d'origine, menu mobile cache ---------- */
.eam-mobile { display: none; }
.eam-favoris { float: right; padding: 0; margin: 0; border: 0; background: none; cursor: pointer; }
.eam-pied-titre { margin: .67em 0; color: #11628F; font-weight: bolder; font-size: 17px; font-family: Verdana, sans-serif; }

.eam-partage { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 8px; padding: 10px 0; box-sizing: border-box;
	font: 13px/1.3 Verdana, sans-serif; }
.eam-partage-titre { color: #11628F; font-weight: bold; margin-right: 4px; }
.eam-partage a { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border: 1px solid #c9d8ea; border-radius: 999px;
	background: #fff; color: #0f4f86 !important; font-weight: bold; text-decoration: none !important; }
.eam-partage a:hover { border-color: #1a73b8; background: #eaf3fb; }

/* ---------- tablette et telephone ---------- */
@media only screen and (max-width: 990px) {
	/* l'en-tete d'origine (texte, icones, logo, barre de liens, grands boutons) est remplace par le menu */
	.eam-accroche, .eam-icones, .eam-logo-bureau, #top.eam-entete-bureau,
	#left > .boutons-left, #left > .eam-p-categories, #left > .eam-p-orientation, #left > .eam-p-recherches, #left > .eam-p-concours { display: none !important; }

	.eam-mobile { display: block; position: sticky; top: 0; z-index: 1000; background: #fff; border-bottom: 1px solid #dde3ea;
		box-shadow: 0 1px 8px rgba(15, 79, 134, .08); font: 15px/1.4 "Helvetica Neue", Arial, sans-serif; color: #1f2933; text-align: left; }
	.eam-mobile *, .eam-mobile *::before, .eam-mobile *::after { box-sizing: border-box; }
	.eam-saut { position: absolute; left: 8px; top: -60px; z-index: 2; padding: 10px 14px; background: #0f4f86; color: #fff !important; border-radius: 6px; }
	.eam-saut:focus { top: 8px; }
	.eam-barre { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 60px; padding: 0 12px; }
	.eam-marque { display: block; min-width: 0; }
	.eam-marque img { display: block; height: 42px; width: auto; max-width: 100%; }

	.eam-menu > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; list-style: none; cursor: pointer;
		border: 1.5px solid #1a73b8; border-radius: 8px; color: #1a73b8; font-weight: 700; font-size: 15px; user-select: none; }
	.eam-menu > summary::-webkit-details-marker { display: none; }
	.eam-menu > summary:focus-visible { outline: 3px solid #9cc7ec; outline-offset: 2px; }
	.eam-menu[open] > summary { background: #1a73b8; color: #fff; }
	/* icone trois barres, qui devient une croix a l'ouverture */
	.eam-burger, .eam-burger span, .eam-burger::before, .eam-burger::after { display: block; width: 18px; height: 2px; border-radius: 2px; background: currentColor; }
	.eam-burger { position: relative; background: transparent; height: 14px; }
	.eam-burger span { position: absolute; top: 6px; left: 0; transition: opacity .15s; }
	.eam-burger::before, .eam-burger::after { content: ""; position: absolute; left: 0; transition: transform .2s; }
	.eam-burger::before { top: 0; }
	.eam-burger::after { top: 12px; }
	.eam-menu[open] .eam-burger span { opacity: 0; }
	.eam-menu[open] .eam-burger::before { transform: translateY(6px) rotate(45deg); }
	.eam-menu[open] .eam-burger::after { transform: translateY(-6px) rotate(-45deg); }

	.eam-tiroir { position: absolute; left: 0; right: 0; top: 100%; max-height: calc(100vh - 60px); max-height: calc(100dvh - 60px); overflow-y: auto;
		overscroll-behavior: contain; padding: 14px 16px 28px; background: #fff; border-top: 1px solid #dde3ea; box-shadow: 0 14px 28px rgba(15, 40, 70, .18); }
	.eam-recherche { display: flex; gap: 8px; margin: 0 0 6px; }
	.eam-recherche input[type=search] { flex: 1; min-width: 0; min-height: 46px; padding: 0 12px; border: 1.5px solid #c9d2dc; border-radius: 8px;
		font: inherit; font-size: 16px; color: #1f2933; background: #fff; }
	.eam-recherche input[type=search]:focus { border-color: #1a73b8; outline: none; box-shadow: 0 0 0 3px rgba(26, 115, 184, .18); }
	.eam-recherche button { min-width: 56px; min-height: 46px; border: 0; border-radius: 8px; background: #f28c1e; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
	.eam-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

	.eam-groupe { margin: 18px 0 2px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #5b6773; }
	.eam-liste { list-style: none; margin: 0; padding: 0; }
	.eam-mobile .eam-liste a { display: flex; align-items: center; min-height: 46px; padding: 6px 4px; border-bottom: 1px solid #eef1f5;
		color: #1f2933; font-size: 16px; font-weight: 400; text-decoration: none; }
	.eam-mobile .eam-liste a:hover, .eam-mobile .eam-liste a:focus-visible { color: #1a73b8; background: #f6f8fb; }
	.eam-mobile .eam-liste a[aria-current] { color: #0f4f86; font-weight: 700; box-shadow: inset 3px 0 0 #f28c1e; padding-left: 12px; }
	.eam-sous { margin: 14px 0 0; border: 1px solid #dde3ea; border-radius: 10px; }
	.eam-sous > summary { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 14px; cursor: pointer;
		list-style: none; font-weight: 700; color: #0f4f86; }
	.eam-sous > summary::-webkit-details-marker { display: none; }
	.eam-sous > summary::after { content: ""; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
		transform: rotate(45deg); margin-top: -4px; transition: transform .15s; }
	.eam-sous[open] > summary::after { transform: rotate(-135deg); margin-top: 4px; }
	.eam-sous .eam-liste { padding: 0 14px 6px; }
	.eam-sous .eam-liste li:last-child a { border-bottom: 0; }
	.eam-pied { margin-top: 14px; }

	/* barre de partage du pied de page */
	.eam-partage { width: 100% !important; float: none !important; padding: 12px 8px; }
	.eam-partage-titre { width: 100%; text-align: center; margin: 0 0 2px; }
	.eam-partage a { min-height: 40px; }
}

/* actions JavaScript presentees comme des liens (detail-metier.php) : de vrais boutons, pas de faux liens href="#" */
.eam-bouton-lien { display: inline; padding: 0; margin: 0 0 0 6px; border: 0; background: none; color: #007BBF; font: inherit; text-decoration: underline; cursor: pointer; }