/*
 * Forum 1et2 : médias des messages.
 * Vignettes d'images, cartes de pièces jointes, lecteur audio façon SoundCloud, vidéos et lecteurs
 * intégrés, visionneuse, blocs de code colorés, émojis, et côté éditeur : zone d'envoi et sélecteur
 * d'émojis. Couleurs reprises du thème wpForo « 1et2 » (variables --f-* de 1et2.css).
 */

/* ================================================================== 1. Images : vignettes */
#wpforo #wpforo-wrap .wpforo-post-content img:not(.wpf-emoji):not(.wp-smiley):not(.emoji):not(.wpf-1et2-facade-image){
	display:inline-block;vertical-align:top;
	width:auto;height:auto;max-width:min(100%,380px);max-height:260px;object-fit:contain;
	margin:4px 10px 10px 0;border-radius:var(--r-m,12px);
	background:rgba(255,255,255,.03);
	box-shadow:0 0 0 1px rgba(148,170,210,.16),0 8px 22px rgba(0,0,0,.28);
	cursor:zoom-in;transition:transform .18s ease,box-shadow .18s ease;
}
#wpforo #wpforo-wrap .wpforo-post-content img:not(.wpf-emoji):not(.wp-smiley):not(.emoji):not(.wpf-1et2-facade-image):hover{
	transform:translateY(-2px);
	box-shadow:0 0 0 1px rgba(127,216,212,.55),0 12px 28px rgba(0,0,0,.34);
}
#wpforo #wpforo-wrap .wpforo-post-content a.wpforo-auto-embeded-link:has(> img),
#wpforo #wpforo-wrap .wpforo-post-content a.wpf-1et2-zoom{text-decoration:none!important}
#wpforo #wpforo-wrap .wpforo-post-content .wpf-1et2-integre-image{display:inline-block;margin:0;vertical-align:top}

/* Émojis Noto dans le texte */
#wpforo #wpforo-wrap .wpforo-post-content img.wpf-emoji,
#wpforo #wpforo-wrap img.wpf-emoji{
	display:inline-block;width:1.3em!important;height:1.3em!important;max-width:none!important;max-height:none!important;
	margin:0 .05em!important;vertical-align:-.28em;border-radius:0!important;background:none!important;box-shadow:none!important;
	cursor:text;transform:none!important;
}

/* ================================================================== 2. Pièces jointes : cartes */
#wpforo #wpforo-wrap .wpf-1et2-piece{
	display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;max-width:540px;margin:8px 0 10px;padding:10px 12px;
	border-radius:var(--r-m,12px);background:var(--f-carte);border:1px solid var(--f-trait-2);box-shadow:var(--f-arete);
	line-height:1.35;
}
#wpforo #wpforo-wrap .wpf-1et2-piece-icone{
	flex:0 0 auto;display:grid;place-items:center;min-width:48px;height:48px;padding:0 6px;border-radius:11px;
	font:700 11px/1 var(--f-mono);letter-spacing:.03em;color:#04121c;
	background:linear-gradient(140deg,#9fe7e2,#20aba5);
}
#wpforo #wpforo-wrap .wpf-1et2-piece[data-ext="pdf"] .wpf-1et2-piece-icone{background:linear-gradient(140deg,#ffb3b3,#e8585f)}
#wpforo #wpforo-wrap .wpf-1et2-piece-archive .wpf-1et2-piece-icone{background:linear-gradient(140deg,#ffe3a3,#e0a53a)}
#wpforo #wpforo-wrap .wpf-1et2-piece:is([data-ext="doc"],[data-ext="docx"],[data-ext="odt"],[data-ext="rtf"]) .wpf-1et2-piece-icone{background:linear-gradient(140deg,#b9ccff,#5a7fe0)}
#wpforo #wpforo-wrap .wpf-1et2-piece:is([data-ext="xls"],[data-ext="xlsx"],[data-ext="ods"],[data-ext="csv"]) .wpf-1et2-piece-icone{background:linear-gradient(140deg,#a9f0cf,#2fae78)}
#wpforo #wpforo-wrap .wpf-1et2-piece:is([data-ext="txt"],[data-ext="log"],[data-ext="json"],[data-ext="md"]) .wpf-1et2-piece-icone{background:linear-gradient(140deg,#d5deef,#8b9cbc)}
#wpforo #wpforo-wrap .wpf-1et2-piece:is([data-ext="stems"],[data-ext="mid"],[data-ext="midi"]) .wpf-1et2-piece-icone{background:linear-gradient(140deg,#d9c6ff,#8a63e6)}
#wpforo #wpforo-wrap .wpf-1et2-piece-texte{display:flex;flex-direction:column;flex:1 1 150px;min-width:0}
#wpforo #wpforo-wrap .wpforo-post-content a.wpf-1et2-piece-nom{
	color:var(--f-encre)!important;font-weight:600;text-decoration:none!important;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#wpforo #wpforo-wrap .wpforo-post-content a.wpf-1et2-piece-nom:hover{color:var(--f-ecume)!important}
