/* InfoZona 9.7.50 — regional home hero readability, district headers.
   Homepage of Multisite regional SUBSITES only; no changes to infozona.sk,
   article templates, menus, ad positions or ad fallback behaviour. */

/* The legacy slide forced a 355px height and clipped long editorial headlines.
   Let the story determine its height; reserve a sensible minimum to reduce
   resizing when the news rotator advances. */
@media (min-width: 701px) {
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-region-home-hero-slide.is-active {
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 410px !important;
    max-height: none !important;
  }
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__image {
    position: relative !important;
    align-self: stretch !important;
    height: auto !important;
    min-height: 410px !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__image img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
  }
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__content {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 410px !important;
    max-height: none !important;
    justify-content: flex-start !important;
    padding: 23px clamp(17px, 2vw, 27px) 20px !important;
    overflow: visible !important;
  }
}

/* Shared homepage CSS uses an absolutely positioned 325px rotator canvas.
   Reset BOTH the canvas and the slide to natural document flow, otherwise
   changing the card height alone will still leave the story cropped. */
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-hero-rotator__slides {
  display: block !important;
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-region-home-hero-slide {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  float: none !important;
  height: auto !important;
  max-height: none !important;
  transform: none !important;
  overflow: hidden !important;
}

/* Editorial typography: headline begins at top, remains fully readable,
   and cannot overlap the teaser, metadata or the thumbnail bar. */
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__eyebrow {
  align-self: flex-start !important;
  margin: 0 0 12px !important;
}
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__content h1,
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__content h2 {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex: 0 0 auto !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: clamp(23px, 1.85vw, 30px) !important;
  line-height: 1.16 !important;
  font-weight: 850 !important;
  letter-spacing: -.025em !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__content h1 > a,
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__content h2 > a {
  display: inline !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  min-height: 0 !important;
  max-height: none !important;
  white-space: normal !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__excerpt {
  position: static !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 0 13px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
}
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__meta {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  flex: 0 0 auto !important;
  margin-top: auto !important;
  padding-top: 7px !important;
  line-height: 1.45 !important;
}
/* Never reserve an oversized image on a photo-less slide. */
@media (min-width: 701px) {
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-region-home-hero-slide--text.is-active {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 250px !important;
  }
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-region-home-hero-slide--text .atlas-home-lead-card__content {
    min-height: 250px !important;
    padding: 22px 25px !important;
  }
}
@media (min-width: 701px) and (max-width: 1100px) {
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-region-home-hero-slide.is-active:not(.atlas-region-home-hero-slide--text) {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) !important;
  }
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__content h1 {
    font-size: clamp(21px, 2.5vw, 26px) !important;
  }
}
@media (max-width: 700px) {
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-region-home-hero-slide.is-active {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__image {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
  }
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__image img {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__content {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    justify-content: flex-start !important;
    padding: 17px 16px 19px !important;
    overflow: visible !important;
  }
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__content h1 {
    font-size: clamp(22px, 5.7vw, 28px) !important;
  }
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-rotator .atlas-home-lead-card__meta {
    margin-top: 0 !important;
  }
}

/* Modern district section names — clean newsroom hierarchy, no heavy banner. */
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news {
  margin-bottom: 31px !important;
}
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__heading {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 18px !important;
  padding: 8px 0 15px !important;
  border: 0 !important;
  border-bottom: 1px solid #dbe5f0 !important;
}
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__heading::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 68px;
  height: 3px;
  background: #1359a0;
}
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__title {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding-left: 14px;
  border-left: 4px solid #11559e;
}
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__kicker {
  display: block;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase;
  color: #56799e !important;
}
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__heading h2 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(24px, 2vw, 30px) !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em !important;
  color: #082e57 !important;
}
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__all {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 9px !important;
  flex: 0 0 auto !important;
  padding: 6px 7px 6px 13px !important;
  border: 1px solid #d6e5f5 !important;
  border-radius: 8px !important;
  background: #f5f9fe !important;
  color: #0b4d8b !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  transition: background-color .15s ease, border-color .15s ease;
}
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__all span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #e2effc;
  font-size: 18px;
  line-height: 1;
}
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__all:hover,
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__all:focus-visible {
  background: #e6f1ff !important;
  border-color: #a5c7e9 !important;
  text-decoration: none !important;
}
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__all:focus-visible {
  outline: 2px solid #1767b7 !important;
  outline-offset: 2px !important;
}
/* The fourth recent item may have no photo; its title must use all available width. */
html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-home-topstories .atlas-top-story-small--no-image {
  grid-template-columns: minmax(0, 1fr) !important;
}
@media (max-width: 520px) {
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__heading {
    gap: 10px !important;
  }
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__heading h2 {
    font-size: 23px !important;
  }
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__title {
    padding-left: 10px;
  }
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__all {
    font-size: 11px !important;
    padding: 5px 6px 5px 9px !important;
  }
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__all span {
    width: 25px;
    height: 25px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body.atlas-multisite-regional.home #primary .atlas-region-newsroom--v9750 .atlas-region-district-news__all {
    transition: none;
  }
}