/* PRATINIUM v532 — « Projets en cours de financement » : cartes épurées et luxueuses.
   Visuels recadrés sur un seul sujet, étalonnage chaud et sobre, filet or, jauge or animée.
   Une photo propre au projet peut être fournie via --pf-project-img (champ image/cover). */

html body#index .pf-projects .pf-project-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(201, 154, 69, .26) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 24px 60px -26px rgba(12, 10, 6, .38), 0 8px 22px -14px rgba(12, 10, 6, .22) !important;
  transition: transform .45s cubic-bezier(.2, .7, .2, 1), box-shadow .45s ease, border-color .45s ease !important;
}
html body#index .pf-projects .pf-project-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(201, 154, 69, .55) !important;
  box-shadow: 0 34px 80px -30px rgba(12, 10, 6, .48), 0 12px 28px -16px rgba(12, 10, 6, .28) !important;
}
/* l'ancien voile photographique derrière le texte est retiré : carte épurée */
html body#index .pf-projects .pf-project-card::before {
  content: none !important;
  display: none !important;
}

/* ---------- visuel ---------- */
html body#index .pf-projects .pf-project-card__visual {
  position: relative !important;
  overflow: hidden !important;
  min-height: 0 !important;
  height: 232px !important;
  background: #0b0906 !important;
  isolation: isolate !important;
}
html body#index .pf-projects .pf-project-card__visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: var(--pf-project-img, url("../img/home-premium/project-refined-v533-1.webp")) 32% 55% / cover no-repeat !important;
  transform: scale(1.015) !important;
  transition: transform 1.2s cubic-bezier(.2, .7, .2, 1), filter .6s ease !important;
  filter: saturate(.94) contrast(1.03) !important;
}
html body#index .pf-projects .pf-project-card:nth-of-type(even) .pf-project-card__visual::before {
  background: var(--pf-project-img, url("../img/home-premium/project-refined-v533-2.webp")) 74% 50% / cover no-repeat !important;
}
html body#index .pf-projects .pf-project-card:hover .pf-project-card__visual::before {
  transform: scale(1.07) !important;
  filter: saturate(1) contrast(1.05) !important;
}
/* profondeur : voile bas + liseré or au raccord image/texte */
html body#index .pf-projects .pf-project-card__visual::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(10, 8, 5, .18) 0%, rgba(10, 8, 5, 0) 30%, rgba(10, 8, 5, 0) 62%, rgba(10, 8, 5, .42) 100%),
    linear-gradient(90deg, rgba(201, 154, 69, 0), rgba(236, 208, 140, .9) 50%, rgba(201, 154, 69, 0)) bottom / 100% 1px no-repeat !important;
}
html body#index .pf-projects .pf-project-card__visual .pf-svg-icon { display: none !important; }

/* ---------- contenu ---------- */
html body#index .pf-projects .pf-project-card__body {
  position: relative !important;
  z-index: 1 !important;
  padding: 22px 26px 22px !important;
  background: #ffffff !important;
}
html body#index .pf-projects .pf-project-card__sector {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 13px !important;
  border-radius: 999px !important;
  background: #0d0b08 !important;
  border: 1px solid rgba(226, 190, 112, .45) !important;
  color: #ecd08c !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}
html body#index .pf-projects .pf-project-card__sector::before {
  content: "" !important;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #e2be70;
  box-shadow: 0 0 0 0 rgba(226, 190, 112, .55);
  animation: pfProjPulse532 2.6s ease-out infinite;
}
@keyframes pfProjPulse532 {
  0% { box-shadow: 0 0 0 0 rgba(226, 190, 112, .55); }
  70% { box-shadow: 0 0 0 7px rgba(226, 190, 112, 0); }
  100% { box-shadow: 0 0 0 0 rgba(226, 190, 112, 0); }
}
html body#index .pf-projects .pf-project-card__name {
  margin-top: 14px !important;
  color: #0b0b0b !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* jauge : or brossé, fine, avec reflet */
html body#index .pf-projects .pf-project-card__progress {
  position: relative !important;
  height: 6px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: #efe9dc !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08) !important;
}
html body#index .pf-projects .pf-project-card__bar {
  position: relative !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #8f6524 0%, #c99a45 45%, #f1d896 100%) !important;
  box-shadow: 0 0 12px rgba(226, 190, 112, .45) !important;
  overflow: hidden !important;
}
html body#index .pf-projects .pf-project-card__bar::after {
  content: "" !important;
  position: absolute !important;
  top: 0; bottom: 0; left: -35%;
  width: 35%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .65), rgba(255, 255, 255, 0));
  animation: pfProjSheen532 3.8s ease-in-out infinite;
}
@keyframes pfProjSheen532 {
  0%, 55% { left: -35%; }
  100% { left: 110%; }
}
html body#index .pf-projects .pf-project-card__meta { color: #6f6a60 !important; }
html body#index .pf-projects .pf-project-card__meta span:first-child { color: #8f6524 !important; font-weight: 700 !important; }

/* bouton « Voir tous les projets » : noir & or */
html body#index .pf-projects .pf-projects__cta-wrap .pf-btn {
  background: #0d0b08 !important;
  color: #f4dea5 !important;
  border: 1px solid rgba(226, 190, 112, .6) !important;
  box-shadow: 0 16px 36px -18px rgba(12, 10, 6, .6) !important;
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease !important;
}
html body#index .pf-projects .pf-projects__cta-wrap .pf-btn:hover {
  transform: translateY(-2px) !important;
  background: #16120c !important;
  box-shadow: 0 22px 44px -18px rgba(12, 10, 6, .7), 0 0 24px rgba(226, 190, 112, .18) !important;
}

@media (max-width: 767px) {
  html body#index .pf-projects .pf-project-card__visual { height: 190px !important; }
  html body#index .pf-projects .pf-project-card__body { padding: 18px 18px 18px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body#index .pf-projects .pf-project-card__bar::after,
  html body#index .pf-projects .pf-project-card__sector::before { animation: none !important; }
  html body#index .pf-projects .pf-project-card,
  html body#index .pf-projects .pf-project-card__visual::before { transition: none !important; }
}

/* ---------- v534 : cartes compactes ---------- */
html body#index .pf-projects .pf-project-card__visual { height: 172px !important; }
html body#index .pf-projects .pf-project-card__body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "name sector" "progress progress" "meta meta" !important;
  align-items: center !important;
  column-gap: 14px !important;
  row-gap: 0 !important;
  padding: 16px 22px 15px !important;
  min-height: 0 !important;
}
html body#index .pf-projects .pf-project-card__name {
  grid-area: name !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body#index .pf-projects .pf-project-card__sector {
  grid-area: sector !important;
  justify-self: end !important;
  margin: 0 !important;
  padding: 5px 11px !important;
  font-size: 10px !important;
}
html body#index .pf-projects .pf-project-card__progress { grid-area: progress !important; margin: 13px 0 0 !important; height: 5px !important; }
html body#index .pf-projects .pf-project-card__meta { grid-area: meta !important; margin: 8px 0 0 !important; line-height: 1.3 !important; }
@media (max-width: 767px) {
  html body#index .pf-projects .pf-project-card__visual { height: 150px !important; }
  html body#index .pf-projects .pf-project-card__body { padding: 14px 16px 13px !important; }
}