/* Cementare — Betonpaneller-style scroll-to-top button.
   Same behavior/geometry; Cementare palette. */
.ct-scroll-top{
  position:fixed;
  right:20px;
  bottom:20px;
  width:46px;
  height:46px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(219,197,173,.44);
  border-radius:50%;
  background:rgba(45,39,34,.84);
  color:#dbc5ad;
  box-shadow:none;
  cursor:pointer;
  z-index:4999;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:
    opacity .25s ease,
    visibility .25s ease,
    transform .25s ease,
    background-color .2s ease,
    border-color .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.ct-scroll-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.ct-scroll-top svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ct-scroll-top:focus-visible{
  outline:2px solid #dbc5ad;
  outline-offset:3px;
}
@media(hover:hover) and (pointer:fine){
  .ct-scroll-top:hover{
    background:rgba(45,39,34,.97);
    border-color:rgba(219,197,173,.68);
  }
}
@media(max-width:767px){
  .ct-scroll-top{
    right:max(16px,env(safe-area-inset-right));
    bottom:max(16px,env(safe-area-inset-bottom));
    width:44px;
    height:44px;
  }
}
@media(prefers-reduced-motion:reduce){
  .ct-scroll-top{transition:none}
}