/* Le site au téléphone, d'abord la recherche foncière (Henri, 08/10/2026 : « corrige le module sur téléphone et améliore la
   qualité avec des menus déroulants, mesure au simulateur Apple »). Constats au simulateur iPhone 17 :
   bascule Filtres / Résultats transparente sur le titre « Communes », « 3 communes absentesde la
   rechercheDétails » sans espaces, raccourcis de période à 30 px, neuf catégories sur trois lignes,
   « Voir les résultats » presque invisible et posé sur le texte.
   Préfixe :is(html, html[data-theme]) :is(.page-app, body) .pg : instrument.css pose ses segments et ses
   boutons à (0,5,1) et se charge après cette feuille ; à égalité il gagnerait. */

/* Un menu déroulant à la place d'une rangée de boutons trop longue : au téléphone seulement */
:is(html, html[data-theme]) :is(.page-app, body) .pg .menu-tel { display: none; }
@media (max-width: 899px) {
  :is(html, html[data-theme]) :is(.page-app, body) .pg .menu-tel { display: block; margin: 0 0 8px; }
  :is(html, html[data-theme]) :is(.page-app, body) .pg .menu-tel select { width: 100%; min-height: 44px; font-size: 16px; }
  :is(html, html[data-theme]) :is(.page-app, body) .pg .menu-tel + .ec-biens,
  :is(html, html[data-theme]) :is(.page-app, body) .pg .pm-societes .pc-cats { display: none; }

  /* la bascule Filtres / Résultats reste au-dessus du contenu qui défile : opaque */
  :is(html, html[data-theme]) :is(.page-app, body) .pg.fc .fc-bascule { background: var(--i-panneau, var(--fond)); box-shadow: 0 1px 0 var(--i-trait, var(--filet)); }

  /* « 3 communes absentes de la recherche » : un bloc de texte, pas une rangée flexible qui mange les espaces */

  /* les raccourcis (période, biens…) à la taille d'un doigt */
  :is(html, html[data-theme]) :is(.page-app, body) .pg .pg-reglages :is(.pg-seg, .fc-seg, .pm-puces) > button { min-height: 44px; }

  /* « Voir les résultats » : le bouton principal, opaque, collé en bas du panneau */
  :is(html, html[data-theme]) :is(.page-app, body) .pg .pg-reglages .pm-bouton-filtres.bouton-primaire { position: sticky; bottom: 8px; z-index: 2; flex-shrink: 0; min-height: 44px; justify-content: center; font-weight: 500; box-shadow: 0 0 0 8px var(--i-panneau, var(--fond)); }

  /* « Reprendre les communes de la recherche foncière » (menu des communes des Permis) : 28 px → un doigt */
  :is(html, html[data-theme]) :is(.page-app, body) .pg .pm-reprendre { display: flex; align-items: center; min-height: 44px !important; } /* instrument.css impose 28 px !important */

  /* Les SIREN des permis : des liens de 17 px de haut dans le tableau ; une cible d'un doigt (zone élargie
     sans changer la ligne) */
  :is(html, html[data-theme]) :is(.page-app, body) .pg.pm .pm-table td > a[href*="annuaire-entreprises"] { display: inline-flex; align-items: center; min-height: 44px; }
}

/* La carte principale au téléphone : le bouton d'attribution (i) était sous la colonne d'outils (« Me
   localiser ») ; il passe à gauche, sous la feuille du bas comme avant */
@media (max-width: 699px) {
  #carte .maplibregl-ctrl-bottom-right { right: auto; left: 0; }
}

/* Le bouton d'attribution agrandi à 44 px (instrument.css) répétait son icône en mosaïque : une seule, centrée */
:is(html, html[data-theme]) .maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-button { background-repeat: no-repeat; background-position: center; }

/* L'icône (i) de MapLibre est noire : sur le cadre sombre de l'attribution (thème sombre) elle ne se voyait pas.
   Inversée en blanc ; le thème clair garde l'icône noire sur fond clair */
html:not([data-theme="clair"]) .page-app .maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-button { filter: invert(1); }