:root {
  --top-bar-height: 34px;
}

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

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

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

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

    height: var(--top-bar-height);
    min-height: var(--top-bar-height);

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

  /* Celý navigační panel posunout pod lištu */
  body:has(.top-bar) #navigation {
    top: var(--top-bar-height) !important;
    bottom: 0 !important;
    height: auto !important;
  }

  /* Černá hlavička pod lištu */
  body:has(.top-bar) #header {
    top: var(--top-bar-height) !important;
  }

  /* Otevřené menu vyplní prostor pod lištou */
  body:has(.top-bar) #navigation .navigation-in {
    height: 100% !important;
    max-height: 100% !important;
  }
}