/* Potins qui vivent : pastilles, « Prévenez-moi », mises à jour, « info en plus » */
.potin-pastilles { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; }
.potin-pastille { display: inline-flex; align-items: center; gap: 4px; font-size: .8125rem; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: var(--wp--preset--color--lilas, #d9c8ec); color: var(--wp--preset--color--encre, #22152b); }
.potin-pastille--rumeur { background: #f3e3c3; }
.potin-pastille--ouvert { background: #cdebd6; color: #12452a; }
.potin-pastille--ferme, .potin-pastille--annule { background: #f3d5d2; color: #6e1c16; }
.potin-pastille--date.est-proche { background: var(--wp--preset--color--ocre, #e8a33d); }
.margoes-bulles .wp-block-post:nth-child(even) .potin-pastille { box-shadow: 0 0 0 1px rgba(255, 255, 255, .25); }

.potin-alerte { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 10px 0 0; }
.potin-alerte__bouton { font: inherit; font-size: .875rem; font-weight: 700; padding: 8px 14px; border-radius: 999px; border: 2px solid currentColor; background: transparent; color: inherit; cursor: pointer; }
.potin-alerte__bouton:hover { background: rgba(0, 0, 0, .06); }
.potin-alerte__bouton.est-inscrit { border-style: dashed; cursor: default; opacity: .85; }
.potin-alerte__nb { font-size: .8125rem; font-weight: 600; opacity: .8; }
.potin-alerte__nb:empty { display: none; }
.potin-alerte__form { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; }
.potin-alerte__form input { flex: 1 1 180px; min-width: 0; font: inherit; font-size: .9375rem; padding: 9px 12px; border-radius: 12px; border: 2px solid var(--wp--preset--color--lilas, #d9c8ec); background: #fff; color: var(--wp--preset--color--encre, #22152b); }
.potin-alerte__form button { font: inherit; font-weight: 800; padding: 9px 16px; border-radius: 999px; border: 0; background: var(--wp--preset--color--ocre, #e8a33d); color: var(--wp--preset--color--encre, #22152b); cursor: pointer; }
.potin-alerte__mention, .potin-alerte__erreur { width: 100%; margin: 0; font-size: .75rem; opacity: .8; }
.potin-alerte__erreur { color: #b3261e; opacity: 1; font-weight: 700; }
.potin-alerte__erreur:empty { display: none; }

.potin-infos { margin: 2rem 0 1rem; }
.potin-infos__titre { font-size: 1.125rem; margin: 0 0 12px; }
.potin-infos__liste { list-style: none; margin: 0 0 18px; padding: 0 0 0 18px; border-left: 3px solid var(--wp--preset--color--lilas, #d9c8ec); display: flex; flex-direction: column; gap: 14px; }
.potin-info { position: relative; }
.potin-info::before { content: ""; position: absolute; left: -26px; top: 6px; width: 13px; height: 13px; border-radius: 50%; background: var(--wp--preset--color--lilas, #d9c8ec); border: 3px solid var(--wp--preset--color--fond, #f6f2fa); }
.potin-info--margo::before { background: var(--wp--preset--color--prune, #3b1f4a); }
.potin-info__date { font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--wp--preset--color--prune, #3b1f4a); }
.potin-info__texte { margin: 2px 0; }
.potin-info__auteur { font-size: .8125rem; opacity: .75; }

.potin-plus__ouvrir { font: inherit; font-weight: 700; padding: 11px 18px; border-radius: 999px; border: 2px dashed var(--wp--preset--color--prune, #3b1f4a); background: transparent; color: var(--wp--preset--color--prune, #3b1f4a); cursor: pointer; }
.potin-plus__ouvrir:hover { border-style: solid; }
.potin-plus__ouvrir[hidden] { display: none; }
.potin-plus__form { display: flex; flex-direction: column; gap: 12px; padding: 18px; border-radius: 22px; background: var(--wp--preset--color--lilas, #d9c8ec); }
.potin-plus__form label { display: flex; flex-direction: column; gap: 6px; font-weight: 700; }
.potin-plus__form textarea, .potin-plus__form input { font: inherit; font-weight: 400; padding: 11px 13px; border-radius: 14px; border: 2px solid transparent; background: #fff; color: var(--wp--preset--color--encre, #22152b); }
.potin-plus__form textarea:focus, .potin-plus__form input:focus { outline: none; border-color: var(--wp--preset--color--prune, #3b1f4a); }
.potin-plus__mention { margin: 0; font-size: .8125rem; }
.potin-plus__boutons { display: flex; gap: 12px; align-items: center; }
.potin-plus__envoyer { font: inherit; font-weight: 800; padding: 12px 20px; border-radius: 999px; border: 0; background: var(--wp--preset--color--ocre, #e8a33d); color: var(--wp--preset--color--encre, #22152b); cursor: pointer; }
.potin-plus__annuler { font: inherit; font-weight: 700; background: none; border: 0; text-decoration: underline; cursor: pointer; color: inherit; }
.potin-plus__erreur { margin: 0; color: #b3261e; font-weight: 700; }
.potin-plus__erreur:empty { display: none; }
.potin-plus__merci { margin: 0; font-weight: 700; }
.potin-piege { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* « J'ai une info en plus » centré */
.potin-plus { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; margin: 2rem auto 1rem; }
.potin-plus__question { margin: 0; font-weight: 700; color: var(--wp--preset--color--prune, #3b1f4a); }
.potin-plus__form { width: 100%; text-align: left; box-sizing: border-box; }
.potin-plus:has(.potin-plus__form) .potin-plus__question { display: none; }

/* J'y vais */
.potin-jyvais { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 10px 0 0; }
.potin-jyvais__bouton { font: inherit; font-size: .875rem; font-weight: 800; padding: 8px 14px; border-radius: 999px; border: 2px solid var(--wp--preset--color--ocre, #e8a33d); background: var(--wp--preset--color--ocre, #e8a33d); color: var(--wp--preset--color--encre, #22152b); cursor: pointer; }
.potin-jyvais__bouton.est-actif { background: transparent; color: inherit; }
.potin-jyvais__bouton.est-pop { animation: potinJyvais .4s ease; }
@keyframes potinJyvais { 50% { transform: scale(1.12) rotate(-3deg); } }
.potin-jyvais__nb { font-size: .8125rem; font-weight: 700; }
.potin-jyvais__bilan { margin: 10px 0 0; font-size: .875rem; font-weight: 700; }
.potin-alerte__bouton.est-suggere { animation: potinSuggere 1s ease 2; }
@keyframes potinSuggere { 50% { box-shadow: 0 0 0 6px rgba(232, 163, 61, .45); } }

/* Partager */
.potin-partage { display: inline-flex; align-items: center; gap: 4px; margin: 10px 0 0; font: inherit; font-size: .8125rem; font-weight: 800; padding: 6px 12px; border-radius: 999px; border: 0; background: rgba(0, 0, 0, .06); color: inherit; cursor: pointer; }
.potin-partage:hover { background: rgba(0, 0, 0, .1); }
.margoes-bulles .wp-block-post:nth-child(even) .potin-partage { background: rgba(255, 255, 255, .14); }
.potin-partage-menu { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: end center; padding: 16px; background: rgba(34, 21, 43, .45); }
.potin-partage-menu__boite { width: min(420px, 100%); background: #fff; color: var(--wp--preset--color--encre, #22152b); border-radius: 24px; padding: 16px; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box; }
.potin-partage-menu__boite img { width: 100%; border-radius: 16px; aspect-ratio: 1; object-fit: cover; }
.potin-partage-menu__boite a, .potin-partage-menu__boite button { display: flex; justify-content: center; align-items: center; gap: 8px; font: inherit; font-weight: 800; padding: 13px; border-radius: 999px; border: 2px solid var(--wp--preset--color--prune, #3b1f4a); background: #fff; color: var(--wp--preset--color--prune, #3b1f4a); text-decoration: none; cursor: pointer; }
.potin-partage-menu__boite .est-whatsapp { background: #25d366; border-color: #25d366; color: #0b3d1f; }
.potin-partage-menu__boite .est-fermer { border: 0; text-decoration: underline; font-weight: 600; padding: 6px; }
@media (min-width: 700px) { .potin-partage-menu { place-items: center; } }