/* Local style override: blue gradient top menu bar */
header {
  background: linear-gradient(90deg, #0b3f82 0%, #1a66b3 52%, #2f89d4 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.32);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
}

header nav .fs-branding-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

header nav .fs-branding-row__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

header nav .fs-branding-row__logo img {
  display: block;
  width: auto;
}

header nav .fs-branding-row__logo--55 {
  margin-right: 26px;
}

header nav .fs-branding-row__logo--55 img {
  height: 46px;
}

header nav .fs-branding-row__logo--digitalni-alati img {
  height: 48px;
}

header nav .fs-branding-row__logo--filesender #logo {
  height: 56px;
  max-height: none;
}

header nav .fs-branding-row__logo--filesender:hover,
header nav .fs-branding-row__logo--filesender:focus-visible,
header nav .fs-branding-row > a:not(.fs-link):hover,
header nav .fs-branding-row > a:not(.fs-link):focus-visible {
  background: transparent !important;
}

header nav .fs-link,
header nav .fs-link i,
header nav .fs-link span {
  color: #ffffff !important;
  text-shadow: none;
}

header nav ul li > a.fs-link:hover:not(.fs-link--active),
header nav ul li > a.fs-link:focus-visible:not(.fs-link--active) {
  color: #ffffff !important;
  background: rgba(3, 36, 76, 0.58) !important;
}

header nav ul li > a.fs-link:hover i,
header nav ul li > a.fs-link:focus-visible i {
  color: #ffffff !important;
}

header nav .fs-link--active,
header nav .fs-link--active:hover,
header nav .fs-link--active:focus-visible {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.22) !important;
}

header nav .fs-link--active i,
header nav .fs-link--active span {
  color: #ffffff !important;
}

header nav > .fs-link:hover {
  color: #ffffff !important;
  background: transparent !important;
}

footer {
  background: linear-gradient(90deg, #5d5d64 0%, #8a8e97 100%) !important;
  border-top: 1px solid #4a4b52 !important;
  color: #f1f4f8;
}

footer .fs-footer-container small {
  color: #f1f4f8;
}

footer .site__information.fs-site-information {
  width: 100%;
  text-align: center;
  padding: 18px 12px 16px;
}

footer .site__information.fs-site-information ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

footer .site__information.fs-site-information ul li {
  margin: 0;
  padding: 0;
}

footer .site__information.fs-site-information ul span {
  color: #e7ecf5;
}

footer .site__information.fs-site-information a {
  color: #f4f7fb;
  text-decoration: none;
}

footer .site__information.fs-site-information a:hover {
  text-decoration: underline;
}

footer .fs-site-information__copyright {
  margin-top: 12px;
  color: #f1f4f8;
  font-size: 0.95rem;
}

footer .fs-version {
  background: rgba(34, 35, 41, 0.34) !important;
  color: #f1f4f8;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.fs-accessibility-content {
  text-align: left;
}

.fs-accessibility-content h2 {
  margin-top: 18px;
  margin-bottom: 8px;
  font-size: 1.2rem;
}

.fs-accessibility-content p {
  margin-bottom: 10px;
  line-height: 1.55;
}

.fs-accessibility-content .fs-accessibility-list {
  margin-top: 4px;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  header nav .fs-branding-row {
    gap: 8px;
  }

  header nav .fs-branding-row__logo--55 {
    margin-right: 14px;
  }

  header nav .fs-branding-row__logo--55 img {
    height: 34px;
  }

  header nav .fs-branding-row__logo--digitalni-alati img {
    height: 36px;
  }

  header nav .fs-branding-row__logo--filesender #logo {
    height: 42px;
  }

  footer .site__information.fs-site-information ul {
    gap: 6px;
  }

  footer .fs-site-information__copyright {
    font-size: 0.9rem;
  }
}