#wpforo #wpforo-wrap .wpf-1et2-piece-meta{font:12px/1.4 var(--f-mono);color:var(--f-brume);white-space:nowrap}
#wpforo #wpforo-wrap .wpforo-post-content a.wpf-1et2-piece-action{
	flex:0 0 auto;margin-left:auto;white-space:nowrap;padding:7px 13px;border-radius:var(--r-pill,999px);border:1px solid rgba(127,216,212,.35);
	color:var(--f-ecume)!important;text-decoration:none!important;font-size:13px;font-weight:600;transition:background .15s ease;
}
#wpforo #wpforo-wrap .wpforo-post-content a.wpf-1et2-piece-action:hover{background:rgba(32,171,165,.14)}

/* Vidéo jointe */
#wpforo #wpforo-wrap .wpf-1et2-piece-video{display:block;max-width:640px;padding:0;overflow:hidden}
#wpforo #wpforo-wrap .wpf-1et2-video{display:block;width:100%;max-height:460px;background:#02050a}
#wpforo #wpforo-wrap .wpf-1et2-piece-legende{display:flex;gap:10px;align-items:baseline;padding:8px 12px;font-size:13px}
#wpforo #wpforo-wrap .wpforo-post-content .wpf-1et2-piece-legende a{text-decoration:none!important;font-weight:600}

