/* SPO Formations: neutral/approved miniature and SaaS 2026 card structure.
   The existing safety stylesheet remains the authority for unreviewed media.
   Only /formations/ shortcode cards, not other HivePress listing families. */
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a[href] {
  display:grid!important;
  grid-template-columns:clamp(94px,12vw,144px) minmax(0,1fr) clamp(122px,15%,168px)!important;
  grid-template-rows:auto!important;
  min-height:146px!important;
  gap:0!important;
}
/* Supersede the three legacy URL-specific marketing backgrounds. */
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a[href]::before {
  content:none!important;display:none!important;background-image:none!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a[href] > .spo-training-premium-media {
  position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  grid-column:1!important;grid-row:1!important;min-width:0!important;min-height:124px!important;max-height:165px!important;
  overflow:hidden!important;margin:10px 0 10px 12px!important;border:1px solid #dbe5ec!important;border-radius:10px!important;
  background:linear-gradient(145deg,#183d58,#274d65 55%,#76643f)!important;color:#fff!important;
  box-shadow:0 6px 16px rgba(10,35,54,.11)!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card .spo-training-premium-media--neutral > span {
  display:block!important;font-size:clamp(17px,2vw,25px)!important;font-weight:850!important;letter-spacing:.06em!important;color:#fff!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card .spo-training-premium-media--neutral > small {
  margin-top:3px!important;font-size:9px!important;font-weight:750!important;letter-spacing:.13em!important;color:#f1dfab!important;
}
/* Images are emitted only when the server-side per-listing media policy approves them. */
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a[href] > .spo-training-premium-media--approved img {
  display:block!important;width:100%!important;height:100%!important;min-height:124px!important;max-height:165px!important;object-fit:cover!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a[href] > .hp-listing__content,
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a[href] > :last-child:not(.hp-listing__image) {
  grid-column:2!important;grid-row:1!important;align-self:stretch!important;min-width:0!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a[href]::after {
  grid-column:3!important;grid-row:1!important;min-height:146px!important;content:"VOIR LA FICHE  ↗"!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card .hp-listing__title {
  font-size:clamp(17px,1.48vw,20px)!important;line-height:1.25!important;text-wrap:balance!important;
}
@media(max-width:760px) {
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a[href] {
    grid-template-columns:clamp(75px,22vw,100px) minmax(0,1fr)!important;grid-template-rows:auto auto!important;min-height:0!important;
  }
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a[href] > .spo-training-premium-media {
    grid-column:1!important;grid-row:1!important;min-height:105px!important;max-height:150px!important;margin:9px 0 9px 9px!important;
  }
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a[href] > .hp-listing__content,
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a[href] > :last-child:not(.hp-listing__image) {
    grid-column:2!important;grid-row:1!important;padding:14px 12px!important;
  }
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a[href]::after {
    grid-column:1 / -1!important;grid-row:2!important;min-height:44px!important;padding:11px!important;content:"CONSULTER LA FICHE  ↗"!important;
  }
}
@media(max-width:390px){
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a[href] {
    grid-template-columns:70px minmax(0,1fr)!important;
  }
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card .hp-listing__title {
    font-size:16px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card * {transition:none!important;animation:none!important;}
}


/* ============================================================
   SPO FORMATIONS V2.3 — CATALOGUE "NANTES++"
   Presentation only. Runtime lifecycle/media governance remains authoritative.
   ============================================================ */
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results {
  --spo-v23-navy:#102b43;
  --spo-v23-navy-2:#173f5d;
  --spo-v23-gold:#c4a258;
  --spo-v23-line:#d8e4ec;
  --spo-v23-soft:#f5f8fb;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-formationsResults__list > .hp-listings{
  gap:18px!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card{
  border:1px solid var(--spo-v23-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(15,43,67,.065),0 2px 5px rgba(15,43,67,.025)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card::before{
  height:4px!important;
  background:linear-gradient(90deg,var(--spo-v23-navy) 0 31%,var(--spo-v23-gold) 31% 52%,#e7edf2 52% 100%)!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card:is(:hover,:focus-within){
  transform:translateY(-2px)!important;
  border-color:#bfd0dc!important;
  box-shadow:0 20px 46px rgba(15,43,67,.11),0 4px 10px rgba(15,43,67,.04)!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link{
  grid-template-columns:clamp(112px,13vw,156px) minmax(0,1fr) clamp(176px,18%,218px)!important;
  min-height:172px!important;
  background:#fff!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link > .spo-training-premium-media{
  isolation:isolate!important;
  min-height:144px!important;
  max-height:170px!important;
  margin:14px 0 14px 14px!important;
  border:1px solid rgba(214,229,238,.9)!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 72% 18%,rgba(217,183,111,.18),transparent 40%),
    linear-gradient(145deg,#173a55 0%,#234d68 62%,#4e5260 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 10px 24px rgba(13,42,63,.14)!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link > .spo-training-premium-media::before{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  z-index:1!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:10px!important;
  pointer-events:none!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link > .spo-training-premium-media::after{
  content:"SPO · FORMATIONS"!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:9px!important;
  z-index:2!important;
  color:rgba(255,255,255,.66)!important;
  font-size:7px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
  text-align:center!important;
  pointer-events:none!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card .spo-p66-catalogue-fallback{
  position:relative!important;
  z-index:2!important;
  gap:8px!important;
  padding:18px 10px 26px!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card .spo-p66-catalogue-fallback strong{
  font-size:clamp(18px,1.65vw,24px)!important;
  font-weight:880!important;
  line-height:1.05!important;
  letter-spacing:-.015em!important;
  text-shadow:0 1px 12px rgba(0,0,0,.15)!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card .spo-p66-catalogue-fallback small{
  color:#ead8aa!important;
  font-size:9px!important;
  letter-spacing:.13em!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link > .spo-training-premium-media--approved img{
  transform:scale(1.002)!important;
  transition:transform .2s ease!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card:is(:hover,:focus-within) > a.hp-listing__link > .spo-training-premium-media--approved img{
  transform:scale(1.035)!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link > .hp-listing__content{
  align-content:center!important;
  padding:25px clamp(20px,2.3vw,31px)!important;
  background:linear-gradient(112deg,#fff 0%,#fff 72%,#f8fafc 100%)!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card .hp-listing__badge{
  color:#48677c!important;
  font-size:9px!important;
  letter-spacing:.14em!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card :is(.spo-training-card-badge,.hp-listing__status){
  padding:5px 10px!important;
  border-radius:999px!important;
  font-size:9px!important;
  letter-spacing:.055em!important;
  box-shadow:0 2px 7px rgba(126,94,28,.045)!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card .hp-listing__title{
  margin:8px 0 9px!important;
  color:#102b43!important;
  font-size:clamp(19px,1.65vw,23px)!important;
  font-weight:850!important;
  line-height:1.18!important;
  letter-spacing:-.035em!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card .hp-listing__details{
  padding-top:11px!important;
  border-top:1px solid #e5edf2!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card .hp-listing__location{
  color:#526f82!important;
  font-size:11px!important;
  font-weight:700!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link::after{
  min-height:172px!important;
  padding:24px 18px!important;
  border-left:1px solid rgba(255,255,255,.1)!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.07),transparent 38%),
    linear-gradient(145deg,var(--spo-v23-navy) 0%,var(--spo-v23-navy-2) 100%)!important;
  font-size:10px!important;
  letter-spacing:.105em!important;
  box-shadow:inset 1px 0 rgba(255,255,255,.035)!important;
}
body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link:is(:hover,:focus-visible)::after{
  background:linear-gradient(145deg,#153a55 0%,#205876 100%)!important;
}
@media(max-width:900px){
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link{
    grid-template-columns:110px minmax(0,1fr) 158px!important;
  }
}
@media(max-width:760px){
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card{
    border-radius:18px!important;
  }
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link{
    grid-template-columns:clamp(82px,23vw,104px) minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
  }
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link > .spo-training-premium-media{
    min-height:118px!important;
    max-height:144px!important;
    margin:11px 0 11px 11px!important;
    border-radius:12px!important;
  }
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link > .hp-listing__content{
    padding:16px 13px!important;
  }
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card .hp-listing__title{
    font-size:clamp(16px,4.6vw,19px)!important;
  }
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link::after{
    grid-column:1/-1!important;
    grid-row:2!important;
    min-height:48px!important;
    padding:12px 14px!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.1)!important;
  }
}
@media(max-width:390px){
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link{
    grid-template-columns:76px minmax(0,1fr)!important;
  }
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card .spo-p66-catalogue-fallback{
    padding-inline:5px!important;
  }
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card .spo-p66-catalogue-fallback strong{
    font-size:14px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card,
  body.page-id-61189 #contenu-principal.spo-formations #spo-formations-results .spo-fhr-card.spo-training-premium-card > a.hp-listing__link > .spo-training-premium-media--approved img{
    transition:none!important;
    transform:none!important;
  }
}