/* retour.css : le bouton « retour » des pages interieures d'obreon.be (pages services, 404, privacy), sur telephone et
   petite tablette (900 px et moins, le palier mobile du site). En bas a gauche, en miroir de la bulle de l'assistant (en
   bas a droite) et centre a la meme hauteur qu'elle. Une pastille de verre depoli, comme l'en-tete : lisible sur le blanc,
   sur le texte et sur les salles noires des pages services. Chevron au trait fin, encre. Aucune lueur, aucun degrade.
   Absent du haut de page (le fil d'Ariane et l'en-tete y sont, et la pastille couvrirait le texte du haut sur la plupart
   des telephones) : retour.js l'affiche des 120 px de defilement. Sans JavaScript (pas de classe js sur <html>), il est
   toujours visible et reste un vrai lien. Au-dela de 900 px et a l'impression : absent.
   Plan : au-dessus du contenu (5 au plus), SOUS l'en-tete (50) : menu du burger ouvert sur un telephone en paysage, le
   menu descend jusqu'a la pastille et doit passer devant (vu le 12/10/2026 : a 60, elle couvrait le debut d'un lien). */
.obr-retour{display:none}
@media(max-width:900px){
  .obr-retour{position:fixed;z-index:40;left:max(20px,env(safe-area-inset-left));bottom:max(23px,env(safe-area-inset-bottom));
    display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
    color:#111110;background:rgba(255,255,255,.8);border:1px solid rgba(17,17,16,.12);
    -webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);
    box-shadow:0 10px 26px -14px rgba(17,17,16,.5);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .obr-retour svg{display:block;margin-left:-2px}
  .obr-retour:active{transform:scale(.94)}
  .obr-retour:focus-visible{outline:2px solid #0E7C70;outline-offset:3px}
  html.js .obr-retour{opacity:0;visibility:hidden;transform:translateY(8px);
    transition:opacity .24s cubic-bezier(.2,.7,.1,1),transform .24s cubic-bezier(.2,.7,.1,1),visibility 0s linear .24s}
  html.js .obr-retour.est-visible{opacity:1;visibility:visible;transform:none;
    transition:opacity .24s cubic-bezier(.2,.7,.1,1),transform .24s cubic-bezier(.2,.7,.1,1),visibility 0s}
  html.js .obr-retour.est-visible:active{transform:scale(.94)}
}
@media(max-width:420px){.obr-retour{left:max(14px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom))}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.obr-retour{background:rgba(255,255,255,.94)}}
@media(prefers-reduced-motion:reduce){html.js .obr-retour,html.js .obr-retour.est-visible{transform:none;transition:opacity .01s,visibility 0s}}
@media print{.obr-retour{display:none!important}}