/**
 * Content-section block styles (opakovateľný H2 + obrázok + text blok)
 */

.content-section__image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-card);
  margin-bottom: var(--space-h2-text);
}

.content-section__body {
  width: 100%;
}

.content-section__list-title {
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
  margin-bottom: 0.5rem;
}

.content-section__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: var(--space-paragraph);
  padding-left: 1.25rem;
  list-style: disc;
}

.content-section__list li {
  position: relative;
  padding-left: 0.5rem;
}

.content-section__list li::marker {
  color: var(--color-heading-gold);
}

.content-section__sub {
  margin-top: clamp(1.5rem, 1.2rem + 1vw, 2.25rem);
}

.content-section__sub:first-of-type {
  margin-top: clamp(1rem, 0.8rem + 0.6vw, 1.5rem);
}

.content-section__cta {
  margin-top: 1.5rem;
}

/* --- Kontextové interné odkazy v texte ----------------------------------- */
/* Iba v hlavnom textovom obsahu (odseky, zoznamy, podsekcie) — nie v CTA
   tlačidle, ktoré má vlastný štýl. Zvýraznené zlatou farbou brandu, aby sa
   v texte jasne odlíšili od bežných slov. */
.content-section__body a,
.content-section__sub a,
.intro a {
  color: var(--color-heading-gold);
  text-decoration: underline;
  text-decoration-color: rgba(255, 212, 41, 0.45);
  text-underline-offset: 3px;
  font-weight: var(--font-weight-medium);
  transition: color var(--transition-fast), text-decoration-color var(--transition-fast);
}

.content-section__body a:hover,
.content-section__body a:focus-visible,
.content-section__sub a:hover,
.content-section__sub a:focus-visible,
.intro a:hover,
.intro a:focus-visible {
  color: var(--color-white);
  text-decoration-color: var(--color-heading-gold);
}

.info-table-wrap {
  overflow-x: auto;
  margin-bottom: var(--space-paragraph);
  border-radius: var(--radius-card);
}

.info-table {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .info-table {
    min-width: 480px;
  }
}