/* Pätička v značkovej tmavomodrej farbe s motívom prekrývajúcich sa štvorcov. */
.site-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #07182f;
}
.site-footer::before,
.site-footer::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: min(740px, 80vw);
  height: 480px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='148' height='148' viewBox='0 0 148 148'%3E%3Cg fill='none' stroke='%233d6c9a' stroke-width='2'%3E%3Crect x='2' y='2' width='94' height='94'/%3E%3Crect x='49' y='49' width='94' height='94'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 148px 148px;
  opacity: .45;
  transform: rotate(-28deg);
}
.site-footer::before {
  left: -230px;
  top: -265px;
  mask-image: linear-gradient(135deg, #000 15%, transparent 88%);
}
.site-footer::after {
  right: -240px;
  bottom: -275px;
  mask-image: linear-gradient(315deg, #000 15%, transparent 88%);
}
.site-footer .footer-grid,
.site-footer .footer-bottom { position: relative; }
.site-footer .brand {
  padding: 0;
  border-radius: 0;
  background: transparent;
}
.site-footer p,
.site-footer a { color: #d4e3f0; }
.site-footer h3 { color: #fff; }
.site-footer a:not(.brand):hover { color: #fff; }
.site-footer a:focus-visible { outline: 2px solid #b7d4ef; outline-offset: 4px; }
.site-footer .footer-bottom { border-color: rgba(183, 212, 239, .26); }
@media (max-width: 760px) {
  .site-footer::before { left: -210px; top: -290px; }
  .site-footer::after { right: -240px; bottom: -290px; }
}