/* =====================================================================================================================
   World of Warcraft (27/09/2026) — pages Profil / Classement du jeu wow, carte du profil Lobbik, info du chat #wow.
   Identité Volt (jetons --id*), bulles mates, aucun trait pleine largeur, jamais de :has(). Le nom d'un personnage prend
   la couleur officielle de sa classe (--wc), éclaircie sur fond sombre et assombrie en thème Clair pour rester lisible.
   ===================================================================================================================== */
.wow-page{display:grid;gap:14px;min-width:0}
.wow-c{color:color-mix(in srgb,var(--wc,#c6f500) 84%,#fff)}
html[data-theme="clair"] .wow-c{color:color-mix(in srgb,var(--wc,#4d7c0f) 58%,#000)}
.wow-mp{font-style:normal;color:color-mix(in srgb,var(--mp,#c6f500) 88%,#fff);font-weight:700}
html[data-theme="clair"] .wow-mp{color:color-mix(in srgb,var(--mp,#4d7c0f) 60%,#000)}

/* avatar : carré arrondi cerclé de la couleur de classe, niveau en pastille */
.wow-av{position:relative;display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;
  background:color-mix(in srgb,var(--wc,#c6f500) 22%,var(--panel2,#1f2022));box-shadow:0 0 0 2px color-mix(in srgb,var(--wc,#c6f500) 75%,transparent)}
.wow-av img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}
.wow-av b{font:700 16px/1 'Space Grotesk',Inter,sans-serif;color:#fff}
.wow-av i{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);font-style:normal;font-size:10px;font-weight:700;line-height:15px;
  padding:0 6px;border-radius:99px;background:#0c0d0e;color:#fff;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--wc,#c6f500) 75%,transparent);white-space:nowrap}
.wow-av.xs{width:22px;height:22px;border-radius:7px;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--wc) 75%,transparent)}
.wow-av.xs b{font-size:11px}
.wow-av.md{width:56px;height:56px;border-radius:16px}
.wow-av.xl{width:84px;height:84px;border-radius:22px;box-shadow:0 0 0 3px color-mix(in srgb,var(--wc,#c6f500) 80%,transparent)}
.wow-av.xl b{font-size:30px}
.wow-av.xl i{font-size:11.5px;line-height:18px;bottom:-9px;padding:0 8px}

/* en-tête du personnage */
.wow-tete{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px 20px;align-items:center}
.wow-id{display:grid;gap:5px;min-width:0}
.wow-nom{margin:0;font-size:26px;line-height:1.15;overflow-wrap:anywhere}
.wow-ligne{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13.5px;color:var(--muted);min-width:0}
.wow-ligne.sub{font-size:12.5px;color:var(--dim)}
.wow-guilde{color:var(--muted)}
.wow-fac{display:inline-flex;align-items:center;height:20px;padding:0 9px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.wow-fac.alliance{background:rgba(63,127,230,.18);color:#8fb6ff}
.wow-fac.horde{background:rgba(214,58,48,.18);color:#ff8f86}
html[data-theme="clair"] .wow-fac.alliance{color:#1d4ea8}
html[data-theme="clair"] .wow-fac.horde{color:#a3261d}
.wow-bt{font-size:12.5px;color:var(--dim)}
.wow-bt b{color:var(--txt);font-weight:600}
.wow-bt a{color:var(--id)}
.wow-act{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}
.wow-act .bt .pic,.wow-princ-b .pic{width:14px;height:14px;vertical-align:-2px}
.wow-princ-b{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:99px;font-size:12.5px;font-weight:600;
  background:rgba(242,181,49,.14);color:#f5c451}
html[data-theme="clair"] .wow-princ-b{color:#8a5a00}
.wow-tete-cherche{grid-column:1/-1;border-radius:18px;background:var(--creux,rgba(0,0,0,.25));padding:0 12px}
.wow-tete-cherche summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;padding:10px 2px;font-size:13px;font-weight:600;color:var(--muted)}
.wow-tete-cherche summary::-webkit-details-marker{display:none}
.wow-tete-cherche summary .pic{width:15px;height:15px}
.wow-tete-cherche[open]{padding-bottom:12px}
.wow-tete-cherche .wow-cherche{margin-top:2px}

/* recherche d'un personnage */
.wow-cherche{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.wow-cherche input{flex:1 1 180px;min-width:0;padding:10px 14px;border-radius:12px;font:inherit;font-size:15px;color:var(--txt);
  background:var(--creux,rgba(0,0,0,.25));border:1px solid var(--line2,rgba(255,255,255,.14))}
.wow-cherche select,.wow-lier-l select,.wow-filtres select{padding:10px 12px;border-radius:12px;font:inherit;font-size:14px;color:var(--txt);
  background:var(--key,#28292c);border:1px solid var(--line2,rgba(255,255,255,.14))}
.wow-cherche input:focus,.wow-cherche select:focus{outline:none;border-color:var(--id,#c6f500)}
.wow-err{display:block;margin-top:6px;color:#ff9a8f}
.wow-err:empty{display:none}
html[data-theme="clair"] .wow-err{color:#b3261e}

/* chiffres clés */
.wow-chiffres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wow-chiffres .pf-stat{background:var(--verre,var(--panel,#18191b));border-radius:20px;padding:14px 16px}
.wow-chiffres .pf-stat b{font-size:24px}
.wow-att{display:inline-block;width:64px;height:18px;border-radius:8px;background:var(--glass-2,rgba(255,255,255,.1));animation:wowAtt 1.2s ease-in-out infinite alternate}
@keyframes wowAtt{from{opacity:.45}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.wow-att{animation:none}}

/* bas de page : personnages à gauche, détail à droite ; sur PC, seules les listes défilent (cadre-plein) */
.wow-bas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px;min-width:0}
.wow-col{display:flex;flex-direction:column;min-width:0}
.wow-col > *{flex:none}
.wow-col > .head{margin-bottom:10px}
@media (min-width:1100px){
  #app .wow-bas.cadre-plein{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px;min-height:320px}
  #app .wow-bas.cadre-plein > .wow-col{min-height:0}
  #app .wow-bas.cadre-plein > .wow-col > .cadre-defile,#app .wow-seul.cadre-plein > .cadre-defile{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden}
}
.wow-persos{display:grid;gap:8px;align-content:start;padding:3px}
.wow-p{display:grid;grid-template-columns:auto minmax(0,1fr) 56px 64px 18px;gap:12px;align-items:center;width:100%;padding:10px 12px;border:0;border-radius:16px;
  background:var(--glass,rgba(255,255,255,.06));color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .15s,box-shadow .15s}
.wow-p:hover{background:var(--glass-2,rgba(255,255,255,.1))}
.wow-p.on{background:color-mix(in srgb,var(--wc,#c6f500) 13%,var(--panel2,#1f2022));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--wc,#c6f500) 60%,transparent)}
html[data-theme="clair"] .wow-p.on{background:color-mix(in srgb,var(--wc,#4d7c0f) 12%,#fff)}
.wow-p.absent{opacity:.55}
.wow-p-n{display:grid;gap:2px;min-width:0}
.wow-p-n b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wow-p-n > span{font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wow-absent{font-size:11.5px;color:#ffb37a}
.wow-p-c{display:grid;justify-items:end;gap:1px}
.wow-p-c b{font:700 15px/1.1 'Space Grotesk',Inter,sans-serif;color:var(--txt)}
.wow-p-c i{font-style:normal;font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
.wow-princ{display:grid;place-items:center;color:#f2b531}
.wow-princ .pic{width:15px;height:15px}

/* détail : onglets, équipement, clés Mythique+, JcJ */
.wow-onglets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.wow-onglets button,.wow-tris button{border:0;border-radius:99px;padding:8px 15px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;
  background:var(--glass,rgba(255,255,255,.06));color:var(--muted);transition:background-color .15s,color .15s}
.wow-onglets button:hover,.wow-tris button:hover{background:var(--glass-2,rgba(255,255,255,.1));color:var(--txt)}
.wow-onglets button.on,.wow-tris button.on{background:var(--id,#c6f500);color:var(--id-ink,#0b0d00)}
.wow-vide{padding:14px 4px}
.wow-eq{display:grid;gap:6px;align-content:start}
.wow-eq-l{display:grid;grid-template-columns:110px minmax(0,1fr) 42px;gap:10px;align-items:center;padding:8px 12px;border-radius:12px;background:var(--creux,rgba(0,0,0,.25))}
.wow-eq-s{font-size:11.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wow-eq-l b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wow-eq-l u{text-decoration:none;text-align:right;font:700 14px 'Space Grotesk',Inter,sans-serif;color:var(--txt)}
.q-poor b{color:#a5a5a5}.q-common b{color:var(--txt)}.q-uncommon b{color:#4dff4d}.q-rare b{color:#4ea8ff}.q-epic b{color:#c07bf5}
.q-legendary b{color:#ff9933}.q-artifact b{color:#e6cc80}.q-heirloom b{color:#33d6ff}
html[data-theme="clair"] :is(.q-uncommon b){color:#177a00}html[data-theme="clair"] :is(.q-rare b){color:#0059b3}html[data-theme="clair"] :is(.q-epic b){color:#7a1fb8}
html[data-theme="clair"] :is(.q-legendary b){color:#b35a00}html[data-theme="clair"] :is(.q-artifact b){color:#8a6d1f}html[data-theme="clair"] :is(.q-heirloom b){color:#00799a}
.wow-runs,.wow-jcj{display:grid;gap:6px;align-content:start}
.wow-run{display:grid;grid-template-columns:48px minmax(0,1fr) auto 52px;gap:10px;align-items:center;padding:9px 12px;border-radius:12px;background:var(--creux,rgba(0,0,0,.25))}
.wow-run-n{font:700 18px/1 'Space Grotesk',Inter,sans-serif;color:var(--id)}
.wow-run.hors .wow-run-n{color:var(--dim)}
.wow-run-d{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wow-run-t{font-size:12px;color:var(--dim);white-space:nowrap}
.wow-run u{text-decoration:none;text-align:right;font:700 14px 'Space Grotesk',Inter,sans-serif}
.wow-honneur{margin:0 0 10px;display:flex;gap:8px;align-items:baseline}
.wow-honneur b{font:700 18px 'Space Grotesk',Inter,sans-serif}
.wow-jcj-l{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,auto);gap:10px;align-items:center;padding:9px 12px;border-radius:12px;background:var(--creux,rgba(0,0,0,.25));font-size:13.5px}
.wow-jcj-l b{font:700 17px 'Space Grotesk',Inter,sans-serif;text-align:right}
.wow-jcj-l .sub{font-size:12px;text-align:right}

/* relier Battle.net */
.wow-lier-t{display:flex;gap:16px;align-items:center}
.wow-lier-t h2{margin:0 0 4px}
.wow-lier-t p{margin:0}
.wow-lier-img{width:64px;height:96px;border-radius:14px;object-fit:cover;flex:none}
.wow-etapes{list-style:none;margin:18px 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wow-etapes li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:var(--glass,rgba(255,255,255,.06));font-size:13.5px;line-height:1.4}
.wow-etapes b{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--id,#c6f500);color:var(--id-ink,#0b0d00);font-size:12.5px}
.wow-lier-l{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.wow-note{margin:12px 0 0;line-height:1.5}
.wow-recherche .head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* bientôt disponible */
.wow-bientot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center}
.wow-bientot-img{width:132px;height:198px;border-radius:22px;object-fit:cover}
.wow-bientot-t{display:grid;gap:10px;justify-items:start;min-width:0}
.wow-bientot-t h2{margin:0;font-size:26px;line-height:1.2}
.wow-bientot-t p{margin:0;line-height:1.55;max-width:70ch}
.wow-pastille{display:inline-flex;align-items:center;height:24px;padding:0 11px;border-radius:99px;font-size:11.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;background:rgba(var(--cy-rgb,0,229,255),.14);color:#6ff0ff}
html[data-theme="clair"] .wow-pastille{color:#006a78;background:rgba(0,150,170,.12)}
.wow-bientot-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}

/* classement des membres */
.wow-filtres{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:4px 0 12px}
.wow-tris{display:flex;flex-wrap:wrap;gap:6px}
.wow-filtres select{padding:8px 12px;font-size:13.5px}
.wow-cl-p{display:flex;align-items:center;gap:9px;min-width:0;color:inherit;text-decoration:none}
.wow-cl-p > span{display:grid;gap:1px;min-width:0}
.wow-cl-p b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wow-cl-p .sub{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wow-cl-p:hover b{text-decoration:underline}
.wow-table td{vertical-align:middle}
.wow-table th.wow-sel{color:var(--id)}   /* pas « .hl » : app.css masque .hl sous 1300 px */

/* carte du profil Lobbik */
.wow-pf{display:flex;gap:14px;align-items:center;min-width:0}
.wow-pf-id{display:grid;gap:3px;min-width:0}
.wow-pf-id b{font-size:17px}
.wow-pf-id > span{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.wow-pf-l{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--dim) !important}
.wow-mini{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted)}
.wow-mini i{width:8px;height:8px;border-radius:50%;background:var(--wc,#c6f500);flex:none}
.wow-mini b{color:var(--txt);font-weight:600}

/* chat : « ilvl 639 · M+ 2450 » à côté du pseudo dans #wow */
.cr-jeu.wow{gap:5px}
.cr-wow-pt{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none}

@media (max-width:1099px){
  .wow-bas{grid-template-columns:1fr}
}
@media (max-width:760px){
  .wow-tete{grid-template-columns:auto minmax(0,1fr)}
  .wow-act{grid-column:1/-1;justify-content:flex-start}
  .wow-nom{font-size:22px}
  .wow-av.xl{width:68px;height:68px;border-radius:18px}
  .wow-chiffres{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wow-chiffres .pf-stat b{font-size:20px}
  .wow-p{grid-template-columns:auto minmax(0,1fr) 46px 52px 14px;gap:9px;padding:9px 10px}
  .wow-eq-l{grid-template-columns:minmax(0,1fr) 40px}
  .wow-eq-s{grid-column:1/-1;margin-bottom:-4px}
  .wow-run{grid-template-columns:40px minmax(0,1fr) 46px}
  .wow-run-t{grid-column:2/3;grid-row:2}
  .wow-etapes{grid-template-columns:1fr}
  .wow-lier-l > *{flex:1 1 auto;text-align:center}
  .wow-bientot{grid-template-columns:1fr;justify-items:center;text-align:center}
  .wow-bientot-t{justify-items:center}
  .wow-bientot-img{width:96px;height:144px}
  .wow-bientot-a{justify-content:center}
  .wow-cherche select,.wow-cherche button{flex:1 1 auto}
  /* téléphone : seul le chiffre du classement choisi reste, pas de défilement de côté */
  .wow-table.tri-mplus :is(.wow-m-ilvl,.wow-m-jcj),.wow-table.tri-ilvl :is(.wow-m-mplus,.wow-m-jcj),.wow-table.tri-jcj :is(.wow-m-ilvl,.wow-m-mplus){display:none}
  .wow-table td:nth-child(2) :is(.av,.tag,.flag){display:none !important}   /* .av sans image porte un display en ligne */
  .wow-table .wow-cl-p .wow-av{display:none}
}