/* ==========================================================================
   Rebels Rockstars – Header & Scroll-to-Top
   ========================================================================== */

/* Header: normaler Seitenfluss (nicht fixed) */
header.wp-block-template-part {
  position: relative;
  z-index: 100;
}

/* ---- Scroll-to-Top Button ---- */

.rebels-scroll-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 200;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, background 0.3s ease;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.rebels-scroll-top.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.rebels-scroll-top:hover {
  background: rgba(0, 0, 0, 0.9);
}

/* ---- Mobile ---- */

@media (max-width: 768px) {
  header.wp-block-template-part a,
  header.wp-block-template-part button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  .rebels-scroll-top {
    bottom: 1.25rem;
    right: 1.25rem;
  }
}