/* ============================================================
   projects.css – doplnkové štýly pre detail projektu
   (project-details.php – Rayo šablóna plnená dátami)
   ============================================================ */

/* --- Parallax divider obrázok projektu --- */
.prj-detail-divider {
  width: 100%;
  min-height: clamp(280px, 46vw, 620px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
}

/* --- Obrázky v kartách projektu --- */
.marlotech-project-cards__inner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* --- Zoznam riešenia v bloku Solution --- */
.project-solution-list {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}
.project-solution-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  line-height: 1.6;
}
.project-solution-list li:last-child { margin-bottom: 0; }
.project-solution-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: .3em;
  width: 13px;
  height: 7px;
  border-left: 2px solid var(--accent);
  border-bottom: 2px solid var(--accent);
  transform: rotate(-45deg);
}