/* ============================================================
   CARTES PROJETS / ACTIONS
   ============================================================ */
.projet-card {
  border-radius: var(--cp-radius-md, 16px);
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
  border: 1px solid #e9ecef;
  transition: transform .3s ease, box-shadow .3s ease;
  display: flex;
  flex-direction: column;
}
.projet-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 40px rgba(0,0,0,.13);
}

.projet-card__thumb {
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
}
.projet-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
  display: block;
}
.projet-card:hover .projet-card__thumb img { transform: scale(1.06); }

.projet-card__status {
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: .28rem .75rem;
  border-radius: 50px;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.projet-card__status--en-cours { background: #D1FAE5; color: #065F46; }
.projet-card__status--termine  { background: #DBEAFE; color: #1E40AF; }
.projet-card__status--futur    { background: #FEF3C7; color: #92400E; }

.projet-card__body {
  padding: 1.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.projet-card__title {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 .5rem;
  line-height: 1.3;
  color: var(--cp-color-primary, #20467B);
}
.projet-card__title a { color: inherit; text-decoration: none; }
.projet-card__title a:hover { color: var(--cp-color-secondary, #EB7630); }

.projet-card__desc {
  color: #475569;
  font-size: 1rem; /* 16px standard obligatoire */
  flex: 1;
  margin: 0 0 1.25rem;
  line-height: 1.65;
}

.projet-card__progress { margin-bottom: 1.25rem; }
.projet-card__progress-label {
  display: flex;
  justify-content: space-between;
  font-size: 0.82rem;
  font-weight: 600;
  color: #334155;
  margin-bottom: .4rem;
}
.projet-card__bar {
  height: 6px;
  background-color: #e9ecef;
  border-radius: 3px;
  overflow: hidden;
}
.projet-card__bar-fill {
  height: 100%;
  background: var(--cp-color-secondary, #EB7630);
  border-radius: 3px;
  transition: width 1s ease;
}

.projet-card__link {
  color: var(--cp-color-secondary, #EB7630);
  font-weight: 700;
  font-size: 0.92rem;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  text-decoration: none;
  transition: gap .25s ease;
}
.projet-card__link:hover { gap: .75rem; }