/* Dialog na cestě - úprava headeru */

@media (min-width: 1200px) {

  /* Header využije celou šířku kontejneru efektivněji */
  .header-block-2 .header-wrap {
    gap: 24px;
  }

  /* Logo/název držet kompaktní */
  .header-block-2 .navbar-brand {
    flex: 0 0 auto;
    margin-right: 0;
    min-width: 160px;
  }

  /* Menu dostane všechen zbývající prostor */
  .header-block-2 .t4-navbar {
    flex: 1 1 auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Hlavní menu na jeden řádek */
  .header-block-2 .navbar-nav {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .header-block-2 .navbar-nav > li > a {
    white-space: nowrap;
  }

  /* O něco menší rozestupy mezi položkami */
  .header-block-2 .navbar-nav > li > .nav-link {
    padding-left: 12px;
    padding-right: 12px;
  }

  /* Pravá část nezabírá prostor, pokud v ní nic není */
  .header-block-2 .t4-header-r {
    flex: 0 0 auto;
  }
}

/* Lehce kompaktnější název webu */
.header-block-2 .navbar-brand.logo-text .site-name {
  margin-bottom: 4px;
}

.header-block-2 .navbar-brand.logo-text .site-slogan {
  font-size: 0.9rem;
}


/* Dialog na cestě - jemné doladění obsahu */

.t4-main-body {
  padding-top: 32px;
}

.page-header h1,
.componentheading,
.blog-featured h1,
.blog h1 {
  font-size: 2.2rem;
  margin-bottom: 2rem;
}

.blog-item,
.items-leading > div,
.items-row > div {
  margin-bottom: 2.5rem;
}

.sidebar-r .t4-module,
.sidebar-r .moduletable {
  margin-bottom: 2rem;
}

.sidebar-r .module-title,
.sidebar-r h3 {
  font-size: 1rem;
  margin-bottom: 1rem;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.sidebar-r p {
  line-height: 1.55;
}

.article-body .legacy-image-caption,
.desc-article .legacy-image-caption,
.item-intro .legacy-image-caption {
    display: block;
    clear: both;
    width: 100%;
    font-size: 0.9rem;
    line-height: 1.35;
    color: #666;
    font-style: italic;
    margin-top: 0.35rem;
    margin-bottom: 1rem;
}

html.dark-active .article-body .legacy-image-caption,
html.dark-active .desc-article .legacy-image-caption,
html.dark-active .item-intro .legacy-image-caption {
    color: #aaa;
}

.acm-gallery.style-1 .item-media {
    margin-bottom: 0 !important;
}

.acm-gallery.style-1 .item-media img {
    display: block;
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 767.98px) {
    .acm-gallery.style-1 .item-media img {
        height: 180px;
    }
}


.dialog-logo {
    color: #111;
}

.dark-active .dialog-logo {
    color: #fff;
}

.dialog-logo svg {
    display: block;
    width: 130px;
    height: auto;
    max-height: 70px;
}

#t4-header .dialog-logo svg {
    width: 200px;
}


.dark-active .dialog-logo,
.dark-active a .dialog-logo,
.dark-active a:hover .dialog-logo,
.dark-active a:focus .dialog-logo {
    color: #fff !important;
}

.dialog-logo,
a .dialog-logo,
a:hover .dialog-logo,
a:focus .dialog-logo,
a:active .dialog-logo {
    color: #111 !important;
}


/* spodní logo */
.dialog-logo-bottom,
.dialog-logo-bottom a,
.dialog-logo-bottom a:hover,
.dialog-logo-bottom a:focus,
.dialog-logo-bottom a:active,
.dialog-logo-bottom .dialog-logo {
    color: #111 !important;
}

.dialog-logo-bottom .dialog-logo svg {
    width: 120px  !important;
    height: auto;
}

/* dark mode */
.dark-active .dialog-logo-bottom,
.dark-active .dialog-logo-bottom a,
.dark-active .dialog-logo-bottom a:hover,
.dark-active .dialog-logo-bottom a:focus,
.dark-active .dialog-logo-bottom a:active,
.dark-active .dialog-logo-bottom .dialog-logo {
    color: #fff !important;
}