/* ==========================================================================
   Colentum — projekt.css
   Pojedini projekt (podstranica „Projekata”), složen od blokova u uređivaču.

   Klase (Napredno → Dodatna CSS klasa):
   • Stupci  „projekt”           → dva stupca: tekst lijevo, kartica desno
   • Stupac  „projekt__kartica”  → kartica s logom i podacima (ljepljiva)
   • Slika   „projekt-logo”      → logo programa na bijeloj podlozi
   • Tablica „projekt-podaci”    → ključni podaci (naziv, program, trajanje…)
   • Popis   „projekt-izazovi”   → popis s kvačicama
   • Popis   „projekt-partneri”  → popis partnera
   • Gumbi   „projekt-linkovi”   → linkovi na vanjske stranice
   ========================================================================== */

/* Sadržaj široko kao blokovi na naslovnici */
.page-content.entry-content {
  max-width: var(--container);
  padding-inline: 1rem;
}

@media (min-width: 640px)  { .page-content.entry-content { padding-inline: 1.5rem; } }
@media (min-width: 1024px) { .page-content.entry-content { padding-inline: 2rem; } }

.entry-content .projekt {
  gap: 3rem;
  align-items: flex-start !important;
}

@media (min-width: 1024px) { .entry-content .projekt { gap: 4.5rem; } }

.entry-content .projekt h2 { margin-top: 0; }

/* Razmaci unutar stupaca (odlomci, naslovi) */
.entry-content .projekt .wp-block-column > * + * { margin-top: 1rem; }
.entry-content .projekt .wp-block-column > * + h3 { margin-top: 2.5rem; }
.entry-content .projekt .wp-block-column > * + h4 { margin-top: 2rem; }
.entry-content .projekt h4 { font-size: 1.0625rem; color: var(--c-terracotta-700); }

/* Veći razmak ispod naslova u lijevom stupcu */
.entry-content .projekt h2 + *,
.entry-content .projekt h3 + * { margin-top: 1.5rem; }
.entry-content .projekt__kartica h3 + * { margin-top: 1rem; }

/* Kartica desno */
.entry-content .projekt__kartica {
  padding: 1.75rem;
  border-radius: var(--r-xl);
  background: var(--c-limestone);
  box-shadow: inset 0 0 0 1px rgba(214, 211, 209, 0.6);
}

@media (min-width: 782px) {
  .entry-content .projekt__kartica {
    position: sticky;
    top: calc(var(--header-h) + 2.5rem);
  }
}

.entry-content .projekt__kartica > * + * { margin-top: 1.5rem; }
.entry-content .projekt__kartica h3 { margin-top: 1.75rem; font-size: 1.125rem; }

/* Logo */
.entry-content .projekt-logo {
  margin: 0;
  padding: 1rem;
  border-radius: var(--r-lg);
  background: var(--c-white);
  box-shadow: inset 0 0 0 1px var(--c-stone-200);
}

.entry-content .projekt-logo img { border-radius: 0; box-shadow: none; }

/* Ključni podaci */
.entry-content .projekt-podaci { margin: 0; }

.entry-content .projekt-podaci table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  line-height: 1.5;
}

.entry-content .projekt-podaci tr + tr { border-top: 1px solid rgba(214, 211, 209, 0.8); }

.entry-content .projekt-podaci th,
.entry-content .projekt-podaci td {
  padding: 0.75rem 0;
  border: 0;
  text-align: left;
  vertical-align: top;
}

.entry-content .projekt-podaci th {
  width: 38%;
  padding-right: 1rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--c-terracotta);
}

.entry-content .projekt-podaci td { color: var(--c-stone-700); }
.entry-content .projekt-podaci td strong { color: var(--c-stone-900); font-size: 1rem; }

/* Popis izazova — s kvačicama */
.entry-content .projekt-izazovi {
  display: grid;
  gap: 0.75rem;
  padding: 0;
  list-style: none;
}

.entry-content .projekt-izazovi li {
  position: relative;
  margin: 0;
  padding: 1rem 1.25rem 1rem 3.25rem;
  border-radius: var(--r-md);
  background: var(--c-white);
  box-shadow: inset 0 0 0 1px var(--c-stone-200);
  font-size: 0.9375rem;
  line-height: 1.6;
}

.entry-content .projekt-izazovi li::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 1.05rem;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  background: var(--c-terracotta-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CE5E37' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 0.8rem no-repeat;
  box-shadow: inset 0 0 0 1px var(--c-terracotta-200);
}

/* Razmak ispod popisa prije sljedećeg odlomka */
.entry-content .projekt-izazovi { margin-bottom: 1.5rem; }
.entry-content .projekt-izazovi + p { margin-top: 1.5rem; }

/* Partneri */
.entry-content .projekt-partneri {
  display: grid;
  gap: 0.5rem;
  padding: 0;
  list-style: none;
  font-size: 0.875rem;
}

.entry-content .projekt-partneri li {
  margin: 0;
  padding: 0.625rem 0.875rem;
  border-radius: var(--r-sm);
  background: var(--c-white);
  box-shadow: inset 0 0 0 1px var(--c-stone-200);
}

/* Linkovi */
.entry-content .projekt-linkovi { gap: 0.625rem; }

.entry-content .projekt-linkovi .wp-block-button__link {
  padding: 0.75rem 1.25rem;
  font-size: 0.6875rem;
}

.entry-content .projekt-linkovi .wp-block-button + .wp-block-button .wp-block-button__link {
  background: transparent;
  color: var(--c-terracotta);
  box-shadow: inset 0 0 0 1.5px var(--c-terracotta);
}

/* Slike u lijevom stupcu (npr. legende na poučnoj stazi) */
.entry-content .projekt .wp-block-column:not(.projekt__kartica) .wp-block-image img {
  width: 100%;
  aspect-ratio: 5 / 2;
  object-fit: cover;
  border-radius: var(--r-lg);
}

/* Citat / stihovi */
.entry-content .projekt blockquote {
  margin-inline: 0;
  padding: 0.25rem 0 0.25rem 1.5rem;
  border-left: 3px solid var(--c-terracotta);
  font-style: italic;
  color: var(--c-stone-700);
}

.entry-content .projekt blockquote cite {
  display: block;
  margin-top: 0.75rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  color: var(--c-terracotta-700);
}

.entry-content .projekt h3[id] { scroll-margin-top: calc(var(--header-h) + 1.5rem); }
.entry-content .projekt-partneri a:hover { color: var(--c-terracotta-700); }