/* --- Slogan vedľa loga (light/dark mód) --- */

/* Svetlý mód – tmavé písmo */
.t4-header .navbar-brand .site-title_light {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 2.1rem;
  color: #000;
  margin-left: 0.6rem;
  letter-spacing: 0.05rem;
  vertical-align: middle;
  line-height: 1;
}

/* Tmavý mód – biele písmo */
.t4-header .navbar-brand .site-title_dark {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 2.1rem;
  color: #fff;
  margin-left: 0.6rem;
  letter-spacing: 0.05rem;
  vertical-align: middle;
  line-height: 1;
}

/* Voliteľné – skryť na mobile */
@media (max-width: 768px){
  .t4-header .navbar-brand .site-title_light,
  .t4-header .navbar-brand .site-title_dark {
    display: none;
  }
}

.t4-theme-datetime {
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
  margin: 0 1rem;
  color: #000;         /* svetlý mód = čierny text */
  opacity: .9;
}

/* tmavý mód – rôzne možné triedy v T4 */
body.t4-dark .t4-theme-datetime,
body.dark-active .t4-theme-datetime,
html[data-bs-theme="dark"] .t4-theme-datetime {
  color: #fff;         /* tmavý mód = biely text */
  opacity: .85;
}

@media (max-width: 768px) {
  .t4-theme-datetime {
    display: none;
  }
}