/* Les barres latérales de la recherche foncière en verre givré, comme les panneaux Apple (Henri, 07/11/2026 :
 * « les sidebar en blanc ou noir sont givrées comme Apple dans recherche foncière »).
 * Un flou n'a d'effet que s'il y a quelque chose derrière : tant que la barre contextuelle est active (html.sc-actif, bureau),
 * la carte passe SOUS la colonne de gauche (corps de page plein cadre) et la colonne devient un panneau flottant givré
 * (marge de 12 px, rayon, filet, ombre douce), comme la fiche et le panneau de résultats à droite (jetons de src/jetons.css :
 * --verre-givre, --verre-flou, --verre-filet, --r-panneau). Blanc givré en thème clair, noir givré en thème sombre.
 * Avant la recherche, le panneau est la coquille (.coq : logo, Retour, réglages, compte) ; après la recherche la coquille est
 * effacée (html.fpar-recherche) : l'en-tête (.sca-tete) et les réglages portent le verre à eux deux, sans couture.
 * Le JS de la barre (src/sidebar-contextuelle.js) et celui du parcours guidé (src/foncier-parcours-guide.js) ne changent pas. */
@media (min-width: 900px) {
  /* la carte occupe tout le cadre : elle passe sous la colonne de gauche (la fenêtre foncière .pg garde son retrait de 340 px) */
  html.sc-actif body.page-app { left: 0; }
  html.sc-actif:has(> body.page-app)::before { display: none; }          /* l'ancien fond plein de la barre */

  /* avant la recherche : le panneau givré est posé DANS la fenêtre foncière, au-dessus de la carte (.pg-appli::after) ; la coquille (logo, Retour,
   * compte) passe au-dessus de lui, sans fond et sans capter les clics hors de ses boutons */
  :is(html, html[data-theme]).sc-actif:not(.fpar-recherche) :is(.page-app, body) > .pg.pg.pg.fe-colonne > .pg-appli::after {
    content: ""; position: fixed; left: 12px; top: 12px; bottom: 12px; width: calc(var(--coq-l) - 24px); z-index: 1; pointer-events: none;
    border-radius: var(--r-panneau); background: var(--verre-givre); -webkit-backdrop-filter: var(--verre-flou); backdrop-filter: var(--verre-flou);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16), var(--verre-filet);
  }
  /* !important : src/verre-givre.css donne le verre à .coq avec une spécificité plus forte */
  html.sc-actif:not(.fpar-recherche) .coq { z-index: 62; background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important; border: 0; pointer-events: none; }
  html.sc-actif:not(.fpar-recherche) .coq > * { pointer-events: auto; }
  /* les réglages se posent dans le panneau, transparents : le verre est celui de la coquille derrière */
  :is(html, html[data-theme]).sc-actif:not(.fpar-recherche) :is(.page-app, body) .pg.pg.pg.pg.pg.pg.d2f.fe-colonne > .pg-appli > .pg-reglages {
    left: 12px; width: calc(var(--coq-l) - 24px); top: calc(var(--sc-haut, 88px) + 12px);
    height: calc(100vh - var(--sc-haut, 88px) - var(--sc-bas, 57px) - 24px);
    background: transparent; border-radius: 0; box-shadow: none;
  }

  /* après la recherche : l'en-tête et les réglages forment le panneau, chacun givré, le haut arrondi puis le bas */
  html.sc-actif.fpar-recherche .coq-ctx-tete.sca-tete {
    left: 12px; top: 12px; width: calc(var(--coq-l) - 24px); border-radius: var(--r-panneau) var(--r-panneau) 0 0;
    background: var(--verre-givre); -webkit-backdrop-filter: var(--verre-flou); backdrop-filter: var(--verre-flou);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0), var(--verre-filet);
  }
  :is(html, html[data-theme]).sc-actif.fpar-recherche :is(.page-app, body) .pg.pg.pg.pg.pg.pg.d2f.fe-colonne > .pg-appli > .pg-reglages {
    left: 12px; width: calc(var(--coq-l) - 24px); top: calc(var(--sc-haut, 64px) + 12px);
    height: calc(100vh - var(--sc-haut, 64px) - 24px);
    border-radius: 0 0 var(--r-panneau) var(--r-panneau);
    background: var(--verre-givre); -webkit-backdrop-filter: var(--verre-flou); backdrop-filter: var(--verre-flou);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16), var(--verre-filet);
  }

  /* le panneau de résultats à droite : même verre, en clair comme en sombre */
  html.sc-actif .pg.fe-colonne .fc-plateau > .fc-resultats {
    background: var(--verre-givre); -webkit-backdrop-filter: var(--verre-flou); backdrop-filter: var(--verre-flou);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16), var(--verre-filet);
  }
}
/* Écran continu (Henri, 08/11/2026 : « il ne doit pas y avoir de séparation sous la sidebar, c'est un écran continu ») : la carte de la fenêtre
 * foncière (.fc-carte) occupe TOUT le cadre, de x = 0 à droite, sous la barre de gauche ; plus de bande de fond ni de liseré à la jonction.
 * La fenêtre (.pg) part de x = 0 sans fond ; son retrait de gauche (largeur de la barre + 8 px) ramène le bandeau, la barre d'outils et la
 * colonne de résultats à leur place. Les commandes posées dans la carte (légende, panneau Calques, bouton Zone, commandes MapLibre de gauche) se
 * décalent à droite de la barre. Le bandeau du haut prend le même verre que les barres. */
