/* ARSHAD-91 (2026-10-26): brandseducation (theme 33) "Back to top" button, every page (front-end + student +
   tutor panels). Markup: resources/views/partials/be-totop.blade.php; behaviour: public/udemy-assets/js/back-to-top.js. */
.be-totop {
  position: fixed; z-index: 990;
  right: 24px; bottom: 24px;               /* opposite the WhatsApp button (bottom-left) */
  width: 52px; height: 52px; padding: 0; border: 0; border-radius: 50%;
  display: grid; place-items: center; cursor: pointer;
  background: #fff; color: #0F2A3D;
  box-shadow: 0 2px 6px rgba(15,42,61,.10), 0 10px 26px rgba(15,42,61,.18);
  opacity: 0; visibility: hidden; transform: translateY(14px) scale(.9);
  transition: opacity .25s ease, transform .25s ease, visibility .25s, box-shadow .2s, background-color .2s;
}
.be-totop.is-visible { opacity: 1; visibility: visible; transform: none; }
.be-totop:hover { background: #497E9F; color: #fff; box-shadow: 0 4px 10px rgba(73,126,159,.25), 0 14px 32px rgba(73,126,159,.35); }
.be-totop:focus-visible { outline: 3px solid rgba(73,126,159,.45); outline-offset: 3px; }
.be-totop svg.be-totop__ring { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.be-totop .be-totop__track { fill: none; stroke: #E6ECF1; stroke-width: 3; }
.be-totop .be-totop__bar   { fill: none; stroke: #497E9F; stroke-width: 3; stroke-linecap: round;
                             stroke-dasharray: 150.8; stroke-dashoffset: 150.8; transition: stroke-dashoffset .1s linear; }
.be-totop:hover .be-totop__track { stroke: rgba(255,255,255,.25); }
.be-totop:hover .be-totop__bar   { stroke: #fff; }
.be-totop .be-totop__arrow { width: 20px; height: 20px; position: relative; }
/* panels: sit above the chat widget; dark mode */
body.dark_mode .be-totop { background: #2E3642; color: #E8EDF4; box-shadow: 0 10px 26px rgba(0,0,0,.45); }
body.dark_mode .be-totop .be-totop__track { stroke: rgba(255,255,255,.12); }
@media (max-width: 600px) { .be-totop { right: 16px; bottom: 16px; width: 46px; height: 46px; } }
@media (prefers-reduced-motion: reduce) { .be-totop { transition: none; } }