/* sc-pull-refresh.css — pull-to-refresh gap + gold spinner (house accent),
 * plus native scroll feel. Pairs with sc-pull-refresh.js. */

#sc-ptr {
  height: 0;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transition: height .25s cubic-bezier(.25,.8,.35,1);
  /* sits in flow at the very top of the body so the page visibly moves down */
  position: fixed;
  /* below the fixed topbar / iOS dead zone, never over it */
  top: calc(max(env(safe-area-inset-top, 0px), 60px));
  left: 0; right: 0;
  z-index: 9985;
  pointer-events: none;
}

#sc-ptr-spin {
  width: 26px; height: 26px;
  margin-bottom: 14px;
  border-radius: 50%;
  border: 3px solid rgba(127,127,127,.18);
  border-top-color: var(--ws-accent, #C9A96E);
  opacity: 0;
}

#sc-ptr.spinning #sc-ptr-spin {
  animation: sc-ptr-rot .8s linear infinite;
  opacity: 1 !important;
}
@keyframes sc-ptr-rot { to { transform: rotate(360deg); } }

/* native scroll feel */
html, body { -webkit-overflow-scrolling: touch; }