/* Applied only after the accessible restore control has been created.
   The document keeps its native scrolling and keyboard behaviour. */
html.luma-scrollbar-hidden { scrollbar-width: none; }
html.luma-scrollbar-hidden::-webkit-scrollbar { display: none; }

.luma-view-controls {
  position: fixed;
  z-index: 5;
  right: max(0.75rem, env(safe-area-inset-right));
  bottom: max(0.75rem, env(safe-area-inset-bottom));
  display: flex;
  gap: 0.35rem;
}

.luma-view-controls button {
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  padding: 0;
  border: 1px solid var(--color-line);
  border-radius: 0.65rem;
  background: var(--color-background);
  color: var(--color-muted);
  cursor: pointer;
}

.luma-view-controls button:hover,
.luma-view-controls button[aria-pressed="true"] { color: var(--color-accent-bright); }
.luma-view-controls button:focus-visible {
  outline: 2px solid var(--color-accent-bright);
  outline-offset: 3px;
}
.luma-view-controls button:disabled { cursor: wait; }
.luma-view-controls svg { width: 1rem; height: 1rem; }
.luma-view-controls [hidden] { display: none; }