/**
 * @file
 * PPP tenders listing pages (En cours / Achevés) — grid layout.
 */

.ppp-listing-page {
  padding: 0px 0 100px;
  min-height: 60vh;
}

.ppp-listing-page .ppp-section-title {
  color: #0f172a;
  margin-bottom: 48px;
}
.ppp-listing-page .background-title-ppp {
  color: transparent;
}


.ppp-listing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 520px), 1fr));
  gap: 40px 32px;
  align-items: stretch;
}

.ppp-listing-item {
  height: 100%;
}

.ppp-listing-item .card-monolith--listing {
  height: 100%;
  min-height: 420px;
  box-shadow: 20px 20px 0 rgba(15, 23, 42, 0.08);
}

.ppp-listing-item .card-monolith--listing:hover {
  box-shadow: 24px 24px 0 rgba(15, 23, 42, 0.12);
  transform: translateY(-2px);
}

.ppp-listing-empty {
  padding: 48px 24px;
  text-align: center;
  color: #64748b;
  font-size: 1.1rem;
  background: #fff;
  border: 1px dashed #cbd5e1;
}

.ppp-listing-pager {
  margin-top: 48px;
}

.ppp-listing-pager .pager__items {
  justify-content: center;
}

@media (max-width: 767px) {
  .ppp-listing-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .ppp-listing-item .card-monolith--listing {
    min-height: auto;
    flex-direction: column;
    height: auto;
  }

  .ppp-listing-item .mono-side {
    width: 100%;
    height: 56px;
    flex-direction: row;
    justify-content: center;
  }

  .ppp-listing-item .mono-num {
    writing-mode: horizontal-tb;
    transform: none;
  }
}