/* ============================================================
   La Dragonnerie — jauge d'énergie (anti-farm)
   Chargé via layout.php ; réutilise les variables de parchemin.css.
   ============================================================ */

/* ---- Barre principale (écrans /arene & /aventure) ---- */
.energie-jauge{
  display:flex; align-items:center; flex-wrap:wrap; gap:7px 11px;
  width:fit-content; max-width:100%;
  margin:0 0 16px; padding:9px 15px;
  background:rgba(255,255,255,.32);
  border:1px solid var(--bord); border-radius:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 2px 6px rgba(0,0,0,.10);
  color:var(--encre); font-size:14px;
}
.energie-jauge .ej-ic{ font-size:18px; line-height:1; filter:drop-shadow(0 1px 1px rgba(0,0,0,.25)); }

/* Segments : 1 par point d'énergie max */
.energie-jauge .ej-segs{ display:inline-flex; gap:4px; }
.energie-jauge .ej-seg{
  width:26px; height:12px; border-radius:4px;
  background:rgba(42,29,14,.15);
  border:1px solid rgba(42,29,14,.18);
  box-shadow:inset 0 1px 2px rgba(42,29,14,.22);
  transition:background .25s, box-shadow .25s, border-color .25s;
}
.energie-jauge .ej-seg.on{
  background:linear-gradient(180deg, var(--or-clair), var(--or));
  border-color:var(--or-fonce);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 1px 2px rgba(0,0,0,.2);
}
.energie-jauge .ej-txt strong{ font-weight:700; }
.energie-jauge .ej-meta{ color:var(--or-fonce); font-size:12.5px; }

/* Sous le coût d'un combat : la barre vire en alerte */
.energie-jauge.est-vide{ background:#f6dccd; border-color:#c0795a; }
.energie-jauge.est-vide .ej-seg{
  background:rgba(122,46,26,.13); border-color:rgba(122,46,26,.2);
  box-shadow:inset 0 1px 2px rgba(122,46,26,.18);
}

/* Pastille « combat à blanc » (inline, dans la barre) */
.energie-blanc{
  display:inline-block; background:#7a2e1a; color:#fbe7df;
  font-weight:700; font-size:12px; letter-spacing:.2px;
  padding:3px 11px; border-radius:999px; box-shadow:0 1px 2px rgba(0,0,0,.25);
}

/* Bannière « combat à blanc » (écran de combat) */
.energie-blanc-banniere{
  background:#f6dccd; border:1px solid #c0795a; border-left:5px solid #b06a52;
  color:#7a2e1a; font-weight:600; border-radius:10px;
  padding:11px 16px; margin:0 0 16px;
}

/* Stat compacte (vitrine du propriétaire) */
.energie-stat{ white-space:nowrap; }
.energie-stat b{ color:var(--or-fonce); }

/* ---- Pastille d'énergie de l'en-tête (à côté de la cloche) ---- */
.energie-badge{
  display:inline-flex; align-items:center; gap:3px;
  padding:5px 10px; border-radius:999px; text-decoration:none;
  font-weight:700; font-size:14px; line-height:1; color:var(--encre);
  background:rgba(255,255,255,.32); border:1px solid var(--bord);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
.energie-badge:hover{ background:rgba(255,255,255,.5); }
.energie-badge .eb-max{ color:var(--or-fonce); font-weight:600; font-size:12px; }
.energie-badge.est-vide{ background:#f6dccd; border-color:#c0795a; color:#7a2e1a; }

/* ---- Fin de combat : énergie restante + actions rapides (enchaîner les combats) ---- */
.cbt-energie{ margin:10px 0 6px; font-size:14px; }
.cbt-energie .eb-vide{ color:#7a2e1a; font-weight:700; }
.cbt-fin-actions{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:8px; }
.cbt-fin-actions form{ margin:0; }
.cbt-fin-actions .pale{ opacity:.82; }