/* ═══════════════════════════════════════════════════════════════
   ATELIER ANGLE NOIR — la pastille de reprise (ordinateur)
   Sur téléphone, la reprise passe par la barre du bas : rien ici.
   ═══════════════════════════════════════════════════════════════ */

#aan-reprise{
  position:fixed;
  right:22px; bottom:22px;
  z-index:180;
  display:flex; align-items:stretch;
  background:#12120f;
  border:.5px solid rgba(200,169,110,.34);
  box-shadow:0 14px 44px rgba(0,0,0,.5);
  font-family:'Outfit',system-ui,sans-serif;
  opacity:0;
  -webkit-transform:translate3d(0,14px,0); transform:translate3d(0,14px,0);
  -webkit-transition:opacity .34s ease, -webkit-transform .42s cubic-bezier(.16,1,.3,1);
          transition:opacity .34s ease, transform .42s cubic-bezier(.16,1,.3,1);
}
#aan-reprise.rp-in{
  opacity:1;
  -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);
}

#aan-reprise .rp-corps{
  display:flex; flex-direction:column; gap:3px;
  padding:14px 20px 14px 18px;
  text-decoration:none;
  border-left:2px solid #c8a96e;
  transition:background .22s;
}
#aan-reprise .rp-corps:hover{ background:rgba(200,169,110,.07); }

#aan-reprise .rp-eti{
  font-size:.53rem; letter-spacing:.24em; text-transform:uppercase;
  color:rgba(200,169,110,.9);
}
#aan-reprise .rp-val{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1.12rem; font-weight:400; color:#f5f2ec;
  font-variant-numeric:tabular-nums;
}
#aan-reprise .rp-go{
  font-size:.56rem; letter-spacing:.18em; text-transform:uppercase;
  color:rgba(245,242,236,.55);
  transition:color .22s;
}
#aan-reprise .rp-corps:hover .rp-go{ color:#c8a96e; }

#aan-reprise .rp-x{
  width:36px;
  background:none; border:0; border-left:.5px solid rgba(200,169,110,.18);
  cursor:pointer; position:relative; padding:0;
  -webkit-appearance:none; appearance:none;
}
#aan-reprise .rp-x::before,#aan-reprise .rp-x::after{
  content:''; position:absolute; top:50%; left:50%;
  width:11px; height:1px; background:rgba(245,242,236,.45);
}
#aan-reprise .rp-x::before{ -webkit-transform:translate(-50%,-50%) rotate(45deg);
                                    transform:translate(-50%,-50%) rotate(45deg); }
#aan-reprise .rp-x::after{ -webkit-transform:translate(-50%,-50%) rotate(-45deg);
                                   transform:translate(-50%,-50%) rotate(-45deg); }
#aan-reprise .rp-x:hover::before,#aan-reprise .rp-x:hover::after{ background:#f5f2ec; }

/* la pastille n'existe pas sur téléphone : la barre du bas s'en charge */
@media (max-width:900px){ #aan-reprise{ display:none !important; } }

@media (prefers-reduced-motion:reduce){
  #aan-reprise{ -webkit-transition:none !important; transition:none !important;
                -webkit-transform:none !important; transform:none !important; }
}