/* =====================================================
   Nobility Glory — Premium Scroll Experience
   Adds: eased smooth scrolling and a branded scrollbar.
   Mouse click-and-drag scrolling is intentionally disabled —
   normal wheel / scrollbar / keyboard scrolling only.
===================================================== */

/* Native smooth scrolling is the fallback. Once the GSAP/Lenis smooth
   scroller is running it adds .lenis-ready and takes over, so native
   smooth behaviour must step aside or the two fight each other. */
html {
  scroll-behavior: smooth;
}

html[data-smooth-scroll] {
  scroll-behavior: auto;
}

/* Lenis runtime state */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

/* =====================================================
   Premium Scroll-to-Top button
   Uses #scrollTop (id + class) so this always wins over
   each page's own .scroll-top rules, regardless of CSS
   load order — no need to edit every page's stylesheet.
   Bottom/right offsets are left untouched (each page
   already places it just above the WhatsApp button); we
   only upgrade the look, motion and add a scroll-progress
   ring so it always reads clearly as sitting above WhatsApp.
===================================================== */
#scrollTop.scroll-top {
  padding: 3px;
  border: none;
  background: conic-gradient(#ffffff var(--scroll-percent, 0%), rgba(255,255,255,0.28) 0);
  box-shadow: 0 10px 26px rgba(196,30,30,0.38), 0 3px 10px rgba(0,0,0,0.18);
  transition: transform 260ms var(--ease-out),
              box-shadow 260ms var(--ease-out),
              opacity 260ms var(--ease-out),
              visibility 260ms var(--ease-out);
  transform: translateY(14px) scale(0.82);
}

#scrollTop.scroll-top.visible {
  transform: translateY(0) scale(1);
}

#scrollTop.scroll-top::before {
  content: '';
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: linear-gradient(145deg, #e02525, #8b1515);
  z-index: 0;
}

#scrollTop.scroll-top svg {
  position: relative;
  z-index: 1;
  transition: transform 260ms var(--ease-out);
}

#scrollTop.scroll-top:hover {
  transform: translateY(-5px) scale(1.08);
  box-shadow: 0 16px 34px rgba(196,30,30,0.5), 0 4px 14px rgba(0,0,0,0.22);
}

#scrollTop.scroll-top:hover svg {
  transform: translateY(-2px);
}

#scrollTop.scroll-top:active {
  transform: translateY(-1px) scale(0.96);
}