/*
* Publications (Release/index.html.twig) et listes de communiqués (News/communiques.html.twig), design épuré du
* 20/10/2026, cartes du 29/10/2026. Le menu de rubrique et l'en-tête viennent de page-classique-epure.css et le filtre
* par année de filtre-annees.css (28/10/2026) ; ici, la liste : une carte par document (pastille de date, titre,
* formats, flèche), la plus récente mise en avant, la carte entière cliquable (le lien du titre la couvre).
*/
.publications-epure{
--pub-rouge:#e40520;
--pub-rouge-pale:#fdecee;
--pub-encre:#1d1d1b;
--pub-gris:#6b6b6b;
--pub-gris-doux:#8f8f8f;
--pub-filet:#ebe6e4;
--pub-fond:#f6f3f2;
}
.pub-rss{margin:-20px 0 26px;font-size:14px}
.content.publications-epure .pub-rss a{color:var(--pub-gris);text-decoration:underline;text-underline-offset:3px}
/* Groupes masqués par le filtre par année */
.pub-groupe[hidden]{display:none}
/* Année et nombre de documents */
.content.publications-epure h2.pub-annee{display:flex;align-items:baseline;gap:12px;margin:0 0 14px;padding:0;background:none;font-size:13px;line-height:1.4;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pub-rouge)}
.pub-annee small{font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--pub-gris-doux)}
/* Cartes */
.pub-liste{display:grid;gap:12px;margin:0 0 44px;padding:0;list-style:none}
.content.publications-epure .pub-ligne{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:20px;align-items:center;margin:0;padding:16px 18px;border:1px solid var(--pub-filet);border-radius:14px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.pub-ligne:before{display:none}
.content.publications-epure .pub-ligne:hover,.content.publications-epure .pub-ligne:focus-within{border-color:#e7c3c7;box-shadow:0 12px 28px rgba(29,29,27,.08);transform:translateY(-2px)}
/* Pastille de date : jour en grand, mois dessous */
.pub-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:var(--pub-fond);font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pub-gris);transition:background-color .2s,color .2s}
.pub-date b{font-size:24px;line-height:1.05;font-weight:600;letter-spacing:0;color:var(--pub-encre);transition:color .2s}
.pub-ligne:hover .pub-date,.pub-ligne:focus-within .pub-date{background:var(--pub-rouge);color:#fff}
.pub-ligne:hover .pub-date b,.pub-ligne:focus-within .pub-date b{color:#fff}
/* Titre : son lien couvre toute la carte ; formats et flèche restent cliquables au-dessus */
.pub-corps{min-width:0}
.content.publications-epure .pub-titre{display:block;font-size:16px;line-height:1.45;font-weight:600;color:var(--pub-encre);transition:color .2s}
.content.publications-epure .pub-titre:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:14px}
.content.publications-epure .pub-ligne:hover .pub-titre{color:var(--pub-rouge)}
.pub-formats{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.content.publications-epure .pub-format{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--pub-filet);border-radius:13px;background:#fff;font-size:12px;line-height:1.3;font-weight:600;color:var(--pub-gris);transition:border-color .2s,color .2s,background-color .2s}
.content.publications-epure .pub-format.est-pdf{border-color:transparent;background:var(--pub-fond);color:var(--pub-encre)}
.content.publications-epure .pub-format.est-web{border-color:transparent;background:var(--pub-rouge-pale);color:var(--pub-rouge)}
.pub-format svg{width:13px;height:13px}
.content.publications-epure .pub-format:hover{border-color:var(--pub-encre);color:var(--pub-encre)}
.content.publications-epure .pub-format.est-web:hover{border-color:var(--pub-rouge);color:var(--pub-rouge)}
.content.publications-epure .pub-telecharger{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--pub-filet);border-radius:50%;color:var(--pub-encre);transition:background-color .2s,border-color .2s,color .2s,transform .2s}
.content.publications-epure .pub-ligne:hover .pub-telecharger,.content.publications-epure .pub-telecharger:focus-visible{border-color:var(--pub-rouge);background:var(--pub-rouge);color:#fff}
.pub-telecharger svg{width:18px;height:18px}
.publications-epure a:focus-visible{outline:2px solid var(--pub-rouge);outline-offset:2px}
.pub-vide{font-size:16px;color:var(--pub-gris)}
/* La plus récente, mise en avant */
.content.publications-epure .pub-ligne.est-une{grid-template-columns:96px minmax(0,1fr) auto;gap:26px;padding:26px 26px 26px 24px;border-color:transparent;background:linear-gradient(135deg,#fff 0%,#fbf6f5 100%);box-shadow:inset 4px 0 0 var(--pub-rouge),0 1px 3px rgba(29,29,27,.06)}
.content.publications-epure .pub-ligne.est-une:hover,.content.publications-epure .pub-ligne.est-une:focus-within{box-shadow:inset 4px 0 0 var(--pub-rouge),0 14px 32px rgba(29,29,27,.1)}
.est-une .pub-date{width:96px;height:96px;border-radius:16px;background:var(--pub-rouge);font-size:12px;color:#fff}
.est-une .pub-date b{font-size:38px;color:#fff}
.pub-une{display:block;margin:0 0 6px;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pub-rouge)}
.content.publications-epure .est-une .pub-titre{font-size:21px;line-height:1.35}
.content.publications-epure .est-une .pub-telecharger{width:48px;height:48px}
@media only screen and (max-width: 640px){
.content.publications-epure .pub-ligne{grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start;padding:14px}
.content.publications-epure .pub-ligne.est-une{grid-template-columns:64px minmax(0,1fr);gap:16px;padding:18px 16px 18px 18px}
.pub-date{width:52px;height:52px;border-radius:10px;font-size:10px}
.pub-date b{font-size:19px}
.est-une .pub-date{width:64px;height:64px;border-radius:12px}
.est-une .pub-date b{font-size:26px}
.content.publications-epure .pub-titre{font-size:15px}
.content.publications-epure .est-une .pub-titre{font-size:17px}
.content.publications-epure .pub-telecharger{display:none}
}
@media (prefers-reduced-motion: reduce){
.pub-ligne,.pub-date,.pub-date b,.pub-titre,.pub-format,.pub-telecharger{transition:none}
.content.publications-epure .pub-ligne:hover,.content.publications-epure .pub-ligne:focus-within{transform:none}
}