/* === BANNER MODULE (works for both Layout: Banner and custom class) === */
div.mod-custom.banner-overlay,
div.mod-custom.banner-home {
  height: 500px;                  /* fixed height */
  background-repeat: no-repeat;   /* don't tile background image */
  background-position: center;    /* keep image centered */
  background-size: auto;          /* don't resize background image */
  background-attachment: scroll;  /* standard scroll behavior */
  overflow: hidden;               /* prevent content overflow */
}

/* Remove any dark overlay layer */
div.mod-custom.banner-overlay .overlay,
div.mod-custom.banner-home .overlay {
  background: none !important;
  opacity: 1 !important;
}

div.mod-custom.banner-overlay::before,
div.mod-custom.banner-overlay::after,
div.mod-custom.banner-home::before,
div.mod-custom.banner-home::after {
  background: none !important;
  opacity: 1 !important;
}

/* === CASSIOPEIA CUSTOM COLOR THEME === */
:root {
  --cassiopeia-color-primary: #dc0000; /* main red tone */
  --cassiopeia-color-hover: #b30000;   /* darker hover red */
  --cassiopeia-color-link: #ff4d4d;    /* lighter link red */
}

/* Header / Brand bar */
.container-header {
  background-color: var(--cassiopeia-color-primary) !important;
}

/* Optional - tweak hover and links */
a,
a:link,
a:visited {
  color: var(--cassiopeia-color-link);
}

a:hover,
a:focus {
  color: var(--cassiopeia-color-hover);
}

/* Optional - footer color contrast (you can remove or adjust) */
.container-footer {
  background-color: #900d0d !important;
}

/* === INFO BAR UNDER BANNER === */
div.mod-custom.info-bar {
  background-color: #dc0000;   /* červená podle loga */
  color: white;                /* text barvy */
  text-align: center;          /* zarovnání textu doprostřed */
  padding: 15px 20px;          /* výška pruhu */
  font-size: 1.2rem;           /* trochu větší text */
  font-weight: 600;
}

/* Responsivní úprava pro mobily */
@media (max-width: 768px) {
  div.mod-custom.info-bar {
    font-size: 1rem;
    padding: 10px;
  }
}