/* WhoKnew Signal : demande d'abonnement aux notifications, aux couleurs du District */
#wkspn-popup-mount.df24-wk-attente,
body.elementor-maintenance-mode #wkspn-popup-mount,
body.elementor-editor-active #wkspn-popup-mount{display:none!important}

#wkspn-popup-mount #wkspn-popup.wkspn-style-card{
	box-sizing:border-box;display:grid;grid-template-columns:52px 1fr;column-gap:14px;align-items:start;
	width:min(420px,calc(100vw - 32px));max-width:none;padding:24px 22px 20px;bottom:24px;
	background:#FFFFFF!important;border:1px solid #D9E2EE!important;border-radius:14px;overflow:hidden;
	box-shadow:0 24px 60px rgba(14,35,80,.28),0 4px 14px rgba(14,35,80,.12);
	font-family:Barlow,system-ui,-apple-system,"Segoe UI",sans-serif;color:#4A5878;
}
#wkspn-popup-mount #wkspn-popup.wkspn-style-card::before{
	content:"";position:absolute;inset:0 0 auto;height:5px;
	background:linear-gradient(90deg,#238E44 0 25%,#FFFFFF 25% 50%,#9A1849 50% 75%,#0A0A0A 75%);
	box-shadow:0 1px 0 #D9E2EE;
}
#wkspn-popup-mount #wkspn-popup .wkspn-popup-icon{grid-row:1 / span 2;width:52px;height:52px;margin:2px 0 0;border-radius:12px;object-fit:cover}
#wkspn-popup-mount #wkspn-popup .wkspn-popup-title{
	grid-column:2;font:800 21px/1.05 "Barlow Condensed","Arial Narrow",sans-serif!important;
	text-transform:uppercase!important;color:#0E2350!important;margin:0 0 6px!important;padding:0 26px 0 0!important;
}
#wkspn-popup-mount #wkspn-popup .wkspn-popup-body{grid-column:2;font-size:14.5px!important;line-height:1.5!important;color:#4A5878!important;margin:0 0 16px!important}
#wkspn-popup-mount #wkspn-popup .wkspn-popup-buttons{grid-column:1 / -1;display:flex;gap:8px}
#wkspn-popup-mount #wkspn-popup .wkspn-popup-allow{
	flex:1;min-height:44px;padding:0 16px;border-radius:8px;border:1px solid #264075;
	background:#264075!important;color:#FFFFFF!important;box-shadow:none!important;
	font:700 15px/1.2 Barlow,system-ui,sans-serif!important;transform:none!important;
}
#wkspn-popup-mount #wkspn-popup .wkspn-popup-allow:hover{background:#0E2350!important;border-color:#0E2350}
#wkspn-popup-mount #wkspn-popup .wkspn-popup-deny{
	flex:0 0 auto;min-height:44px;padding:0 16px;border-radius:8px;
	background:#FFFFFF!important;border:1px solid #C9D5E6!important;color:#264075!important;
	font:600 15px/1.2 Barlow,system-ui,sans-serif!important;
}
#wkspn-popup-mount #wkspn-popup .wkspn-popup-deny:hover{border-color:#264075!important;background:#EAF2FA!important}
#wkspn-popup-mount #wkspn-popup .wkspn-popup-dismiss{top:14px;right:12px;color:#4A5878!important;font-size:22px}
#wkspn-popup-mount #wkspn-popup .wkspn-popup-dismiss:hover{background:#EAF2FA!important;color:#0E2350!important}
#wkspn-popup-mount #wkspn-popup button:focus-visible{outline:2px solid #52A0D3;outline-offset:2px}

