/* AnimoTAO — bouton « retour en haut ». Asset partagé : pages PrestaShop + pages statiques. */
.animotao-stt{
  position:fixed;
  bottom:24px;
  z-index:9990;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  margin:0;
  border:none;
  background:transparent;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(14px);
  transition:opacity .35s cubic-bezier(.16,1,.3,1), transform .35s cubic-bezier(.16,1,.3,1);
  -webkit-tap-highlight-color:transparent;
}
.animotao-stt.is-visible{opacity:1;visibility:visible;transform:translateY(0);}
.animotao-stt:hover{transform:translateY(-3px);}
.animotao-stt:active{transform:translateY(-1px);}
.animotao-stt:focus-visible{outline:2px solid #A56F4B;outline-offset:4px;border-radius:50%;}
.animotao-stt img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  filter:drop-shadow(0 5px 14px rgba(42,30,20,.28));
}
.animotao-stt .stt-fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  border-radius:50%;
  background:#A56F4B;
  color:#F7F1E6;
  font:600 22px/1 'Jost',system-ui,sans-serif;
  box-shadow:0 5px 14px rgba(42,30,20,.28);
}

/* Position horizontale (réglable au BO) */
.animotao-stt.stt-right{right:24px;}
.animotao-stt.stt-left{left:24px;}
.animotao-stt.stt-center{left:50%;transform:translateX(-50%) translateY(14px);}
.animotao-stt.stt-center.is-visible{transform:translateX(-50%) translateY(0);}
.animotao-stt.stt-center:hover{transform:translateX(-50%) translateY(-3px);}
.animotao-stt.stt-center:active{transform:translateX(-50%) translateY(-1px);}

@media (max-width:768px){
  .animotao-stt{bottom:16px;}
  .animotao-stt.stt-right{right:16px;}
  .animotao-stt.stt-left{left:16px;}
}
@media (prefers-reduced-motion:reduce){
  .animotao-stt{transition:opacity .2s ease;}
  .animotao-stt:hover{transform:none;}
  .animotao-stt.stt-center:hover{transform:translateX(-50%);}
}
