/* minecraft.fr — composeur d'enchantements. */
.mcfr-en{background:var(--mc-surface,#fff);border:1px solid var(--mc-line,#E3DFD5);border-top:3px solid var(--mc-tq,#1AA995);margin:32px 0;min-height:520px}
.mcfr-en-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px 12px;border-bottom:1px solid var(--mc-line,#E3DFD5)}
h2.mcfr-en-title,.mcfr-en-title{display:flex;align-items:center;gap:10px;font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700!important;font-size:18px!important;line-height:1.2!important;letter-spacing:.01em;margin:0 auto 0 0!important;padding:0!important;border:0!important;color:var(--mc-ink,#1E2422)!important}
.mcfr-en-title svg{display:block;color:var(--mc-tq,#1AA995)}
.mcfr-en-badge{font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#06231E;background:var(--mc-tq-l,#34CBB2);padding:4px 9px;white-space:nowrap}
.mcfr-en-ed{display:flex;border:1px solid var(--mc-tq-d,#11796A);overflow:hidden}

/* — Reset boutons — */
.mcfr-en button{
  -webkit-appearance:none!important;appearance:none!important;border-radius:0!important;box-shadow:none!important;
  text-transform:none!important;letter-spacing:normal!important;line-height:1.2!important;margin:0!important;
  width:auto!important;min-height:0!important;height:auto!important;text-shadow:none!important;background:transparent!important;
}
.mcfr-en .mcfr-en-ed button{font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif)!important;font-weight:700!important;font-size:12px!important;padding:5px 13px!important;cursor:pointer;border:0!important;color:var(--mc-ink-2,#3C4742)!important}
.mcfr-en .mcfr-en-ed button.on{background:var(--mc-tq,#1AA995)!important;color:#06231E!important}

/* — Presets — */
.mcfr-en-presets{display:flex;flex-wrap:wrap;gap:7px;padding:12px 18px 2px}
.mcfr-en button.mcfr-en-preset{display:inline-flex!important;align-items:center;font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif)!important;font-weight:600!important;font-size:13px!important;padding:6px 11px!important;cursor:pointer;border:1px solid var(--mc-line,#E3DFD5)!important;color:var(--mc-ink-2,#3C4742)!important;transition:border-color .15s ease,color .15s ease,background-color .15s ease}
.mcfr-en button.mcfr-en-preset:hover{border-color:var(--mc-tq,#1AA995)!important;color:var(--mc-ink,#1E2422)!important}
/* Build par défaut mis en avant */
.mcfr-en button.mcfr-en-preset.is-hero{border-color:var(--mc-tq,#1AA995)!important;color:var(--mc-tq-d,#11796A)!important;font-weight:700!important}
.mcfr-en button.mcfr-en-preset:hover{background:rgba(26,169,149,.08)!important}
/* Preset ACTIF (celui qui est appliqué) : fond plein, comme le toggle Java/Bedrock.
   Placé après .is-hero → gagne en cas de double classe (.is-hero.on). */
.mcfr-en button.mcfr-en-preset.on{background:var(--mc-tq,#1AA995)!important;border-color:var(--mc-tq,#1AA995)!important;color:#06231E!important;font-weight:700!important}
.mcfr-en button.mcfr-en-preset.on:hover{background:var(--mc-tq-d,#11796A)!important;color:#fff!important}

/* — Chips enchantements — */
.mcfr-en-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px;padding:12px 18px 4px}
.mcfr-en-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--mc-line,#E3DFD5);padding:7px 10px;transition:border-color .15s ease,background-color .15s ease,opacity .15s ease}
.mcfr-en-chip.on{border-color:var(--mc-tq,#1AA995);background:rgba(26,169,149,.08)}
.mcfr-en-chip.off{opacity:.45}
.mcfr-en-chip.hidden-ed{display:none}
.mcfr-en button.tg{display:block!important;flex:1;text-align:left!important;font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif)!important;font-weight:600!important;font-size:13.5px!important;padding:0!important;border:0!important;cursor:pointer;color:var(--mc-ink,#1E2422)!important}
.mcfr-en button.tg small{display:block;font-weight:400;font-size:11.5px;color:var(--mc-muted,#6B756F)}
.mcfr-en-chip .why{display:block;font-size:11px;color:var(--mc-gold-d,#C8861B);font-weight:600}
.mcfr-en-lvl{display:flex;align-items:center;gap:6px}
.mcfr-en button.lv-m,.mcfr-en button.lv-p{width:22px!important;min-width:22px;height:22px!important;padding:0!important;display:grid!important;place-items:center;cursor:pointer;font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif)!important;font-weight:700!important;font-size:14px!important;border:1px solid var(--mc-tq-d,#11796A)!important;color:var(--mc-tq,#1AA995)!important}
.mcfr-en button.lv-m:hover,.mcfr-en button.lv-p:hover{background:rgba(26,169,149,.12)!important}
.mcfr-en-chip:not(.on) .lv-m,.mcfr-en-chip:not(.on) .lv-p{visibility:hidden}
.mcfr-en-lvl .lv{font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:14px;min-width:22px;text-align:center;color:var(--mc-ink,#1E2422)}

/* — Build + enclume — */
.mcfr-en-out{padding:6px 18px 18px}
.mcfr-en-out h3{font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700!important;font-size:14px!important;line-height:1.3!important;letter-spacing:.03em;text-transform:uppercase;color:var(--mc-ink,#1E2422)!important;margin:14px 0 6px!important;padding:0!important;border:0!important}
.mcfr-en-buildline{font-size:14.5px;font-weight:600;color:var(--mc-tq-d,#11796A)!important;margin:0}
.mcfr-en-steps{list-style:none;counter-reset:st;margin:8px 0 0;padding:0}
.mcfr-en-steps li{counter-increment:st;display:flex;align-items:baseline;gap:10px;border:1px dashed var(--mc-line,#E3DFD5);padding:7px 10px;margin:6px 0;font-size:13.5px;color:var(--mc-ink-2,#3C4742)}
.mcfr-en-steps li::before{content:counter(st);font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;color:#06231E;background:var(--mc-tq-l,#34CBB2);min-width:20px;height:20px;display:grid;place-items:center;font-size:12px}
.mcfr-en-steps li b{color:var(--mc-ink,#1E2422)!important;font-weight:600}
.mcfr-en-steps .cost{margin-left:auto;font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;color:var(--mc-tq-d,#11796A);white-space:nowrap}
.mcfr-en-steps .cost.too{color:#C0392B}
.mcfr-en-totalrow{display:flex;align-items:center;gap:10px;margin:10px 0 0;border-top:1px dashed var(--mc-line,#E3DFD5);padding-top:10px}
.mcfr-en-totalrow .lbl{font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:500;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--mc-muted,#6B756F)}
.mcfr-en-totalrow .val{font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);font-weight:700;font-size:26px;color:var(--mc-tq,#1AA995)!important}
.mcfr-en-treasure{font-size:12.5px;color:var(--mc-muted,#6B756F);margin:10px 0 0}
.mcfr-en-tip{display:flex;gap:8px;font-size:13px;line-height:1.55;color:var(--mc-ink,#1E2422);background:rgba(232,169,59,.12);border-left:3px solid var(--mc-gold,#E8A93B);padding:8px 11px;margin:12px 0 0}

@media(max-width:680px){
  .mcfr-en{min-height:0}
  .mcfr-en-head,.mcfr-en-presets,.mcfr-en-out{padding-left:14px;padding-right:14px}
  /* En-tête : titre sur sa ligne, badge + toggle dessous, sans tassement */
  h2.mcfr-en-title,.mcfr-en-title{flex:1 1 100%!important;margin:0!important;font-size:17px!important}
  /* Presets : pleine largeur, répartis, bien tappables */
  .mcfr-en-presets{gap:6px}
  .mcfr-en button.mcfr-en-preset{flex:1 1 auto;justify-content:center;padding:10px 8px!important;font-size:13.5px!important}
  /* Chips : 1 colonne, zone de tap plus généreuse */
  .mcfr-en-chips{grid-template-columns:1fr;padding-left:14px;padding-right:14px}
  .mcfr-en-chip{padding:11px 12px}
  .mcfr-en button.tg{font-size:14.5px!important}
  /* Steppers de niveau : cibles tactiles ≥30px */
  .mcfr-en-lvl{gap:9px}
  .mcfr-en button.lv-m,.mcfr-en button.lv-p{width:32px!important;min-width:32px;height:32px!important;font-size:17px!important}
  .mcfr-en-lvl .lv{min-width:26px;font-size:15px}
  /* Étapes d'enclume : le coût passe dessous proprement si ça déborde */
  .mcfr-en-steps li{flex-wrap:wrap}
  .mcfr-en-steps .cost{margin-left:30px}
}
