/* =========================
   Layout: container + topbar
   ========================= */
.sjk-topbar,
.container {
  max-width: 1200px;                 /* horní limit */
  margin-inline: auto;                /* centrování */
  /*! padding-inline: clamp(12px, 4vw, 24px); */ /* bezpečné okraje */
 }

/* Extrémně široké monitory */
@media (min-width: 1600px) {
  .sjk-topbar,
  .container {
    padding-inline: 0;
   }
  /* Volitelný container (pokud nemáš vlastní) */
.sjk-wrap .container{position: relative;z-index: 2;width: 100%;}

}

/* =========================
   HERO & brand – výchozí
   ========================= */
.sjk-hero-title {
  font-family: "Abhaya Libre", Georgia, "Times New Roman", serif;
  letter-spacing: .25em;
  font-size: 2.9rem;
  line-height: 2.1;
  margin: 0;
  text-transform: uppercase;
  color: #272f3a;
}

/* Překryv pro čitelnost textu na fotce (výchozí jemnější) */
.sjk-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(18, 26, 36, 0.51) 0%,
    rgba(15, 27, 43, 0.31) 30%,
    rgba(15, 27, 43, 0.18) 55%,
    rgba(15, 27, 43, 0.10) 85%
  );
  pointer-events: none;
}

/* Výchozí textové bloky v hero */
.sjk-hero-text {
  justify-self: end;
  max-width: 100%;
  text-align: right;
  color: var(--sjk-white);
  z-index: 2;
  position: static;
  padding-top: 12em;
}

.sjk-hero-inner .sjk-hero-text {
  height: 80vh;
}

/* Brand – podtitul */
.sjk-brand .sub {
  font-size: 1.1rem;
  letter-spacing: .37em;
  color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
}

/* Footer obrázky */
.site-footer {
  background-size: contain;
}

/* =========================
   Breakpoint ≤ 1500px
   ========================= */
@media (max-width: 1500px) {
  .sjk-hero img {
    height: 56vh;
  }

  /* V menších šířkách zvýraznit kontrast nad fotkou */
  .sjk-hero-title {
    color: #fff;
    text-shadow: 1px 2px 3px #000;
  }
  /* Volitelný container (pokud nemáš vlastní) */
.sjk-wrap .container{position: relative;z-index: 2;width: 100%;}

}

/* =========================
   Breakpoint ≤ 680px (mobil)
   ========================= */
@media (max-width: 680px) {
  /* .sjk-wrap { --sjk-topbar-h: 56px; }  případně odkomentuj a použij proměnnou */
  .sjk-brand .title { font-size: 1.8rem; }
/* Volitelný container (pokud nemáš vlastní) */
.sjk-wrap .container{position: relative;z-index: 2;width: 90%;}

  .sjk-hero-inner { padding: 1.6rem; }

  .sjk-hero-title {
    font-size: 2.1em;
    letter-spacing: 0;
    line-height: 1;
  }

  .sjk-hero-intro { font-size: 1.32em; }

  .sjk-actions { gap: .35rem; }

  /* Skrytí badge na mobilu – zruš, pokud je chceš zobrazit */
  .sjk-badge { display: none; }

  /* Text v hero centrovaně na mobilu + čitelnější */
  .sjk-hero-text {
    text-align: center;
    padding-top: 12em;
    text-shadow: 1px 2px 3px #000;
  }

  /* Silnější překryv na mobilu kvůli čitelnosti */
  .sjk-hero::after {
    background: linear-gradient(
      to bottom,
      rgba(15, 27, 43, 0.51) 0%,
      rgba(15, 27, 43, 0.31) 30%,
      rgba(15, 27, 43, 0.54) 55%,
      rgba(15, 27, 43, 0.39) 85%
    );
  }

  .site-footer { background-size: cover; background-position: left;}

  .sjk-hero-inner .sjk-hero-text {
    height: 79vh;
    margin: 0 auto;
    display: inherit;
  }
  .footer-left {margin: 5%;}
.sjk-wrap a {font-size: 1em;text-align: center;margin: 0 auto}
  
  .item-content  {padding: 5%}
  .com-content-article__body  {padding: 5%}
  .section .news {/*! padding: 5%; */}
    .news-grid > div  {padding: 5% }

}