/* V26 — Wyatt Kohl Horseshoe Back-to-Top opacity control
   Opacity is controlled ONLY by --wk-back-to-top-opacity on the button image.
   JavaScript handles visibility/scroll behavior only. */
.wk-back-to-top{
  --wk-back-to-top-opacity:0.72;
  position:fixed;
  right:clamp(14px,2vw,30px);
  bottom:clamp(18px,3vh,32px);
  width:clamp(54px,4.2vw,68px);
  height:clamp(54px,4.2vw,68px);
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  z-index:1500;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,14px,0) scale(.92);
  transition:opacity .24s ease,transform .24s ease,visibility .24s ease;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.wk-back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0) scale(1);
}
.wk-back-to-top:hover{opacity:1}
.wk-back-to-top:focus-visible{outline:2px solid #d71928;outline-offset:4px;border-radius:50%}
.wk-back-to-top img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:var(--wk-back-to-top-opacity);
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
@media(max-width:900px){
  .wk-back-to-top{right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:58px;height:58px;z-index:1500}
}
@media(max-width:480px){
  .wk-back-to-top{right:10px;width:52px;height:52px}
}
@media(prefers-reduced-motion:reduce){
  .wk-back-to-top{transition:none}
}

/* V185 — one compact, fixed Back to Top control across phone and tablet viewports. */
@media(max-width:1024px){
  html body button#wkBackToTop.wk-back-to-top{
    position:fixed!important;
    right:max(12px,env(safe-area-inset-right))!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    width:44px!important;min-width:44px!important;max-width:44px!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;
    aspect-ratio:1/1!important;padding:0!important;margin:0!important;
    display:grid!important;place-items:center!important;overflow:hidden!important;box-sizing:border-box!important;
  }
  html body button#wkBackToTop.wk-back-to-top>img{
    display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
    height:100%!important;min-height:0!important;max-height:100%!important;object-fit:contain!important;
    margin:0!important;padding:0!important;
  }
}