/* ==========================================================================
   Colentum — arheolosko-rekreacijski-park-colentum.css
   Projekt „Arheološko-rekreacijski park Colentum”.
   Poglavlja (.chapter) su u base.css.
   ========================================================================== */

.section--flush-top { padding-top: 0; }

/* O projektu + kartica s cjelinama */
.park-intro {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  align-items: start;
}

@media (min-width: 1024px) {
  .park-intro {
    grid-template-columns: 1.4fr 1fr;
    gap: 4.5rem;
  }
}

.park-intro__text .divider { margin-inline: 0; }

.park-intro__text p {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 1.75;
  color: var(--c-stone-600);
}

.park-intro__text .divider + p { margin-top: 1.5rem; }
.park-intro__text strong { color: var(--c-stone-900); }

.park-card {
  padding: 2rem;
  border-radius: var(--r-xl);
  background: var(--c-limestone);
  box-shadow: inset 0 0 0 1px rgba(214, 211, 209, 0.6);
}

.park-card__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-stone-900);
}

.park-card__list {
  display: grid;
  gap: 0.375rem;
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
}

.park-card__list a {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.5rem 0.625rem;
  border-radius: var(--r-md);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--c-stone-700);
  transition: background-color 0.2s, color 0.2s;
}

.park-card__list a:hover {
  background: var(--c-white);
  color: var(--c-terracotta-700);
}

.park-card__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 2.25rem;
  height: 2.25rem;
  padding-inline: 0.375rem;
  border-radius: 50%;
  background: var(--c-white);
  box-shadow: inset 0 0 0 1px var(--c-terracotta-200);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--c-terracotta);
}

.park-card__presentation {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;
  padding: 1.125rem 1.25rem;
  border-radius: var(--r-lg);
  background: linear-gradient(140deg, var(--c-terracotta-50) 0%, rgba(250, 232, 226, 0.75) 100%);
  box-shadow: inset 0 0 0 1px var(--c-terracotta-200);
}

.park-card__presentation .duo-badge { background: var(--c-white); }

.park-card__presentation strong {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--c-stone-900);
}

.park-card__presentation .link-arrow { text-transform: none; letter-spacing: 0; font-size: 0.875rem; }