/* Fil « Sur les réseaux » : cartes homogènes quel que soit le réseau, sur les jetons du thème. */
.rn-reseaux{ margin-top:3rem; }
.rn-reseaux-tete{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:1rem 2rem; margin-bottom:1.4rem; }
.rn-sur-titre{ margin:0 0 .3rem; font-size:.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--wp--preset--color--bleu); }
.rn-sur-titre::after{ content:""; display:inline-block; width:2.2rem; height:2px; margin-left:.7rem; vertical-align:middle; background:var(--wp--preset--color--rouge); }
.rn-reseaux-tete h2{ margin:0; }
.rn-reseaux-sous{ margin:.4rem 0 0; color:var(--wp--preset--color--gris); max-width:60ch; }
.rn-reseaux-liens{ margin:0; }
.rn-reseaux-tous{ display:inline-block; padding:.6rem 1rem; border:1px solid var(--wp--preset--color--bord); border-radius:6px; font-weight:700; font-size:.9rem; text-decoration:none; color:var(--wp--preset--color--bleu); background:#fff; }
.rn-reseaux-tous:hover{ border-color:var(--wp--preset--color--bleu); }
/* filtres */
.rn-reseaux-filtres{ display:flex; flex-wrap:wrap; gap:.6rem 1.2rem; margin-bottom:1.4rem; }
.rn-filtre{ display:flex; flex-wrap:wrap; gap:.45rem; }
.rn-filtre + .rn-filtre{ padding-left:1.2rem; border-left:1px solid var(--wp--preset--color--bord); }
.rn-pilule{ display:inline-flex; align-items:center; gap:.45rem; padding:.45rem .85rem; border:1px solid var(--wp--preset--color--bord); border-radius:999px; background:#fff; color:var(--wp--preset--color--bleu-nuit); font:inherit; font-size:.86rem; font-weight:600; cursor:pointer; transition:background .15s, border-color .15s, color .15s; }
.rn-pilule:hover{ border-color:var(--wp--preset--color--bleu); }
.rn-pilule.est-actif{ background:var(--wp--preset--color--bleu); border-color:var(--wp--preset--color--bleu); color:#fff; }
.rn-pilule:focus-visible{ outline:2px solid var(--wp--preset--color--rouge); outline-offset:2px; }
.rn-pilule-ico{ display:inline-flex; width:18px; height:18px; }
.rn-pilule-ico svg{ width:100%; height:100%; }
.rn-pilule .rn-pub-avatar{ width:26px; height:26px; }
.rn-ico-facebook{ color:#1877f2; } .rn-ico-instagram{ color:#c13584; } .rn-ico-x{ color:#101828; }
.rn-pilule.est-actif .rn-pilule-ico{ color:#fff; }
/* grille et cartes */
.rn-reseaux-grille{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; align-items:start; }
.rn-reseaux-grille[aria-busy="true"]{ opacity:.6; }
.rn-pub{ display:flex; flex-direction:column; gap:.8rem; padding:1.1rem 1.2rem; background:#fff; border:1px solid var(--wp--preset--color--bord); border-radius:6px; transition:box-shadow .2s, border-color .2s; }
.rn-pub:hover{ box-shadow:0 6px 18px rgba(12,76,128,.08); border-color:#cfdceb; }
.rn-pub-tete{ display:flex; align-items:center; gap:.7rem; }
.rn-pub-avatar{ width:44px; height:44px; border-radius:50%; object-fit:cover; flex:none; background:var(--wp--preset--color--bleu-pale); }
.rn-pub-avatar-ini{ display:inline-flex; align-items:center; justify-content:center; font-size:.8rem; font-weight:800; color:var(--wp--preset--color--bleu); }
.rn-pub-qui{ display:flex; flex-direction:column; min-width:0; line-height:1.25; }
.rn-pub-nom{ font-weight:800; color:var(--wp--preset--color--bleu-nuit); }
.rn-pub-pseudo{ font-size:.82rem; color:var(--wp--preset--color--gris); }
.rn-pub-meta{ margin-left:auto; display:flex; flex-direction:column; align-items:flex-end; gap:.2rem; flex:none; }
.rn-pub-reseau{ display:inline-flex; width:22px; height:22px; }
.rn-pub-reseau svg{ width:100%; height:100%; }
.rn-pub time{ font-size:.78rem; color:var(--wp--preset--color--gris); white-space:nowrap; }
.rn-pub-texte p{ margin:0; font-size:.95rem; line-height:1.55; overflow-wrap:anywhere; }
.rn-pub-texte.est-replie p{ display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; }
.rn-pub-suite{ align-self:flex-start; margin-top:-.3rem; padding:0; border:0; background:none; font:inherit; font-size:.85rem; font-weight:700; color:var(--wp--preset--color--bleu); cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.rn-pub-tag{ color:var(--wp--preset--color--bleu); font-weight:600; }
.rn-pub-texte a{ color:var(--wp--preset--color--bleu); overflow-wrap:anywhere; }
.rn-pub-medias{ display:grid; gap:.35rem; border-radius:6px; overflow:hidden; }
.rn-pub-medias-2,.rn-pub-medias-4{ grid-template-columns:1fr 1fr; }
.rn-pub-medias-3{ grid-template-columns:2fr 1fr; grid-template-rows:1fr 1fr; }
.rn-pub-medias-3 > :first-child{ grid-row:1 / span 2; }
.rn-pub-image,.rn-pub-video{ display:block; position:relative; background:var(--wp--preset--color--bleu-pale); }
.rn-pub-medias img{ display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.rn-pub-medias-2 img,.rn-pub-medias-4 img,.rn-pub-medias-3 > :not(:first-child) img{ aspect-ratio:1/1; }
.rn-pub-lecture{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:1.6rem; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.5); }
.rn-pub-lecture::before{ content:""; position:absolute; width:56px; height:56px; border-radius:50%; background:rgba(16,24,40,.55); z-index:-1; }
.rn-pub-video{ z-index:0; }
.rn-pub-pied{ display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin-top:auto; padding-top:.6rem; border-top:1px solid var(--wp--preset--color--bord); font-size:.82rem; }
.rn-pub-stats{ display:flex; flex-wrap:wrap; gap:.9rem; color:var(--wp--preset--color--gris); }
.rn-pub-stat{ display:inline-flex; align-items:center; gap:.3rem; }
.rn-pub-stat svg{ display:block; }
.rn-pub-lien{ font-weight:700; text-decoration:none; color:var(--wp--preset--color--bleu); white-space:nowrap; }
.rn-pub-lien:hover{ text-decoration:underline; }
.rn-reseaux-suite{ margin:1.6rem 0 0; text-align:center; }
.rn-reseaux-vide{ margin:1rem 0; color:var(--wp--preset--color--gris); }
/* tablette : 2 colonnes ; mobile : 1 colonne, filtres auteurs en ligne défilante */
@media (max-width:1023px){ .rn-reseaux-grille{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:781px){
	.rn-reseaux-grille{ grid-template-columns:1fr; }
	.rn-reseaux-tete{ align-items:flex-start; }
	.rn-filtre + .rn-filtre{ padding-left:0; border-left:0; }
	.rn-filtre-auteurs{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; margin:0 -16px; padding:0 16px .3rem; max-width:calc(100% + 32px); }
	.rn-filtre-auteurs::-webkit-scrollbar{ display:none; }
	.rn-filtre-auteurs .rn-pilule{ flex:none; }
}
.rn-reseaux-compte{ display:inline-flex; width:38px; height:38px; align-items:center; justify-content:center; margin-left:.4rem; border:1px solid var(--wp--preset--color--bord); border-radius:50%; background:#fff; }
.rn-reseaux-compte svg{ width:20px; height:20px; }
.rn-reseaux-compte:hover{ border-color:currentColor; }
