/* Shared base rules for realbrand.cz: accessibility and fluid media.
   Loaded after each page's own <style>, so keep it to rules every page wants. */

img,
video,
svg,
canvas {
  max-width: 100%;
}

img {
  height: auto;
}

/* Visible keyboard focus everywhere, without changing mouse-click styling. */
:focus-visible {
  outline: 2px solid #97C0D9;
  outline-offset: 3px;
}

/* Skip link: hidden until a keyboard user tabs to it. */
.skip-link {
  position: absolute;
  left: 16px;
  top: -100px;
  z-index: 10000;
  padding: 12px 18px;
  border-radius: 8px;
  background: #FCFCFD;
  color: #1e2534;
  font: 600 14px/1 'Inter', system-ui, sans-serif;
  text-decoration: none;
}

.skip-link:focus {
  top: 16px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}