/* Horní informační lišta */
:root {
  --top-bar-height: 32px;
}

/* Červená lišta */
.top-bar {
  background: #d2232a;
  color: #fff;
  text-align: center;
  padding: 4px 8px;
  font: 14px/1.25 "Poppins", sans-serif;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  overflow: hidden;
}

.top-bar strong {
  font-weight: 700;
}

.top-bar a,
.top-bar a:hover,
.top-bar a:focus {
  color: #fff;
}

.top-bar__content {
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
}

/* Mobil */
@media (max-width: 991px) {
  body:has(.top-bar) .top-bar {
    position: sticky;
    top: 0;
    z-index: 1001;

    width: 100%;
    height: var(--top-bar-height);
    min-height: var(--top-bar-height);

    display: flex;
    align-items: center;
    justify-content: center;
  }

  body:has(.top-bar) #navigation {
    top: var(--top-bar-height) !important;
    bottom: 0 !important;
    height: auto !important;
  }

  body:has(.top-bar) #header {
    top: var(--top-bar-height) !important;
  }

  body:has(.top-bar) #navigation .navigation-in {
    height: 100% !important;
    max-height: 100% !important;
  }
}