/* =====================================================================
   v108-borders-more.css  (claude-v108-1)  [2026-07-27]
   Complète les bordures HUD sur FITNESS PASS + SOIN + couleur boutique gemmes,
   et ajoute un POLISH graphique premium à l'ARÈNE PvP + COOP.
   Chargée EN DERNIER (après v107). 100% STATIQUE + additive.
   Sélecteurs + pseudo LIBRE vérifiés par cartographie (wf_720cba5d).
   Réutilise var(--mx-hud) / var(--mx-hud-ticks) / var(--hudc) de v105-v107.
   ===================================================================== */

/* ---- couleur de zone manquante (recolore les crochets déjà posés) ---- */
#battlepass-screen { --hudc: rgba(255, 215, 0, 0.90); }   /* or */
#heal-screen       { --hudc: rgba(78, 205, 196, 0.90); }  /* turquoise */
#gem-shop-screen   { --hudc: rgba(170, 68, 255, 0.90); }  /* violet (corrige l'or par défaut) */

/* =====================================================================
   §J — FITNESS PASS (#battlepass-content). Cartes générées inline → pseudos
   libres. Récompense gratuite = turquoise, premium = violet.
   ===================================================================== */
#battlepass-content .bp-hero::before {
  content: ""; position: absolute; inset: 8px; pointer-events: none; z-index: 3;
  background: var(--mx-hud-ticks); opacity: .5;
}
#battlepass-content button[onclick*="upgradeBattlePass"] { --hudc: rgba(201, 124, 255, 0.9); }
#battlepass-content button[onclick*="upgradeBattlePass"]::before {
  content: ""; position: absolute; inset: 4px; pointer-events: none; z-index: 3;
  background: var(--mx-hud); opacity: .5;
}
#battlepass-content button[onclick*="claimAllBattlePass"],
#battlepass-content button[onclick*="claimDailyBattlePass"],
#battlepass-content div[onclick*="claimBattlePassReward"] { position: relative; }
#battlepass-content button[onclick*="claimAllBattlePass"]::before,
#battlepass-content button[onclick*="claimDailyBattlePass"]::before {
  content: ""; position: absolute; inset: 4px; pointer-events: none; z-index: 3;
  background: var(--mx-hud); opacity: .45;
}
/* cellules de palier : gratuit=turquoise, premium=violet */
#battlepass-content div[onclick*="claimBattlePassReward"][onclick*="'free'"]    { --hudc: rgba(78, 205, 196, 0.9); }
#battlepass-content div[onclick*="claimBattlePassReward"][onclick*="'premium'"] { --hudc: rgba(201, 124, 255, 0.9); }
#battlepass-content div[onclick*="claimBattlePassReward"]::before {
  content: ""; position: absolute; inset: 4px; pointer-events: none; z-index: 3;
  background: var(--mx-hud); opacity: .42;
}

/* =====================================================================
   §K — SOIN (#heal-screen). Cartes de potion + inventaire (ID fiables).
   Le bouton « Se soigner » a déjà ses crochets (v105 §1). Turquoise.
   ===================================================================== */
#healer-potions-shop > div, #healer-potion-inventory > div { position: relative; }
#healer-potions-shop > div::before {
  content: ""; position: absolute; inset: 6px; pointer-events: none; z-index: 3;
  background: var(--mx-hud); opacity: .45;
}
#healer-potions-shop > div::after {
  content: ""; position: absolute; inset: 3px; border-radius: 9px;
  border: 1px solid var(--hudc); opacity: .2; pointer-events: none; z-index: 0;
}
#healer-potion-inventory > div::before {
  content: ""; position: absolute; inset: 4px; pointer-events: none; z-index: 3;
  background: var(--mx-hud); opacity: .4;
}

/* =====================================================================
   §L — POLISH GRAPHIQUE ARÈNE PvP + COOP (profondeur premium en plus des
   bordures v107). Uniquement box-shadow/overlays → 0 changement de layout.
   ===================================================================== */
/* cartes de mode arène + cartes joueurs + résultat + menu coop = panneaux glassy profonds */
.mx-aui-mode,
#pvp2-screen .pvp2-card,
#pvp2-result .result-card,
#pvp2-menu-modal > div,
#coopb-menu > div {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    inset 0 0 30px rgba(0, 0, 0, 0.42),
    0 10px 34px rgba(0, 0, 0, 0.60) !important;
}
/* liseré interne lumineux qui reprend l'accent de zone (cyan/rouge/vert) */
#pvp2-screen .pvp2-card, #pvp2-result .result-card {
  border: 1px solid var(--hudc) !important;
}
/* boutons d'exercice arène + coop = relief tactile premium */
#pvp2-screen .pvp2-ex-btn,
#coopb-ex-grid button {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -2px 6px rgba(0, 0, 0, 0.3),
    0 5px 14px rgba(0, 0, 0, 0.45) !important;
}
/* cartes de chapitre coop + lignes d'ami = profondeur douce */
#coopb-chap-grid button[id^="coopb-chap-"],
#coopb-friends > div,
#pvp2-friends-list > div {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}