/* Mobile : au-dessus de la barre d'accès rapide et des boutons fixés en bas */
@media (max-width:767px){
	#wkspn-popup-mount #wkspn-popup.wkspn-style-card,
	#wkspn-popup-mount #wkspn-popup.wkspn-style-card.wkspn-pos-center{
		left:12px!important;right:12px!important;width:auto!important;max-width:none!important;
		bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;border-radius:14px!important;
		transform:none;padding:22px 18px 16px;grid-template-columns:44px 1fr;column-gap:12px;
		animation:wkspn-popup-in .4s cubic-bezier(.34,1.56,.64,1) both;
	}
	#wkspn-popup-mount #wkspn-popup .wkspn-popup-icon{width:44px;height:44px;border-radius:10px}
	#wkspn-popup-mount #wkspn-popup .wkspn-popup-title{font-size:19px!important}
	#wkspn-popup-mount #wkspn-popup .wkspn-popup-body{font-size:14px!important;margin-bottom:14px!important}
}
@media (prefers-reduced-motion:reduce){#wkspn-popup-mount #wkspn-popup{animation:none!important}}

/* Lien « Ne plus recevoir les notifications », déplacé dans le pied de page */
#wkspn-unsub-container.df24-wk-pied{position:static!important;padding:12px 16px 16px;background:#0E2350;text-align:center}
#wkspn-unsub-container.df24-wk-pied #wkspn-unsubscribe-link{font:500 13px/1.4 Barlow,system-ui,sans-serif!important;color:#9FB0CC!important}
#wkspn-unsub-container.df24-wk-pied #wkspn-unsubscribe-link:hover{color:#FFFFFF!important}

/* Bandeau « hors connexion » */
#wkspn-offline-banner{font-family:Barlow,system-ui,sans-serif!important;font-weight:600!important;border-bottom:3px solid #52A0D3}

/* Corrections : styles de boutons du Kit Elementor neutralisés, boutons qui passent à la ligne si besoin */
#wkspn-popup-mount #wkspn-popup button.wkspn-popup-dismiss{position:absolute;top:12px;right:10px;width:32px;height:32px;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#4A5878!important;font:400 24px/32px system-ui,sans-serif!important;text-align:center}
#wkspn-popup-mount #wkspn-popup button.wkspn-popup-dismiss:hover{background:#EAF2FA!important;color:#0E2350!important}
#wkspn-popup-mount #wkspn-popup .wkspn-popup-buttons{flex-wrap:wrap}
#wkspn-popup-mount #wkspn-popup button.wkspn-popup-allow{flex:1 1 190px;padding:10px 16px!important;white-space:normal}
#wkspn-popup-mount #wkspn-popup button.wkspn-popup-deny{flex:1 1 90px;padding:10px 16px!important;white-space:normal}

/* Application installée : « tirer pour actualiser » */
@media (display-mode:standalone){html{overscroll-behavior-y:contain}}
html.df24-ptr-actif{overscroll-behavior-y:contain}
.df24-ptr{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:2147483646;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#FFFFFF;color:#264075;border:1px solid #D9E2EE;box-shadow:0 8px 24px rgba(14,35,80,.25);transform:translate(-50%,-56px);opacity:0;pointer-events:none;will-change:transform}
.df24-ptr::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:3px solid transparent;border-top-color:#52A0D3;border-right-color:#CF3535;opacity:0}
.df24-ptr.df24-ptr-pret{background:#264075;color:#FFFFFF;border-color:#264075}
.df24-ptr.df24-ptr-anim{transition:transform .22s ease,opacity .22s ease,background .15s}
.df24-ptr.df24-ptr-charge{background:#FFFFFF;color:transparent;border-color:#D9E2EE}
.df24-ptr.df24-ptr-charge::after{opacity:1;animation:df24-ptr-tour .7s linear infinite}
@keyframes df24-ptr-tour{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.df24-ptr.df24-ptr-charge::after{animation-duration:1.6s}}
/* Rechargement : anneau aux 4 couleurs du Périgord (vert, blanc, pourpre, noir) sur un rail bleu nuit */
.df24-ptr::before{content:"";position:absolute;inset:-3px;border-radius:50%;background:#0E2350;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6.5px));opacity:0}
.df24-ptr::after{inset:-2px;border:0;background:conic-gradient(#238E44 0 25%,#FFFFFF 0 50%,#9A1849 0 75%,#0A0A0A 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px))}
.df24-ptr.df24-ptr-charge{border-color:transparent}
.df24-ptr.df24-ptr-charge::before{opacity:1}