@media (min-width: 900px) {
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) > .pg.pg.pg.fe-colonne { left: 0; padding-left: calc(var(--coq-l) + 8px); background: transparent; }
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) .pg.pg.pg.d2f.fe-colonne .fc-carte {
    position: fixed; inset: 0; width: auto; height: auto; z-index: 0; border-radius: 0; box-shadow: none; border: 0;
  }
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) .pg.pg.pg.d2f.fe-colonne .fc-carte :is(.fc-legende, .d2f-kp) { left: calc(var(--coq-l) + 18px); }
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) .pg.pg.pg.d2f.fe-colonne .fc-carte .maplibregl-ctrl-top-left,
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) .pg.pg.pg.d2f.fe-colonne .fc-carte .maplibregl-ctrl-bottom-left { left: calc(var(--coq-l) + 12px); }
  /* la carte couvre aussi la zone des bandeaux (≈ 102 px) : ses commandes du haut descendent sous eux ; la coquille givrée passe au-dessus de la carte */
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) .pg.pg.pg.d2f.fe-colonne .fc-carte :is(.d2f-kp, .fc-outils) { top: 112px; }
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) .pg.pg.pg.d2f.fe-colonne .fc-carte :is(.maplibregl-ctrl-top-left, .maplibregl-ctrl-top-right) { top: 102px; }
  /* le bandeau du haut et la barre d'outils : un seul panneau givré flottant, le haut puis le bas arrondis */
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) .pg.pg.pg.d2f.fe-colonne > .og-barre {
    background: var(--verre-givre); -webkit-backdrop-filter: var(--verre-flou); backdrop-filter: var(--verre-flou);
    border-radius: var(--r-panneau) var(--r-panneau) 0 0; box-shadow: var(--verre-filet);
  }
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) .pg.pg.pg.d2f.fe-colonne > .d2f-outils {
    background: var(--verre-givre); -webkit-backdrop-filter: var(--verre-flou); backdrop-filter: var(--verre-flou);
    border-radius: 0 0 var(--r-panneau) var(--r-panneau); box-shadow: var(--verre-filet);
  }
  /* sans bandeau au-dessus (recherche non lancée : « Revenir à la recherche foncière » n'est pas affiché), la barre d'outils est seule : arrondie des quatre côtés, et non plate en haut */
  :is(html, html[data-theme]).sc-actif:not(.fpar-recherche) :is(.page-app, body) .pg.pg.pg.d2f.fe-colonne > .d2f-outils { border-radius: var(--r-panneau); }
}
/* repli : pas de transparence demandée par le système, ou navigateur sans flou : fond plein de la barre */
@media (min-width: 900px) and (prefers-reduced-transparency: reduce) {
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) > .pg.pg.pg.fe-colonne > .pg-appli::after, html.sc-actif .coq-ctx-tete.sca-tete,
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) .pg.pg.pg.pg.pg.pg.d2f.fe-colonne > .pg-appli > .pg-reglages,
  html.sc-actif .pg.fe-colonne .fc-plateau > .fc-resultats { -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--sidebar-fond); }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) > .pg.pg.pg.fe-colonne > .pg-appli::after, html.sc-actif .coq-ctx-tete.sca-tete,
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) .pg.pg.pg.pg.pg.pg.d2f.fe-colonne > .pg-appli > .pg-reglages,
  html.sc-actif .pg.fe-colonne .fc-plateau > .fc-resultats { background: var(--sidebar-fond); }
}