/* =========================================================================
   La revue de presse (/revue-de-presse), 15/10/2026.
   Chargée par views/revue-presse.php seulement : site.css n'est pas touché.
   Elle s'appuie sur les jetons et les classes du site (.liste-rubrique, .item-rubrique, .carte-image, .bouton).
   Aucun liseret ni dégradé ; contrastes pris dans les jetons déjà vérifiés (--surtitre, --titre-fort, --encre-pale).
   ========================================================================= */

.revue-liste{max-width:700px; margin-top:1.6rem}
.revue-liste .item-rubrique-corps{gap:.35rem}

.revue-source{
  font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--surtitre);
}
.revue-extrait{
  font-size:.92rem; line-height:1.5; color:var(--encre-douce);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.revue-sortie{
  display:inline-flex; align-items:center; gap:.35rem; font-size:.78rem; font-weight:700; color:var(--titre-fort);
}

/* Pas de vignette dans le flux : un carré avec les initiales du média, comme les cartes sans image du site. */
.item-rubrique .carte-image.revue-sans-image{
  display:grid; place-items:center; color:var(--violet-600); font-weight:800; font-size:1.6rem; letter-spacing:.02em;
}

/* Les autres médias sur le même sujet : un volet, aligné sous le texte du titre. */
.revue-repris{margin:.2rem 0 0 calc(220px + 1.1rem)}
.revue-repris summary{
  min-height:44px; display:flex; align-items:center; gap:.4rem; cursor:pointer;
  font-size:.82rem; font-weight:700; color:var(--titre-fort); list-style:none;
}
.revue-repris summary::-webkit-details-marker{display:none}
.revue-repris summary::after{
  content:""; width:8px; height:8px; margin-top:-3px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg);
}
.revue-repris[open] summary::after{transform:rotate(-135deg); margin-top:3px}
.revue-repris ul{list-style:none; margin:0 0 .4rem; padding:0; display:grid; gap:.15rem}
.revue-repris li a{
  display:flex; align-items:center; gap:.5rem; min-height:44px; font-size:.88rem; font-weight:600; color:var(--encre);
}
.revue-repris li a:hover{color:var(--marque-titre)}
.revue-repris li small{color:var(--encre-pale); font-weight:400}

.revue-pied{display:flex; justify-content:center; margin-top:1.8rem}
.revue-pied .bouton{min-height:48px; min-width:220px; font-size:1rem}

.revue-mention{max-width:700px; margin:2rem auto 0; font-size:.78rem; color:var(--encre-pale); text-align:center}

/* Téléphone : une vignette à gauche, le titre à droite, pas d'extrait ; le bouton prend toute la largeur. */
@media(max-width:560px){
  .revue-liste{margin-top:1rem}
  .item-rubrique{padding:.95rem 0}
  .item-rubrique a{flex-direction:row; gap:.85rem}
  .item-rubrique .carte-image{width:116px; flex:none}
  .item-rubrique-titre{font-size:.95rem; -webkit-line-clamp:4}
  .revue-extrait,.revue-sortie{display:none}
  .revue-repris{margin-left:0}
  .revue-pied{margin-top:1.2rem}
  .revue-pied .bouton{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .revue-repris summary::after{transition:none}
}