/*
Theme Name: Perspectief
Theme URI: https://perspectiefzutphen.nl
Author: David van Mierlo
Description: Lichtgewicht maatwerkthema voor de Perspectief WordPress-migratie met ACF Pro flexible rows.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: perspectief
*/

.back-to-top {
  position: fixed;
  right: max(calc((100vw - var(--layout-width, 84vw)) / 2), env(safe-area-inset-right));
  bottom: var(--back-to-top-footer-offset, 0px);
  z-index: 90;
  display: block;
  min-height: 48px;
  padding: 0.85rem 1.4rem max(0.85rem, env(safe-area-inset-bottom));
  border: 0;
  border-radius: 2.25rem 2.25rem 0 0;
  background: var(--brand-green-deep, #2f5e1f);
  color: #ffffff;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(100%);
  transition:
    opacity 180ms ease,
    visibility 180ms ease,
    transform 180ms ease,
    background-color 180ms ease;
}

.back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.menu-open .back-to-top {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.back-to-top span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: var(--fs-body, 1rem);
  font-weight: 700;
  line-height: var(--lh-body, 1.4);
}

.back-to-top:hover {
  background: var(--brand-green, #79ac2b);
}

.back-to-top:focus-visible {
  outline: 0.1875rem solid #ffffff;
  outline-offset: -0.375rem;
  box-shadow: 0 0 0 0.1875rem var(--brand-green-deep, #2f5e1f);
}

@media (prefers-reduced-motion: reduce) {
  .back-to-top {
    transition: none;
  }
}

.pz-button[href*="inhroffice.com"] {
  max-width: min(100%, 500px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-size: 2rem;
}