/* Formulaire : champ « Où ça se passe ? » */
.potin-ou { display: flex; flex-direction: column; gap: 6px; }
.potin-ou > label { font-weight: 600; }
.potin-ou .potin-aide a { color: inherit; }
.potin-ou__champ { position: relative; }
.potin-ou__champ input { width: 100%; box-sizing: border-box; }
.potin-ou__liste { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 1000; margin: 0; padding: 6px; list-style: none; background: var(--wp--preset--color--blanc, #fff); border: 2px solid var(--wp--preset--color--prune, #4a1d4f); border-radius: 18px; box-shadow: 0 10px 28px rgba(42, 27, 51, .18); max-height: 320px; overflow-y: auto; }
.potin-ou__option { display: flex; flex-direction: column; gap: 1px; padding: 10px 12px; border-radius: 12px; cursor: pointer; }
.potin-ou__option strong { font-weight: 600; }
.potin-ou__option span { font-size: .8125rem; opacity: .7; }
.potin-ou__option:hover, .potin-ou__option.est-actif { background: var(--wp--preset--color--lilas, #e3d4f2); }
.potin-form .potin-ou__placer, .potin-ou__placer { align-self: flex-start; font: inherit; font-size: .875rem; font-weight: 600; background: none !important; border: 0; padding: 4px 0 !important; margin: 0; color: var(--wp--preset--color--prune, #4a1d4f); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; box-shadow: none; border-radius: 0; width: auto; }
.potin-form .potin-ou__placer:hover { background: none; color: var(--wp--preset--color--encre, #2a1b33); }
.potin-ou__placer[hidden] { display: none; }
.potin-ou__carte { height: 240px; border-radius: 18px; overflow: hidden; border: 2px solid var(--wp--preset--color--prune, #4a1d4f); margin-top: 4px; z-index: 0; }
.potin-ou__carte .leaflet-tile-pane { filter: grayscale(1) sepia(.25) hue-rotate(225deg) saturate(1.4) brightness(1.04) contrast(.92); }
.potin-ou__statut { margin: 2px 0 0; font-size: .875rem; font-weight: 600; color: var(--wp--preset--color--prune, #4a1d4f); min-height: 1.2em; }
.potin-form-marqueur { background: none; border: 0; }
.potin-form-marqueur span { display: block; font-size: 32px; line-height: 1; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .35)); }

/* Écran d'attente pendant l'envoi */
.potin-envoi { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 20px; background: rgba(42, 27, 51, .55); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); opacity: 0; transition: opacity .2s ease; }
.potin-envoi.est-visible { opacity: 1; }
.potin-envoi__carte { width: min(380px, 100%); box-sizing: border-box; text-align: center; padding: 28px 24px 22px; border-radius: 28px; background: var(--wp--preset--color--blanc, #fff); color: var(--wp--preset--color--encre, #2a1b33); box-shadow: 0 20px 60px rgba(42, 27, 51, .35); transform: translateY(12px) scale(.97); transition: transform .25s cubic-bezier(.2, .9, .3, 1.3); }
.potin-envoi.est-visible .potin-envoi__carte { transform: none; }
.potin-envoi__bulle { display: inline-flex; padding: 0; margin-bottom: 14px; }
.potin-envoi__bulle .potin-ecrit__points { background: var(--wp--preset--color--lilas, #e3d4f2); padding: 16px 20px; }
.potin-envoi__titre { margin: 0 0 4px; font-size: 1.375rem; font-weight: 800; letter-spacing: -.02em; color: var(--wp--preset--color--prune, #4a1d4f); }
.potin-envoi__texte { margin: 0 0 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.potin-envoi__piste { height: 10px; border-radius: 999px; background: var(--wp--preset--color--lilas, #e3d4f2); overflow: hidden; }
.potin-envoi__barre { width: 4%; height: 100%; border-radius: inherit; background: var(--wp--preset--color--ocre, #e8a33a); transition: width .3s ease; }
.potin-envoi__aide { margin: 12px 0 0; font-size: .8125rem; opacity: .7; }
.potin-form button[type="submit"][disabled] { opacity: .6; cursor: wait; }