/* V3 — pages des marchands (Les Quatre Bourses). Thème parchemin ; --mc-teinte = couleur de la monnaie. */
.mc-wrap{ max-width:840px; margin:0 auto; padding:4px 0 32px; }

.mc-hero{ display:flex; align-items:center; gap:18px; padding:18px 20px; margin-bottom:18px;
  background:linear-gradient(180deg,#fbf6e6,#efdfba); border:1px solid var(--or-fonce,#8a6d3b);
  border-left:6px solid var(--mc-teinte,#d9a441); border-radius:16px; box-shadow:0 6px 18px rgba(60,40,10,.12); }
.mc-hero-ic{ font-size:44px; line-height:1; flex:none; filter:drop-shadow(0 2px 3px rgba(0,0,0,.25)); }
.mc-hero-id{ flex:1 1 auto; min-width:0; }
.mc-hero-id h1{ margin:0 0 4px; font-family:var(--serif,Georgia,serif); font-size:24px; color:#2a1d0e; }
.mc-accroche{ margin:0; color:#5c4a2a; font-size:14px; line-height:1.45; font-style:italic; }
.mc-solde{ flex:none; text-align:center; padding:8px 14px; border-radius:12px; background:rgba(255,255,255,.55);
  border:1px solid var(--mc-teinte,#d9a441); }
.mc-solde-ic{ font-size:20px; display:block; }
.mc-solde-n{ font-family:var(--serif,Georgia,serif); font-weight:700; font-size:20px; color:#2a1d0e; display:block; }
.mc-solde-l{ font-size:11px; color:#6a5320; text-transform:uppercase; letter-spacing:.5px; }

.mc-flash{ margin:0 0 16px; padding:10px 14px; border-radius:10px; font-weight:600; }
.mc-flash.ok{ background:#e6f4e0; border:1px solid #7fae63; color:#2f5a1f; }
.mc-flash.ko{ background:#f7e7e2; border:1px solid #c98a78; color:#8a3b2a; }

.mc-section{ background:linear-gradient(180deg,#fbf6e6,#f3e7c6); border:1px solid var(--or-fonce,#8a6d3b);
  border-radius:16px; padding:16px 18px; margin-bottom:16px; }
.mc-section > h2{ margin:0 0 12px; font-family:var(--serif,Georgia,serif); font-size:18px; color:#2a1d0e;
  display:flex; align-items:center; gap:8px; }
.mc-empty{ margin:6px 0; color:#7a6636; font-style:italic; }
.mc-soon{ color:#a08a52; font-style:normal; font-size:12px; }
.mc-avenir{ opacity:.85; }

.mc-stock{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.mc-item{ display:flex; align-items:center; gap:12px; padding:10px 12px; background:rgba(255,255,255,.5);
  border:1px solid #dcc893; border-radius:12px; }
.mc-item-ic{ font-size:26px; flex:none; width:34px; text-align:center; }
.mc-item img{ width:34px; height:34px; object-fit:contain; flex:none; }
.mc-item-txt{ flex:1 1 auto; min-width:0; }
.mc-item-nom{ font-weight:700; color:#2a1d0e; }
.mc-item-niv{ font-size:11px; color:#8a6d3b; font-weight:600; }
.mc-item-desc{ font-size:13px; color:#6a5628; line-height:1.35; }

/* Vitrine rangée par emplacement (arme → amulette, puis consommables). */
.mc-slot{ margin:0 0 16px; scroll-margin-top:80px; } /* ancre #slot-x : le titre ne passe pas sous le bandeau fixe */
.mc-slot:last-child{ margin-bottom:0; }
.mc-slot-tt{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 8px; padding-bottom:5px;
  border-bottom:1px solid var(--bord,#d0b16e); font-family:var(--titre,var(--serif)); font-size:15px; color:var(--or-fonce,#8a6d2f); }
.mc-slot-etat{ font-family:var(--sans); font-size:11.5px; font-weight:600; border-radius:999px; padding:2px 10px; }
.mc-slot-etat.libre{ color:#2f6a24; background:rgba(92,138,58,.13); border:1px solid rgba(92,138,58,.45); }
.mc-slot-etat.porte{ color:#6a5628; background:rgba(188,158,88,.15); border:1px solid var(--bord,#d0b16e); }
.mc-item.est-porte{ border-color:var(--or,#bc9e58); box-shadow:inset 0 0 0 1px rgba(188,158,88,.35); }
.mc-item-porte{ font-size:11px; font-weight:700; color:#2f6a24; }

/* Pièces qui servent la classe du joueur (attribut de ressource). */
.mc-reco-aide{ margin:0 0 12px; padding:8px 12px; border-radius:10px; font-size:13px; line-height:1.4;
  color:var(--encre,#2a1d0e); background:rgba(188,158,88,.13); border:1px solid var(--bord,#d0b16e); }
.mc-item.est-reco{ background:linear-gradient(90deg, rgba(188,158,88,.20), rgba(255,255,255,.5) 55%); border-color:var(--or,#bc9e58); }
.mc-item-reco{ font-size:11px; font-weight:700; color:var(--or-fonce,#8a6d2f); white-space:nowrap; }
.mc-item-prix{ flex:none; font-size:16px; color:#2a1d0e; white-space:nowrap; }
.mc-buy-form{ margin:0; flex:none; }
.mc-buy{ flex:none; white-space:nowrap; }

.mc-retour{ margin-top:18px; }

@media (max-width:560px){
  .mc-hero{ flex-wrap:wrap; }
  .mc-item{ flex-wrap:wrap; }
  .mc-item-prix{ margin-left:auto; }
}

/* ===== Hub des marchands ===== */
.mc-hub-tete{ text-align:center; margin-bottom:18px; }
.mc-hub-tete h1{ margin:0 0 6px; font-family:var(--serif,Georgia,serif); font-size:26px; color:#2a1d0e; }
.mc-hub{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:14px; }
.mc-hub-carte{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px;
  padding:20px 16px; text-decoration:none; border-radius:16px;
  background:linear-gradient(180deg,#fbf6e6,#efdfba); border:1px solid var(--or-fonce,#8a6d3b);
  border-top:5px solid var(--mc-teinte,#d9a441); box-shadow:0 4px 12px rgba(60,40,10,.12);
  transition:transform .12s ease, box-shadow .12s ease; }
.mc-hub-carte:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(60,40,10,.2); }
.mc-hub-ic{ font-size:40px; line-height:1; filter:drop-shadow(0 2px 3px rgba(0,0,0,.25)); }
.mc-hub-nom{ font-family:var(--serif,Georgia,serif); font-weight:700; font-size:18px; color:#2a1d0e; }
.mc-hub-mon{ font-size:12px; color:#6a5320; text-transform:uppercase; letter-spacing:.4px; }
.mc-hub-go{ margin-top:6px; font-weight:700; color:var(--mc-teinte,#8a6d3b); }

/* Techniques en aperçu (pas encore achetables) */
.mc-item-soon{ opacity:.72; border-style:dashed; }