/* Piselword frontend — chargé seulement si un bloc Piselword est présent. */
:root {
	--piselword-content-width: 1200px;
	--piselword-accent: #2563eb;
	--piselword-text:   #1a1a1a;
	--piselword-muted:  #6b7280;
	--piselword-border: #e5e7eb;
}
.piselword-empty { padding: 2rem; text-align: center; color: var(--piselword-muted); }

/* ---- Popups ---- */
.piselword-popup { position: fixed; inset: 0; z-index: 99999; display: flex; }
.piselword-popup[hidden] { display: none; }
.piselword-popup__overlay { position: absolute; inset: 0; cursor: pointer; transition: opacity .3s ease; }
.piselword-popup__container {
	position: relative;
	margin: auto;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 20px 60px rgba(0,0,0,.3);
	width: calc(100% - 32px);
	padding: 24px;
	transform: scale(.96);
	opacity: 0;
	transition: transform .3s ease, opacity .3s ease;
}
.piselword-popup.is-open .piselword-popup__container { transform: scale(1); opacity: 1; }
.piselword-popup--anim-slide-up .piselword-popup__container { transform: translateY(30px); }
.piselword-popup--anim-slide-up.is-open .piselword-popup__container { transform: translateY(0); }
.piselword-popup--anim-slide-down .piselword-popup__container { transform: translateY(-30px); }
.piselword-popup--anim-slide-down.is-open .piselword-popup__container { transform: translateY(0); }
.piselword-popup--anim-zoom .piselword-popup__container { transform: scale(.7); }
.piselword-popup--anim-zoom.is-open .piselword-popup__container { transform: scale(1); }
.piselword-popup--pos-top        { align-items: flex-start; }
.piselword-popup--pos-bottom     { align-items: flex-end; }
.piselword-popup--pos-top .piselword-popup__container    { margin-top: 48px; }
.piselword-popup--pos-bottom .piselword-popup__container { margin-bottom: 48px; }
.piselword-popup--pos-top-left     { align-items: flex-start; justify-content: flex-start; }
.piselword-popup--pos-top-right    { align-items: flex-start; justify-content: flex-end; }
.piselword-popup--pos-bottom-left  { align-items: flex-end;   justify-content: flex-start; }
.piselword-popup--pos-bottom-right { align-items: flex-end;   justify-content: flex-end; }
.piselword-popup--pos-top-left .piselword-popup__container,
.piselword-popup--pos-top-right .piselword-popup__container,
.piselword-popup--pos-bottom-left .piselword-popup__container,
.piselword-popup--pos-bottom-right .piselword-popup__container { margin: 24px; }
.piselword-popup__close {
	position: absolute; top: 12px; right: 12px;
	width: 32px; height: 32px; line-height: 1;
	border: none; background: #f3f4f6; color: #1f2937;
	font-size: 22px; cursor: pointer;
}
.piselword-popup__close--top-left { left: 12px; right: auto; }
.piselword-popup__close--circle   { border-radius: 50%; }
.piselword-popup__close--square   { border-radius: 4px; }
.piselword-popup__close--plain    { background: transparent; }
.piselword-popup__close:hover     { background: #e5e7eb; }
body.piselword-popup-open { overflow: hidden; }