/* ================================================================== 3. Lecteur audio */
#wpforo #wpforo-wrap .wpf-1et2-lecteur{display:block;max-width:660px;margin:10px 0 16px;container:lecteur / inline-size}
#wpforo #wpforo-wrap .wpf-1et2-lecteur-repli{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0}
#wpforo #wpforo-wrap .wpf-1et2-lecteur-repli audio{max-width:100%}
#wpforo #wpforo-wrap .wpf-lect{
	display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 16px;align-items:start;
	padding:14px 16px 12px;border-radius:var(--r-l,16px);
	background:radial-gradient(120% 140% at 0% 0%,rgba(32,171,165,.17),transparent 55%),linear-gradient(180deg,#14233d,#0f1a2d);
	border:1px solid var(--f-trait-2);box-shadow:var(--f-arete),0 12px 32px rgba(0,0,0,.3);
}
#wpforo #wpforo-wrap .wpf-lect-jouer{
	position:relative;width:56px;height:56px;margin-top:2px;border:0;border-radius:50%;cursor:pointer;
	background:linear-gradient(145deg,#3fd0c8,#178a85);box-shadow:0 8px 20px rgba(32,171,165,.36),inset 0 1px 0 rgba(255,255,255,.35);
	transition:transform .15s ease,box-shadow .15s ease;
}
#wpforo #wpforo-wrap .wpf-lect-jouer:hover{transform:scale(1.05);box-shadow:0 10px 26px rgba(32,171,165,.5),inset 0 1px 0 rgba(255,255,255,.35)}
#wpforo #wpforo-wrap .wpf-lect-jouer::before{
	content:"";position:absolute;left:22px;top:17px;border-style:solid;border-width:11px 0 11px 17px;
	border-color:transparent transparent transparent #04121c;
}
#wpforo #wpforo-wrap .wpf-lect-joue .wpf-lect-jouer::before{
	left:20px;top:19px;width:6px;height:18px;border:0;border-radius:2px;background:#04121c;box-shadow:10px 0 0 #04121c;
}
#wpforo #wpforo-wrap .wpf-lect-attente .wpf-lect-jouer::after{
	content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;border-top-color:var(--f-ecume);
	animation:wpf-lect-tourne .8s linear infinite;
}
@keyframes wpf-lect-tourne{to{transform:rotate(360deg)}}
#wpforo #wpforo-wrap .wpf-lect-corps{min-width:0}
#wpforo #wpforo-wrap .wpf-lect-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
#wpforo #wpforo-wrap .wpf-lect-noms{display:flex;flex-direction:column;min-width:0}
#wpforo #wpforo-wrap .wpf-lect-auteur{font-size:12px;color:var(--f-brume);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#wpforo #wpforo-wrap .wpf-lect-auteur:empty{display:none}
#wpforo #wpforo-wrap .wpf-lect-titre{font:650 15.5px/1.3 var(--f-titre);color:var(--f-blanc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#wpforo #wpforo-wrap .wpf-lect-temps{flex:0 0 auto;font:12px/1.4 var(--f-mono);color:var(--f-texte);white-space:nowrap}
#wpforo #wpforo-wrap .wpf-lect-onde{position:relative;height:66px;margin-top:8px;cursor:pointer;border-radius:6px;outline-offset:3px}
#wpforo #wpforo-wrap .wpf-lect-canvas{display:block;width:100%;height:100%}
#wpforo #wpforo-wrap .wpf-lect-bulle{
	position:absolute;top:0;transform:translate(-50%,-110%);padding:2px 7px;border-radius:6px;pointer-events:none;
	background:#04121c;border:1px solid rgba(127,216,212,.35);color:var(--f-ecume);font:11px/1.4 var(--f-mono);white-space:nowrap;
}
#wpforo #wpforo-wrap .wpf-lect-pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;margin-top:4px;font:12px/1.4 var(--f-mono);color:var(--f-brume)}
#wpforo #wpforo-wrap .wpf-lect-infos{min-width:0}
#wpforo #wpforo-wrap .wpforo-post-content a.wpf-lect-dl{flex:0 0 auto;margin-left:auto;white-space:nowrap;color:var(--f-ecume)!important;text-decoration:none!important;font:600 12.5px var(--f-sans)}
#wpforo #wpforo-wrap .wpforo-post-content a.wpf-lect-dl:hover{text-decoration:underline!important}
#wpforo #wpforo-wrap .wpf-lect-erreur{flex:1;color:var(--f-corail);font-family:var(--f-sans)}
#wpforo #wpforo-wrap .wpforo-post-content ol.wpf-lect-liste{
	grid-column:1 / -1;list-style:none;margin:4px 0 0;padding:6px 0 0;border-top:1px solid var(--f-trait);
}
#wpforo #wpforo-wrap .wpforo-post-content ol.wpf-lect-liste li{margin:0;padding:0;list-style:none}
#wpforo #wpforo-wrap .wpforo-post-content ol.wpf-lect-liste li::marker{content:none}
#wpforo #wpforo-wrap .wpf-lect-liste button{
	display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:7px 8px;
	border:0;border-radius:8px;background:transparent;color:var(--f-texte);font:14px/1.3 var(--f-sans);text-align:left;cursor:pointer;
}
#wpforo #wpforo-wrap .wpf-lect-liste button:hover{background:rgba(255,255,255,.045)}
#wpforo #wpforo-wrap .wpf-lect-liste .wpf-lect-courant button{background:rgba(32,171,165,.13);color:var(--f-blanc)}
#wpforo #wpforo-wrap .wpf-lect-n{font:12px var(--f-mono);color:var(--f-brume);text-align:center;grid-column:1;grid-row:1}
#wpforo #wpforo-wrap .wpf-lect-eq{display:none;grid-column:1;grid-row:1;justify-content:center;align-items:flex-end;gap:2px;height:14px}
#wpforo #wpforo-wrap .wpf-lect-eq i{display:block;width:3px;height:100%;border-radius:1px;background:var(--f-ecume);animation:wpf-lect-eq .9s ease-in-out infinite}
#wpforo #wpforo-wrap .wpf-lect-eq i:nth-child(2){animation-delay:-.3s}
#wpforo #wpforo-wrap .wpf-lect-eq i:nth-child(3){animation-delay:-.6s}
@keyframes wpf-lect-eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
#wpforo #wpforo-wrap .wpf-lect-eq i{transform-origin:bottom}
#wpforo #wpforo-wrap .wpf-lect-actif .wpf-lect-n{visibility:hidden}
#wpforo #wpforo-wrap .wpf-lect-actif .wpf-lect-eq{display:flex}
#wpforo #wpforo-wrap .wpf-lect-t{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#wpforo #wpforo-wrap .wpf-lect-d{grid-column:3;font:12px var(--f-mono);color:var(--f-brume)}
/* Lecteur étroit (téléphone, colonne serrée) : l'onde prend toute la largeur sous le titre. */
@container lecteur (max-width:460px){
	#wpforo #wpforo-wrap .wpf-lect{gap:8px 12px;padding:12px;align-items:center}
	#wpforo #wpforo-wrap .wpf-lect-corps{display:contents}
	#wpforo #wpforo-wrap .wpf-lect-tete{flex-direction:column;align-items:flex-start;gap:1px}
	#wpforo #wpforo-wrap .wpf-lect-onde,#wpforo #wpforo-wrap .wpf-lect-pied{grid-column:1 / -1}
	#wpforo #wpforo-wrap .wpf-lect-onde{height:54px;margin-top:2px}
	#wpforo #wpforo-wrap .wpf-lect-jouer{width:46px;height:46px;margin:0}
	#wpforo #wpforo-wrap .wpf-lect-jouer::before{left:18px;top:14px;border-width:9px 0 9px 14px}
	#wpforo #wpforo-wrap .wpf-lect-joue .wpf-lect-jouer::before{left:16px;top:14px;height:18px}
	#wpforo #wpforo-wrap .wpf-lect-liste button{grid-template-columns:24px minmax(0,1fr) auto;gap:8px}
}

