/* ================================
   AW Scroll To Top (Progress Ring)
   Scope: .aw-scrolltop
================================ */
:root{
  --aw-st-size: 48px;
  --aw-st-blur: 10px;
  --aw-st-bg: color-mix(in srgb, #0c5a66 38%, transparent); /* تقدر تربطه بالهيدر لاحقاً */
  --aw-st-border: rgba(255,255,255,.18);
  --aw-st-shadow: 0 14px 34px rgba(0,0,0,.18);
  --aw-st-ring: rgba(255,255,255,.92);
  --aw-st-arrow: rgba(255,255,255,.92);
  --aw-st-offset: 18px; /* مسافة من الحافة */
  --aw-st-bottom-safe: 88px; /* عشان bottom nav */
}

.aw-scrolltop{
  position: fixed;
  inset-inline-start: var(--aw-st-offset);
  bottom: calc(var(--aw-st-offset) + var(--aw-st-bottom-safe));
  width: var(--aw-st-size);
  height: var(--aw-st-size);
  border-radius: 999px;
  z-index: 10000;

  display: grid;
  place-items: center;

  background: var(--aw-st-bg);
  border: 1px solid var(--aw-st-border);
  box-shadow: var(--aw-st-shadow);

  -webkit-backdrop-filter: blur(var(--aw-st-blur));
  backdrop-filter: blur(var(--aw-st-blur));

  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;

  cursor: pointer;
  text-decoration: none;
}

/* show */
.aw-scrolltop.is-active{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* arrow (CSS only, no fonts) */
.aw-scrolltop::after{
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid var(--aw-st-arrow);
  border-bottom: 0;
  border-right: 0;
  transform: rotate(45deg);
  margin-top: 2px;
}

/* SVG ring */
.aw-scrolltop__svg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg); /* يبدأ من فوق */
  pointer-events: none;
}

.aw-scrolltop__path{
  fill: none;
  stroke: var(--aw-st-ring);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 0 999;
  stroke-dashoffset: 0;
  opacity: .95;
  transition: stroke-dashoffset 10ms linear;
}

/* hover */
@media (hover:hover){
  .aw-scrolltop:hover{
    transform: translateY(-2px);
  }
}

/* Mobile: خله أصغر شوي */
@media (max-width: 1024px){
  :root{
    --aw-st-size: 46px;
    --aw-st-offset: 14px;
    --aw-st-bottom-safe: 92px;
  }
}