/* ============================================================
   ENCART « RÉSUMER L'ARTICLE » — bouton + carte résumé
   (bloc 8 de functions.php ; markup dans single-post.php)
   Tokens var(--mc-*) avec replis CLAIR : autonome sur le live
   actuel, suit le switch clair/sombre dès que redesign.css charge.
   Bouton blindé en !important contre les styles button d'Extra.
   ============================================================ */

/* --- Bouton dans la rangée .mcfr-gbtns ---
   Calé sur le style blocky LIVE des gbtns (vérifié computed sur prod le
   31/07/2026) : IBM Plex 12px 700, padding 7/12, bord 2px --mc-edge,
   radius 0, ombre dure 3px 3px 0 --mc-shadow, hauteur ~32px. */
.mcfr-resume-btn{
	-webkit-appearance:none !important;appearance:none !important;
	display:inline-flex !important;align-items:center !important;gap:8px !important;
	margin:0 !important;padding:7px 12px !important;
	border:2px solid var(--mc-edge,#1E2422) !important;
	border-radius:0 !important;
	background:var(--mc-surface,#FFFFFF) !important; /* proposition A : neutre au repos */
	color:var(--mc-ink,#1E2422) !important;
	font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif) !important;
	font-size:12px !important;font-weight:700 !important;line-height:1.2 !important;
	letter-spacing:.02em !important;text-transform:none !important;
	white-space:nowrap !important;cursor:pointer;user-select:none;
	box-shadow:3px 3px 0 var(--mc-shadow,#1E2422) !important;text-shadow:none !important;
	transition:transform .1s ease,background .15s ease;
}
/* dark : les .mcfr-gbtn--secondary live sont en #242E2A (pas --mc-surface) —
   on cale le repos sur la même valeur pour un neutre strictement identique */
[data-theme="dark"] .mcfr-resume-btn{background:#242E2A !important;color:#C7D3CF !important}
[data-theme="dark"] .mcfr-resume-btn[aria-expanded="true"]{background:var(--mc-tq,#1AA995) !important;color:#06231E !important}
.mcfr-resume-btn:hover{transform:translateY(-1px);background:var(--mc-bone,#F4F1EA) !important}
.mcfr-resume-btn:active{transform:translate(2px,2px) !important;box-shadow:1px 1px 0 var(--mc-shadow,#1E2422) !important}
.mcfr-resume-btn:focus-visible{outline:2px solid var(--mc-tq,#1AA995);outline-offset:2px}
.mcfr-resume-btn svg{width:14px;height:14px;fill:currentColor;flex:0 0 auto;display:block}
/* libellé unique desktop/mobile (décision 31/07) : plus de version courte */
.mcfr-resume-btn .lbl-short{display:none !important}
.mcfr-resume-btn .lbl-full{display:inline !important}

/* NB : la mise en page de la rangée (byline, groupes d'actions, tailles
   des boutons, états hover/press/focus) est désormais dans
   assets/article-head.css — ce fichier ne garde que le bouton Résumé
   et l'encart lui-même. */

/* interrupteur carré (blocky, pas de rond), knob centré via translateY */
.mcfr-resume-btn .sw{
	position:relative;width:26px;height:14px;flex:0 0 auto;
	background:var(--mc-line-2,#CFCABD);border:1px solid var(--mc-edge,#1E2422);
	transition:background .18s;
}
.mcfr-resume-btn .sw::after{
	content:"";position:absolute;top:50%;transform:translateY(-50%);
	left:2px;width:8px;height:8px;
	background:var(--mc-paper,#FFFFFF);border:1px solid var(--mc-edge,#1E2422);
	transition:left .18s;
}
.mcfr-resume-btn[aria-expanded="true"]{
	background:var(--mc-tq,#1AA995) !important;
	color:#06231E !important;
}
.mcfr-resume-btn[aria-expanded="true"] svg{fill:#06231E}
.mcfr-resume-btn[aria-expanded="true"] .sw{background:var(--mc-tq-d,#11796A)}
.mcfr-resume-btn[aria-expanded="true"] .sw::after{left:12px}

/* --- Encart (server-rendered, hidden au chargement, JS retire hidden) --- */
.mcfr-resume{
	overflow:hidden;
	max-height:0;opacity:0;margin:0;
	transition:max-height .45s cubic-bezier(.25,.7,.3,1),opacity .3s ease,margin .45s;
}
.mcfr-resume[hidden]{display:none}
/* marge haute : la rangée gbtns live n'a pas de margin-bottom, sans elle le
   cadre se glisse sous les boutons et leurs ombres 3px (vu en prod 31/07) */
.mcfr-resume.open{max-height:640px;opacity:1;margin:12px 0 22px}
.mcfr-resume__card{
	background:var(--mc-bone,#F4F1EA);
	border:2px solid var(--mc-edge,#1E2422);
	border-left:6px solid var(--mc-tq,#1AA995);
	box-shadow:3px 3px 0 var(--mc-shadow,#1E2422);
	padding:16px 20px 14px;
}
.mcfr-resume__head{
	display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
	margin:0 0 12px;
}
.mcfr-resume__title{
	display:inline-flex;align-items:center;gap:8px;
	font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);
	font-weight:700;font-size:15px;
	letter-spacing:.05em;text-transform:uppercase;
	color:var(--mc-ink,#1E2422);
}
.mcfr-resume__title::before{
	content:"";width:12px;height:12px;flex:0 0 auto;
	background:var(--mc-tq,#1AA995);border:2px solid var(--mc-edge,#1E2422);
}
.mcfr-resume__badge{
	font-size:10.5px;font-style:italic;
	color:var(--mc-muted,#6B756F);
	margin-left:auto;
}
.mcfr-resume__list{list-style:none;margin:0;padding:0}
.mcfr-resume__list li{
	position:relative;padding:0 0 0 20px;margin:0 0 9px;
	font-size:14px;line-height:1.5;
	color:var(--mc-ink-2,#3C4742);
	min-height:1.5em;
}
.mcfr-resume__list li:last-child{margin-bottom:2px}
/* puce carrée : se « pose » en 2 crans au début de sa ligne */
.mcfr-resume__list li::before{
	content:"";position:absolute;left:0;top:.42em;
	width:8px;height:8px;background:var(--mc-tq,#1AA995);
	box-shadow:2px 2px 0 var(--mc-shadow,#1E2422);
	transform:scale(0);
}
.mcfr-resume__list li.on::before{animation:mcfrPop .18s steps(2,end) forwards}
@keyframes mcfrPop{from{transform:scale(0)}to{transform:scale(1)}}
.mcfr-resume__list li strong{color:var(--mc-ink,#1E2422);font-weight:700}
/* curseur bloc (machine à écrire Minecraft) */
.mcfr-resume .cur{
	display:inline-block;width:8px;height:1.05em;vertical-align:-.18em;
	background:var(--mc-tq,#1AA995);margin-left:1px;
	animation:mcfrBlink .6s steps(1) infinite;
}
@keyframes mcfrBlink{50%{opacity:0}}
/* repli prefers-reduced-motion : fondu simple, posé par resume.js */
.mcfr-resume.anim-fade li{opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.mcfr-resume.anim-fade li::before{transform:scale(1);animation:none}
.mcfr-resume.anim-fade.open li{opacity:1;transform:none}
.mcfr-resume.anim-fade.open li:nth-child(1){transition-delay:.10s}
.mcfr-resume.anim-fade.open li:nth-child(2){transition-delay:.28s}
.mcfr-resume.anim-fade.open li:nth-child(3){transition-delay:.46s}
.mcfr-resume.anim-fade.open li:nth-child(4){transition-delay:.64s}

/* --- Mobile (≤768px, aligné sur le pattern gbtns d'article.css) --- */
@media (max-width:768px){
	.mcfr-resume-btn{padding:6px 10px !important;font-size:11px !important}
	.mcfr-resume.open{margin:10px 0 16px}
	.mcfr-resume__card{padding:12px 13px 11px;border-left-width:5px}
	.mcfr-resume__head{gap:4px;margin:0 0 10px}
	.mcfr-resume__title{font-size:13.5px}
	.mcfr-resume__title::before{width:10px;height:10px}
	.mcfr-resume__badge{margin-left:0;width:100%;font-size:10px}
	.mcfr-resume__list li{font-size:13.5px;line-height:1.48;padding-left:17px;margin-bottom:8px}
	.mcfr-resume__list li::before{width:7px;height:7px;top:.4em}
}
@media (max-width:380px){
	.mcfr-resume-btn{font-size:10px !important;padding:4px 7px !important}
}