/* The preceding booking/social section stays in normal document flow.
   The only final pinned element is the shared footer booking header. */
/* Suppress the native vertical boundary spring, without capturing gestures
   or changing horizontal carousel/browser navigation. */
html, body { overscroll-behavior-y: none; }

.ca-native-desktop .ca-desktop-outro::after {
  content: none;
  display: none;
  height: 0;
}
#contactCover,
.ca-native-desktop .ca-desktop-outro > #contactCover {
  display: block;
  position: relative;
  top: auto;
  margin: 0;
  padding: 0;
  transform: none;
  background: #0b0d10;
}
#contactCover #kontakt,
.ca-native-desktop .ca-desktop-outro #kontakt {
  position: relative;
  inset: auto;
  height: auto;
  transform: none !important;
  clip-path: none !important;
  border-radius: 0 !important;
  box-shadow: none;
  will-change: auto;
  background-color: #0b0d10;
  background-image: none !important;
}
#contactCover .contact-grid { opacity: 1; }
#spolupracaContent > #kontakt-cta {
  position: relative;
  top: auto;
  background-color: #0b0d10;
  background-image: none !important;
}

/* Remove only the two end-of-page white-to-black background fades.
   Existing social cards, masks and their interactions are unchanged. */
.sluzby-page[data-page="sluzby"] .sl-section--social,
.sluzby-page.kontakt-page .sl-section--social {
  background-color: #fff !important;
  background-image: none !important;
}

/* Supplied SVG circles already contain their own outline. */
.alex-footer.nf-inverted .nf-columns .nf-social--asset-icons a { border: 0; }
.alex-footer .nf-social--asset-icons img {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.alex-footer .nf-cta > img {
  display: block;
  width: 1.35em;
  height: 1.35em;
  flex-shrink: 0;
  pointer-events: none;
}
.alex-footer .nf-email > img {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 7px;
  vertical-align: -.05em;
  pointer-events: none;
}
.alex-footer .nf-phone > img {
  display: block;
  flex-shrink: 0;
  width: 23px;
  height: 23px;
  pointer-events: none;
}
@media (max-width: 767px) {
  .alex-footer .nf-phone > img { width: 19px; height: 19px; }
}