/* World of Warcraft : guildes, packs d'addons, groupes M+ / raid (04/10/2026) — assets/wow-guildes.js. Identité Volt : fond uni,
   aucun dégradé, aucun :has(), icônes SVG. Le tchat à droite réutilise .wow-cc / .wow-chat de wow.css. */
.wg-i{width:16px;height:16px;flex:none;vertical-align:-3px}
.wg-page,.wg-guildes,.wg-packs-page,.wg-pack-page,.wg-grp-page{display:flex;flex-direction:column;gap:12px;min-width:0}
.wg-page > .panel,.wg-guildes > .panel,.wg-packs-page > .panel,.wg-pack-page > .panel,.wg-grp-page > .panel{margin:0}
.wg-blason{display:block;flex:none;object-fit:contain}
.wg-av{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;overflow:hidden;background:var(--bg-3,#1f2022);
  box-shadow:0 0 0 2px var(--wc,#c6f500) inset;font-size:12px;color:var(--wc,#c6f500)}
.wg-av img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50%;object-fit:cover}
.wow-c{color:var(--wc,#c6f500);font-weight:600;text-decoration:none}
a.wow-c:hover{text-decoration:underline}
/* en-tête de la guilde */
.wg-tete{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center}
.wg-tete h1{margin:2px 0 4px;font-size:26px;line-height:1.15;overflow-wrap:anywhere}
.wg-tete .crumb{margin:0}
.wg-ligne{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;color:var(--muted,#9aa0a6)}
.wg-statut{margin:6px 0 0;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted,#9aa0a6)}
.wg-statut.on{color:var(--id,#c6f500)}
.wg-tete-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.wg-clan-b{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(198,245,0,.12);color:var(--text,#e8eaed);text-decoration:none;font-size:13px}
.wg-clan-b b{color:var(--id,#c6f500)}
.wg-clan-b span{color:var(--muted,#9aa0a6)}
.wg-chiffres{display:flex;gap:18px}
.wg-chiffres span{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:72px}
.wg-chiffres b{font-size:22px;color:var(--id,#c6f500)}
.wg-chiffres i{font-style:normal;font-size:12px;color:var(--muted,#9aa0a6);max-width:110px}
.wg-note{margin:8px 0 0;font-size:13px;color:var(--muted,#9aa0a6)}
.wg-tabs{margin:0;flex-wrap:wrap}
.wg-tabs i{font-style:normal;opacity:.7;margin-left:4px}
.wg-corps{min-width:0}
.wg-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:start}
.wg-grille > .panel{margin:0}
.wg-bloc h3,.wg-espace h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px}
/* espace de la guilde : vocaux, tchat */
.wg-vocaux{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:8px}
.wg-vocal{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:0;border-radius:16px;background:var(--bg-3,#1f2022);color:inherit;cursor:pointer;text-align:left;font:inherit}
.wg-vocal:hover,.wg-vocal:focus-visible{background:var(--id-soft,rgba(198,245,0,.12))}
.wg-vocal > span{display:flex;align-items:center;gap:6px;min-width:0}
.wg-vocal b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wg-vocal em{font-style:normal;font-size:11px;padding:1px 6px;border-radius:999px;background:rgba(0,229,255,.14);color:#00e5ff}
.wg-vocal > i{font-style:normal;font-size:12px;color:var(--muted,#9aa0a6);min-height:16px}
.wg-vocal > i.on{color:var(--id,#c6f500)}
.wg-salons-l{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
/* classements, membres, coffre */
.wg-cl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.wg-cl li{display:grid;grid-template-columns:22px auto minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}
.wg-cl li > em{font-style:normal;color:var(--muted,#9aa0a6);text-align:right}
.wg-cl li > .sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wg-cl li > b{text-align:right}
.wg-membre{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;min-width:0}
.wg-membre b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wg-rang{display:inline-block;font-size:11px;padding:1px 8px;border-radius:999px;background:var(--bg-3,#1f2022);color:var(--muted,#9aa0a6);white-space:nowrap}
.wg-rang.off{background:rgba(0,229,255,.14);color:#00e5ff}
.wg-membres{display:flex;flex-direction:column;gap:12px}
.wg-mb{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:16px;background:var(--bg-2,#18191b)}
.wg-mb-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wg-mb-p{display:flex;flex-wrap:wrap;gap:8px}
.wg-perso{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:6px 10px;border-radius:14px;background:var(--bg-3,#1f2022)}
.wg-perso > span{display:flex;flex-direction:column;min-width:0}
.wg-perso .sub{font-size:12px}
.wg-ext{color:var(--muted,#9aa0a6);display:inline-flex}
.wg-ext:hover{color:var(--id,#c6f500)}
.wg-p-l{display:inline-flex;align-items:center;gap:6px}
.wg-cases{display:inline-flex;gap:3px;vertical-align:middle}
.wg-cases i{width:12px;height:12px;border-radius:4px;background:var(--bg-3,#2a2c2f)}
.wg-cases i.on{background:var(--id,#c6f500)}
.wg-coffre td{vertical-align:middle}
.wg-raids{display:flex;flex-direction:column;gap:8px}
.wg-raid{display:flex;flex-direction:column;gap:4px}
.wg-raid > span{display:flex;flex-wrap:wrap;gap:6px}
.wg-diff{font-style:normal;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--bg-3,#1f2022)}
.wg-diff.normal{color:#3ddc97}.wg-diff.heroic{color:#4aa8ff}.wg-diff.mythic{color:#ff8000}.wg-diff.lfr{color:var(--muted,#9aa0a6)}
/* roster officiel */
.wg-roster-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.wg-roster-f .inp{flex:1 1 200px;min-width:0}
.wg-rt tr.lobbik td{background:rgba(198,245,0,.07)}
.wg-rt tr.lobbik td:first-child{box-shadow:inset 3px 0 0 var(--id,#c6f500)}
.wg-lobbik{font-size:11px;padding:1px 8px;border-radius:999px;background:var(--id,#c6f500);color:var(--id-ink,#0c0d0e);text-decoration:none;font-weight:600}
/* réglages */
.wg-rangs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.wg-rangs label{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;background:var(--bg-3,#1f2022);cursor:pointer}
.wg-rangs label.fixe{opacity:.75;cursor:default}
.wg-rangs i{font-style:normal;font-size:11px;color:var(--muted,#9aa0a6)}
.wg-vl{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.wg-vl-l{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center}
.wg-vl-l.nouveau{grid-template-columns:minmax(0,1fr) auto auto}
.wg-vl-l .inp{min-width:0}
.wg-vl-l .wg-chk span{white-space:nowrap}
.wg-chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}
/* listes de guildes */
.wg-gls{display:flex;flex-direction:column;gap:8px}
.wg-gl{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:16px;background:var(--bg-2,#18191b);color:inherit;text-decoration:none;min-width:0}
.wg-gl:hover{background:var(--bg-3,#1f2022)}
.wg-gl-c{display:flex;flex-direction:column;min-width:0;flex:1}
.wg-gl-c b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wg-gl-c .sub{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.wg-gl-n{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;color:var(--muted,#9aa0a6);text-align:right}
.wg-gl-x{align-self:flex-end;margin-top:-4px}
.wg-sugg{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;border-radius:14px;background:rgba(0,229,255,.08)}
.wg-sugg > span{flex:1 1 220px;min-width:0}
.wg-mp{display:flex;flex-direction:column;gap:6px}
.wg-mp-l{display:flex;align-items:center;gap:10px;min-width:0}
.wg-mp-l.cache{opacity:.55}
.wg-mp-n{display:flex;flex-direction:column;flex:1;min-width:0}
.wg-mp-n .sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* carte du clan */
.wg-clan{margin:12px 0}
.wg-clan h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px}
.wg-clan h4{display:flex;align-items:center;gap:6px;margin:12px 0 6px;font-size:14px}
.wg-clan-g{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.wg-gc{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:16px;background:var(--bg-2,#18191b);color:inherit;text-decoration:none;min-width:0;max-width:100%}
.wg-gc > span{display:flex;flex-direction:column;min-width:0}
.wg-gc .sub{display:flex;flex-wrap:wrap;gap:4px;font-size:12px}
.wg-clan-p{margin:10px 0 0}
/* packs */
.wg-cats{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.wg-cats button{border:0;border-radius:999px;padding:5px 12px;background:var(--bg-3,#1f2022);color:inherit;cursor:pointer;font:inherit;font-size:13px}
.wg-cats button.on{background:var(--id,#c6f500);color:var(--id-ink,#0c0d0e)}
.wg-packs{display:flex;flex-direction:column;gap:8px}
.wg-pack{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;border-radius:16px;background:var(--bg-2,#18191b);color:inherit;text-decoration:none}
.wg-pack:hover{background:var(--bg-3,#1f2022)}
.wg-pack-i{display:flex;width:36px;height:36px;border-radius:12px;align-items:center;justify-content:center;background:var(--id-soft,rgba(198,245,0,.12));color:var(--id,#c6f500)}
.wg-pack-i .wg-i{width:20px;height:20px}
.wg-pack-c{display:flex;flex-direction:column;gap:3px;min-width:0}
.wg-pack-c > b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wg-pack-m{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}
.wg-pack-d{font-size:13px;color:var(--muted,#9aa0a6);overflow-wrap:anywhere}
.wg-pack-n{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;color:var(--muted,#9aa0a6);white-space:nowrap}
.wg-cat{font-style:normal;font-size:11px;padding:1px 8px;border-radius:999px;background:var(--bg-3,#1f2022);white-space:nowrap}
.wg-cat.heal{color:#3ddc97}.wg-cat.tank{color:#c69b6d}.wg-cat.dps{color:#ff4d6d}.wg-cat.raid{color:#ff8000}.wg-cat.mplus{color:#a855f7}.wg-cat.jcj{color:#4aa8ff}.wg-cat.guilde{color:#00e5ff}
.wg-prop{font-size:12px;color:var(--muted,#9aa0a6)}
.wg-masque{display:inline-block;font-size:12px;padding:2px 8px;border-radius:8px;background:rgba(255,77,109,.15);color:#ff4d6d}
.wg-pack-tete h1{margin:4px 0 6px;font-size:24px;overflow-wrap:anywhere}
.wg-desc{white-space:pre-line;overflow-wrap:anywhere}
.wg-pack-a{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.wg-notes{display:inline-flex;gap:2px}
.wg-et{border:0;background:none;padding:2px;color:var(--muted,#6b7075);cursor:pointer}
.wg-et.on{color:#fad75a}
.wg-et.on .wg-i{fill:currentColor}
.wg-addons{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}
.wg-addons li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:var(--bg-2,#18191b)}
.wg-addons li b{flex:1 1 160px;min-width:0;overflow-wrap:anywhere}
.wg-texte{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}
.wg-texte:first-of-type{border-top:0}
.wg-texte-t{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.wg-type{font-style:normal;font-size:11px;padding:1px 8px;border-radius:999px;background:rgba(0,229,255,.14);color:#00e5ff}
.wg-ta{width:100%;box-sizing:border-box;resize:vertical;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:8px 10px;border-radius:12px;border:0;
  background:var(--bg-3,#1f2022);color:inherit;overflow-wrap:anywhere;word-break:break-all}
.bt.ok .wg-i{color:inherit}
.wg-versions{margin:0;padding-left:18px}
/* éditeur de pack (fenêtre) */
.wg-modal{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);padding:16px}
.wg-modal-b{display:flex;flex-direction:column;width:min(760px,100%);max-height:calc(100dvh - 32px);border-radius:22px;background:var(--bg-2,#18191b);overflow:hidden}
.wg-modal-t{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px 6px}
.wg-modal-t h3{display:flex;align-items:center;gap:8px;margin:0}
.wg-modal-c{padding:6px 18px 12px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px}
.wg-modal-c h4{margin:8px 0 0;font-size:14px}
.wg-modal-p{display:flex;justify-content:flex-end;gap:8px;padding:10px 18px 16px}
.wg-ch{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 150px}
.wg-ch > span{font-size:12px;color:var(--muted,#9aa0a6)}
.wg-ch-l{display:flex;flex-wrap:wrap;gap:10px}
.wg-ed-a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto auto;gap:6px;align-items:center}
.wg-ed-t{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:14px;background:var(--bg-3,#1f2022)}
.wg-ed-t1{display:grid;grid-template-columns:auto minmax(0,1.4fr) minmax(0,1fr) auto;gap:6px;align-items:center}
.wg-err{color:#ff4d6d;margin:0;min-height:1em}
/* groupes */
.wg-grps{display:flex;flex-direction:column;gap:10px}
.wg-grp{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-radius:16px;background:var(--bg-2,#18191b)}
.wg-grp.dedans{box-shadow:0 0 0 1px var(--id,#c6f500) inset}
.wg-grp-t{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.wg-grp-t em{font-style:normal;font-weight:700;color:var(--id,#c6f500)}
.wg-grp-m{margin:0;font-size:13px;overflow-wrap:anywhere}
.wg-grp-r{display:flex;flex-wrap:wrap;gap:6px}
.wg-role{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--bg-3,#1f2022)}
.wg-role.tank{color:#4aa8ff}.wg-role.heal{color:#3ddc97}.wg-role.dps{color:#ff4d6d}.wg-role.plein{opacity:.5}
.wg-grp-l{display:flex;flex-wrap:wrap;gap:8px}
.wg-grp-p{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.wg-role-pt{width:8px;height:8px;border-radius:50%;background:#ff4d6d;flex:none}
.wg-role-pt.tank{background:#4aa8ff}.wg-role-pt.heal{background:#3ddc97}
.wg-grp-a{display:flex;flex-wrap:wrap;gap:6px}
.wg-grp-form{margin:6px 0 12px}
.wg-grp-form > summary{list-style:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.wg-grp-form > summary::-webkit-details-marker{display:none}
.wg-gf{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:10px;padding:12px;border-radius:16px;background:var(--bg-2,#18191b)}
.wg-gf [hidden]{display:none}
.wg-places{display:flex;gap:6px}
.wg-places label{display:flex;flex-direction:column;font-size:12px;color:var(--muted,#9aa0a6);gap:2px}
.wg-places .inp{width:64px}
.wg-vide h2{display:flex;align-items:center;gap:8px}
@media (max-width:760px){
  .wg-tete{grid-template-columns:auto minmax(0,1fr)}
  .wg-tete .wg-blason{width:64px;height:64px}
  .wg-chiffres{grid-column:1 / -1;justify-content:space-around}
  .wg-tete h1{font-size:21px}
  .wg-pack{grid-template-columns:auto minmax(0,1fr)}
  .wg-pack-n{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
  .wg-ed-a{grid-template-columns:minmax(0,1fr) auto}
  .wg-ed-a .inp[data-k="url"]{grid-column:1 / -1;grid-row:2}
  .wg-ed-t1{grid-template-columns:minmax(0,1fr) auto}
  .wg-ed-t1 .inp{grid-column:1 / -1}
  .wg-cl li{grid-template-columns:20px auto minmax(0,1fr) auto}
  .wg-cl li > .sub{display:none}
}
[hidden]{display:none}
a.wow-guilde{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
a.wow-guilde:hover{color:var(--id,#c6f500)}
.wg-guildes h3{margin:14px 0 8px}
.wow-persos-pied{margin:8px 4px 2px;font-size:12px}
/* En-tête de l'armurerie (wow.js) : avec le chat à droite, la colonne du nom était écrasée par les boutons (« Narwa / ks ») —
   sous 1000 px de large, chiffres et boutons passent sous le nom (même règle que wow.css à 820 px). */
@container (max-width:1000px){
  .wow-tete{grid-template-columns:auto minmax(0,1fr)}
  .wow-droite{grid-column:1/-1;justify-items:start}
  .wow-act{justify-content:flex-start}
}
.wg-inst{margin-top:12px;padding:12px 14px;border-radius:16px;background:var(--bg-2,#18191b);display:flex;flex-direction:column;gap:6px}
.wg-inst h4{display:flex;align-items:center;gap:6px;margin:0;font-size:14px}
.wg-inst-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.wg-inst-l li{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.wg-inst-ok{margin:0;display:flex;align-items:center;gap:6px;color:var(--id,#c6f500);font-size:13px}
.wg-inst-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.wg-inst p{margin:0}
@media (max-width:760px){
  .wg-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:20px;gap:4px}
  .wg-tabs button{padding:8px 4px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}