/* ═══════════════════════════════════════════════════════════════
   rdv-lies.css — bloc « Quand sera-t-il question de ce thème ? »
   des pages Thèmes du voyage.
   Charge APRÈS cards.css.

   Principe : on ne change PAS le markup de la boucle GenerateBlocks.
   Mêmes classes (pf-card, __media, __body, __kicker, __title) —
   seule la classe modificatrice passe de la tuile à la ligne.
   Une liste se comporte pareil avec 1, 2 ou 3 entrées : pas de
   colonne orpheline, pas de trou.

   À faire côté loop : .pf-grid.cols-2 → .pf-grid.pf-grid--rdv
                       .pf-card       → .pf-card.pf-card--rdv
   ═══════════════════════════════════════════════════════════════ */

.pf-grid--rdv{grid-template-columns:1fr;gap:12px}

.pf-card--rdv{flex-direction:row;align-items:stretch;border-radius:12px;position:relative}
.pf-card--rdv .pf-card__media{flex:0 0 116px;width:116px;aspect-ratio:1/1;border-radius:0}
.pf-card--rdv .pf-card__body{justify-content:center;gap:7px;padding:16px 54px 16px 22px}
.pf-card--rdv .pf-card__kicker{font-size:11px;letter-spacing:.14em}
/* Casse normale des titres de cartes.
   charte-v2.css pose `.pf-page [class*="__title"]{text-transform:uppercase!important;
   font-weight:800!important}` en (0,2,0) — correctifs-v3.css, en (0,1,0), perd la
   cascade malgré son !important. On repasse en (0,3,0). */
.pf-page .also .pf-card__title,
.pf-page .pf-card--rdv .pf-card__title{font-family:'Jost',system-ui,sans-serif!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.005em!important}
.pf-page .pf-card--rdv .pf-card__title,
.pf-card--rdv .pf-card__title{font-size:clamp(18px,1.7vw,22px);line-height:1.3;text-wrap:pretty}

/* Chevron : signale le lien sans ajouter de balise */
.pf-card--rdv::after{content:"";position:absolute;right:24px;top:50%;width:9px;height:9px;margin-top:-5px;border-right:2px solid var(--navy,#0F2D85);border-bottom:2px solid var(--navy,#0F2D85);transform:rotate(-45deg);transition:transform .2s,right .2s;opacity:.55}
a.pf-card--rdv:hover::after{right:18px;opacity:1}
a.pf-card--rdv:hover{transform:none;box-shadow:0 14px 30px -22px rgba(20,17,50,.45)}

/* Sans vignette : la liste reste lisible */
.pf-card--rdv:not(:has(.pf-card__media)) .pf-card__body{padding-left:24px;border-left:3px solid var(--navy-050,#eef1fb)}

@media (max-width:560px){
  .pf-card--rdv .pf-card__media{flex-basis:88px;width:88px}
  .pf-card--rdv .pf-card__body{padding:14px 42px 14px 18px}
  .pf-card--rdv::after{right:18px}
}