/* ================================================================== 4. Vidéos et lecteurs intégrés */
#wpforo #wpforo-wrap .wpf-1et2-integre{display:block;max-width:660px;margin:10px 0 16px}
#wpforo #wpforo-wrap .wpf-1et2-integre-video{
	position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--r-l,16px);
	background:#04070d;border:1px solid var(--f-trait-2);box-shadow:0 12px 32px rgba(0,0,0,.32);
}
#wpforo #wpforo-wrap .wpf-1et2-integre-video.wpf-1et2-format-vertical{aspect-ratio:9 / 16;max-width:340px}
#wpforo #wpforo-wrap .wpf-1et2-integre-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#wpforo #wpforo-wrap .wpf-1et2-facade{
	position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;cursor:pointer;
	background:radial-gradient(80% 90% at 30% 20%,rgba(32,171,165,.28),transparent 60%),linear-gradient(160deg,#16294a,#070d18);
}
#wpforo #wpforo-wrap .wpforo-post-content img.wpf-1et2-facade-image{
	position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:cover;
	border-radius:0;box-shadow:none;cursor:pointer;transition:transform .35s ease;
}
#wpforo #wpforo-wrap .wpf-1et2-facade::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,20,0) 40%,rgba(4,10,20,.7))}
#wpforo #wpforo-wrap .wpf-1et2-facade:hover img.wpf-1et2-facade-image{transform:scale(1.03)}
#wpforo #wpforo-wrap .wpf-1et2-facade-lecture{
	position:absolute;z-index:1;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;
	background:rgba(32,171,165,.94);box-shadow:0 10px 32px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.35);
	transition:transform .2s ease,background .2s ease;
}
#wpforo #wpforo-wrap .wpf-1et2-facade-lecture::before{
	content:"";position:absolute;left:28px;top:22px;border-style:solid;border-width:13px 0 13px 21px;
	border-color:transparent transparent transparent #04121c;
}
#wpforo #wpforo-wrap .wpf-1et2-facade:hover .wpf-1et2-facade-lecture{transform:scale(1.08);background:#33c7c0}
#wpforo #wpforo-wrap .wpf-1et2-facade-titre{
	position:absolute;z-index:1;left:16px;right:16px;bottom:13px;text-align:left;color:#fff;
	font:600 14px/1.35 var(--f-sans);text-shadow:0 1px 8px rgba(0,0,0,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#wpforo #wpforo-wrap .wpforo-post-content a.wpf-1et2-integre-source{
	position:absolute;z-index:2;top:10px;right:10px;padding:3px 10px;border-radius:var(--r-pill,999px);
	background:rgba(4,10,20,.66);color:#fff!important;font:600 11.5px/1.5 var(--f-sans);text-decoration:none!important;
	-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
#wpforo #wpforo-wrap .wpf-1et2-integre-actif a.wpf-1et2-integre-source{display:none}
#wpforo #wpforo-wrap .wpf-1et2-integre-audio iframe{display:block;width:100%;border:0;border-radius:var(--r-m,12px);background:#0f1a2d}

/* ================================================================== 5. Code */
#wpforo #wpforo-wrap .wpf-code-cadre{position:relative;margin:.6em 0 1.1em}
#wpforo #wpforo-wrap .wpforo-post-content .wpf-code-cadre > pre{margin:0;padding-top:40px}
#wpforo #wpforo-wrap .wpf-code-barre{
	position:absolute;z-index:1;top:9px;left:14px;right:9px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;
}
#wpforo #wpforo-wrap .wpf-code-langue{font:600 11px/1 var(--f-mono);letter-spacing:.06em;color:var(--f-brume)}
#wpforo #wpforo-wrap .wpf-code-copier{
	pointer-events:auto;padding:4px 11px;border-radius:var(--r-pill,999px);border:1px solid var(--f-trait-2);
	background:rgba(255,255,255,.04);color:var(--f-texte);font:600 12px/1.3 var(--f-sans);cursor:pointer;transition:all .15s ease;
}
#wpforo #wpforo-wrap .wpf-code-copier:hover{border-color:rgba(127,216,212,.45);color:var(--f-ecume)}
#wpforo #wpforo-wrap .wpf-code-copier.wpf-code-copie{border-color:rgba(79,214,160,.45);color:var(--f-menthe)}
/* Jetons de highlight.js (le thème neutralise les couleurs du bloc : spécificité et !important nécessaires) */
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-keyword,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-selector-tag,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-doctag{color:#c4a7ff!important}
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-built_in,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-type,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-tag,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-name,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-title.class_{color:#82b1ff!important}
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-title,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-title.function_,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-section{color:#7fd8d4!important}
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-string,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-char.escape_,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-regexp{color:#a8e3a3!important}
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-number,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-literal,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-symbol,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-bullet{color:#ffb07a!important}
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-comment,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-quote{color:#5f7396!important;font-style:italic}
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-attr,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-attribute,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-property,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-selector-class,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-selector-id{color:#f2c66d!important}
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-variable,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-template-variable,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-params{color:#ff9fae!important}
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-meta,
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-meta .hljs-keyword{color:#8b9cbc!important}
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-deletion{color:#ff8a8a!important;background:rgba(255,138,138,.09)!important}
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-addition{color:#4fd6a0!important;background:rgba(79,214,160,.09)!important}
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-emphasis{font-style:italic}
#wpforo #wpforo-wrap .wpforo-post-content pre.wpf-code .hljs-strong{font-weight:700}

/* ================================================================== 6. Visionneuse (hors du forum, sur le corps de page) */
html.wpf-vis-ouverte{overflow:hidden}
.wpf-vis{
	position:fixed;inset:0;z-index:2147483000;display:block;
	background:rgba(4,8,15,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
	font-family:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;animation:wpf-vis-entre .18s ease;
}
@keyframes wpf-vis-entre{from{opacity:0}to{opacity:1}}
.wpf-vis-scene{position:absolute;inset:60px 72px 70px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.wpf-vis-image{
	display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;user-select:none;
	box-shadow:0 24px 70px rgba(0,0,0,.6);cursor:zoom-in;transition:opacity .2s ease;
}
.wpf-vis-charge .wpf-vis-image{opacity:.3}
.wpf-vis-reelle .wpf-vis-scene{overflow:auto;display:block;text-align:center}
.wpf-vis-reelle .wpf-vis-image{display:inline-block;max-width:none;max-height:none;border-radius:0;cursor:zoom-out}
.wpf-vis button{font-family:inherit}
.wpf-vis-fermer{
	position:absolute;top:14px;right:16px;width:44px;height:44px;border-radius:50%;cursor:pointer;
	border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font-size:28px;line-height:40px;
}
.wpf-vis-nav{
	position:absolute;top:50%;width:50px;height:70px;margin-top:-35px;border-radius:14px;cursor:pointer;
	border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:42px;line-height:62px;
}
.wpf-vis-prec{left:12px}
.wpf-vis-suiv{right:12px}
.wpf-vis-fermer:hover,.wpf-vis-nav:hover{background:rgba(32,171,165,.35);border-color:rgba(127,216,212,.6)}
.wpf-vis button:focus-visible,.wpf-vis a:focus-visible{outline:2px solid #7fd8d4;outline-offset:2px}
.wpf-vis-legende{
	position:absolute;left:0;right:0;bottom:16px;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 16px;
	padding:0 16px;color:#c5d0e4;font-size:13px;
}
.wpf-vis-legende a{color:#7fd8d4;text-decoration:none}
.wpf-vis-legende a:hover{text-decoration:underline}
.wpf-vis-compte{font-family:"Geist Mono",ui-monospace,monospace;color:#8b9cbc}
.wpf-vis-nom{max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:640px){
	.wpf-vis-scene{inset:62px 8px 92px}
	.wpf-vis-nav{top:auto;bottom:44px;margin:0;width:46px;height:46px;line-height:40px;font-size:32px}
	.wpf-vis-legende{bottom:10px}
}
@media (prefers-reduced-motion:reduce){
	.wpf-vis,.wpf-vis-image,#wpforo #wpforo-wrap .wpf-lect-eq i,#wpforo #wpforo-wrap .wpforo-post-content img{animation:none!important;transition:none!important}
}

/* ================================================================== 7. Éditeur : envois, glisser-déposer, émojis */
.mce-btn .mce-ico.mce-i-none{background-size:18px 18px!important;background-position:center!important;background-repeat:no-repeat!important}
#wpforo #wpforo-wrap .mce-tinymce.wpf-1et2-survol{outline:2px dashed var(--f-ecume);outline-offset:3px}
#wpforo #wpforo-wrap .wpf-1et2-zone{margin:8px 0 6px;font-size:13px;line-height:1.5;color:var(--f-brume)}
#wpforo #wpforo-wrap .wpf-1et2-zone-bouton{
	margin-right:4px;padding:4px 12px;border-radius:var(--r-pill,999px);cursor:pointer;
	border:1px solid rgba(127,216,212,.4);background:rgba(32,171,165,.1);color:var(--f-ecume);font:600 12.5px/1.4 var(--f-sans);
}
#wpforo #wpforo-wrap .wpf-1et2-zone-bouton:hover{background:rgba(32,171,165,.2)}
#wpforo #wpforo-wrap .wpf-1et2-zone-fermee .wpf-1et2-zone-aide::before{content:"🔒 "}
#wpforo #wpforo-wrap .wpf-1et2-envois{display:flex;flex-direction:column;gap:6px;margin-top:6px}
#wpforo #wpforo-wrap .wpf-1et2-envoi{
	display:grid;grid-template-columns:minmax(0,1fr) auto 110px minmax(70px,auto) auto;align-items:center;gap:10px;
	padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid var(--f-trait);font-size:13px;
}
#wpforo #wpforo-wrap .wpf-1et2-envoi-nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--f-encre)}
#wpforo #wpforo-wrap .wpf-1et2-envoi-taille,#wpforo #wpforo-wrap .wpf-1et2-envoi-etat{font:12px/1.3 var(--f-mono);color:var(--f-brume)}
#wpforo #wpforo-wrap .wpf-1et2-envoi-barre{height:6px;border-radius:99px;background:rgba(148,170,210,.18);overflow:hidden}
#wpforo #wpforo-wrap .wpf-1et2-envoi-barre span{display:block;width:0;height:100%;background:linear-gradient(90deg,#20aba5,#7fd8d4);transition:width .2s ease}
#wpforo #wpforo-wrap .wpf-1et2-envoi-ok .wpf-1et2-envoi-etat{color:var(--f-menthe)}
#wpforo #wpforo-wrap .wpf-1et2-envoi-erreur{border-color:rgba(255,138,138,.35);background:rgba(255,138,138,.07)}
#wpforo #wpforo-wrap .wpf-1et2-envoi-erreur .wpf-1et2-envoi-nom,#wpforo #wpforo-wrap .wpf-1et2-envoi-erreur .wpf-1et2-envoi-etat{color:var(--f-corail)}
#wpforo #wpforo-wrap .wpf-1et2-envoi-erreur .wpf-1et2-envoi-nom{white-space:normal}
#wpforo #wpforo-wrap .wpf-1et2-envoi > .wpf-1et2-envoi-fermer{grid-column:-2;border:0;background:none;color:var(--f-brume);font-size:18px;line-height:1;cursor:pointer;padding:0 4px}
@media (max-width:560px){
	#wpforo #wpforo-wrap .wpf-1et2-envoi{grid-template-columns:minmax(0,1fr) auto auto}
	#wpforo #wpforo-wrap .wpf-1et2-envoi-taille{display:none}
	#wpforo #wpforo-wrap .wpf-1et2-envoi-barre{grid-column:1 / -1;grid-row:2}
}

/* Sélecteur d'émojis (rattaché au corps de page) */
.wpf-1et2-emojis{
	position:absolute;z-index:100000;box-sizing:border-box;padding:8px;border-radius:14px;
	background:#13213a;border:1px solid rgba(148,170,210,.26);box-shadow:0 20px 54px rgba(0,0,0,.5);
	color:#c5d0e4;font:13px/1.4 "Geist",system-ui,sans-serif;
}
.wpf-1et2-emojis-chargement{padding:18px;text-align:center;color:#8b9cbc}
.wpf-1et2-emojis-recherche{
	width:100%;box-sizing:border-box;margin:0 0 6px;padding:7px 10px;border-radius:9px;
	border:1px solid rgba(148,170,210,.26);background:#0b1320;color:#e9eef8;font:13px "Geist",system-ui,sans-serif;
}
.wpf-1et2-emojis-recherche:focus{outline:none;border-color:#20aba5}
.wpf-1et2-emojis-onglets{display:flex;gap:2px;overflow-x:auto;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid rgba(148,170,210,.14)}
.wpf-1et2-emojis-onglets button{flex:0 0 auto;padding:4px 6px;border:0;border-radius:8px;background:none;cursor:pointer}
.wpf-1et2-emojis-onglets button[aria-selected="true"]{background:rgba(32,171,165,.24)}
.wpf-1et2-emojis-onglets img{display:block;width:22px;height:22px}
.wpf-1et2-emojis-grille{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:236px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2b4370 transparent}
.wpf-1et2-emoji{padding:5px 0;border:0;border-radius:9px;background:none;cursor:pointer;transition:transform .12s ease,background .12s ease}
.wpf-1et2-emoji:hover,.wpf-1et2-emoji:focus-visible{background:rgba(32,171,165,.2);transform:scale(1.16);outline:none}
.wpf-1et2-emoji img{display:block;width:28px;height:28px;margin:auto}