/* =====================================================================================================================
   World of Warcraft — hôtel des ventes (28/09/2026) : page #/hdv (assets/wow-hdv.js).
   Identité Volt (jetons --id*), bulles mates flottantes, aucun trait pleine largeur, jamais le sélecteur « has ». Sur PC (≥ 1100 px) la page ne
   défile pas : le corps est un .cadre-plein, seules la liste et la fiche défilent. Couleurs des courbes validées (lisibilité,
   daltonisme) sur fond sombre (#7aa200 / #0aa2c4) et en thème Clair (#4d7c0f / #0a86a8).
   ===================================================================================================================== */
.hdv-page{display:grid;gap:14px;min-width:0;--hdv-c-min:#7aa200;--hdv-c-med:#0aa2c4;--hdv-or:#e3b547;--hdv-arg:#c3c8cf}
html[data-theme="clair"] .hdv-page{--hdv-c-min:#4d7c0f;--hdv-c-med:#0a86a8;--hdv-or:#b7861b;--hdv-arg:#8b9097}
.hdv-page [hidden]{display:none !important}
.hdv-svg{width:16px;height:16px;flex:none;vertical-align:-3px}

/* en-tête : titre, marché (région + royaume), « acheter ou vendre ? » */
.hdv-tete{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:center}
.hdv-titre{display:flex;align-items:center;gap:14px;min-width:0}
.hdv-titre h2{margin:0;font-size:22px;line-height:1.2}
.hdv-titre .sub{margin:3px 0 0;font-size:12.5px}
.hdv-logo,.hdv-accueil-ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:15px;background:rgba(var(--id-rgb),.14);color:var(--id)}
.hdv-logo .hdv-svg,.hdv-accueil-ic .hdv-svg{width:24px;height:24px}
.hdv-marche{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;min-width:0}
.hdv-champ{display:grid;gap:4px;min-width:0}
.hdv-champ > span{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--dim)}
.hdv-champ select,.hdv-cherche select,.hdv-al-form select{max-width:100%;padding:9px 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))}
.hdv-champ-roy select{min-width:230px;max-width:320px}
.hdv-champ select:focus,.hdv-cherche select:focus,.hdv-al-form select:focus{outline:none;border-color:var(--id)}
.hdv-info{grid-column:1/-1;border-radius:16px;background:var(--creux,rgba(0,0,0,.25));padding:0 14px}
.hdv-info summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:10px 0;font-size:13px;font-weight:600;color:var(--muted)}
.hdv-info summary::-webkit-details-marker{display:none}
.hdv-info[open]{padding-bottom:4px}
.hdv-info p{margin:0 0 10px;font-size:13.5px;line-height:1.5;color:var(--muted)}

/* corps : liste à gauche, fiche à droite */
.hdv-corps{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.hdv-col{display:flex;flex-direction:column;min-width:0}
.hdv-col > *{flex:none}
@media (min-width:1100px){
  #app .hdv-corps.cadre-plein{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.3fr);grid-template-rows:minmax(0,1fr);gap:14px;min-height:420px}
  #app .hdv-corps.cadre-plein > .hdv-col{min-height:0}
  #app .hdv-corps.cadre-plein > .hdv-col > .cadre-defile{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden}
  .hdv-retour{display:none !important}
}
@media (max-width:1099px){
  .hdv-page.hdv-avec-fiche .hdv-gauche{display:none}
  .hdv-page:not(.hdv-avec-fiche) .hdv-droite{order:2}
  .hdv-liste{max-height:none}
}
@media (max-width:760px){
  .hdv-tete{grid-template-columns:minmax(0,1fr)}
  .hdv-marche{justify-content:stretch}
  .hdv-champ{flex:1 1 150px}
  .hdv-champ-roy select{min-width:0;width:100%}
  .hdv-champ select{width:100%}
}
.hdv-droite .lol-mention{margin:10px 2px 0}

/* onglets et puces */
.hdv-onglets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}
.hdv-onglets button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;border-radius:14px;padding:9px 4px 8px;font:inherit;
  font-size:12px;font-weight:600;cursor:pointer;background:var(--glass,rgba(255,255,255,.06));color:var(--muted);transition:background-color .15s,color .15s;min-width:0}
.hdv-onglets button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hdv-onglets button:hover{background:var(--glass-2,rgba(255,255,255,.1));color:var(--txt)}
.hdv-onglets button.on{background:var(--id);color:var(--id-ink,#0b0d00)}
.hdv-n{position:absolute;top:5px;right:8px;min-width:17px;height:17px;padding:0 5px;border-radius:99px;font-style:normal;font-size:10.5px;line-height:17px;font-weight:700;
  background:var(--id);color:var(--id-ink,#0b0d00);box-sizing:border-box}
.hdv-onglets button.on .hdv-n{background:var(--id-ink,#0b0d00);color:var(--id)}
.hdv-outils:empty{display:none}
.hdv-outils{margin-bottom:10px}
.hdv-cherche{display:flex;flex-wrap:wrap;gap:8px}
.hdv-recherche{flex:1 1 200px;display:flex;align-items:center;gap:8px;min-width:0;padding:0 12px;border-radius:12px;background:var(--creux,rgba(0,0,0,.25));
  border:1px solid var(--line2,rgba(255,255,255,.14));color:var(--dim)}
.hdv-recherche:focus-within{border-color:var(--id)}
.hdv-recherche input{flex:1;min-width:0;padding:10px 0;border:0;outline:none;background:none;font:inherit;font-size:15px;color:var(--txt)}
.hdv-cherche select{flex:0 1 190px;min-width:0}
.hdv-puces{display:flex;flex-wrap:wrap;gap:6px}
.hdv-puces.sec{margin-top:6px}
.hdv-puces.sec:empty{display:none}
.hdv-puces button{border:0;border-radius:99px;padding:7px 13px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;background:var(--glass,rgba(255,255,255,.06));
  color:var(--muted);transition:background-color .15s,color .15s}
.hdv-puces.sec button{padding:5px 11px;font-size:12px}
.hdv-puces button:hover{background:var(--glass-2,rgba(255,255,255,.1));color:var(--txt)}
.hdv-puces button.on{background:var(--id);color:var(--id-ink,#0b0d00)}
.hdv-puces button:disabled{opacity:.4;cursor:default}

/* listes */
.hdv-liste{display:grid;gap:6px;align-content:start;padding:2px}
.hdv-attente{opacity:.55;transition:opacity .2s}
.hdv-cap{margin:0 2px 4px;font-size:12px;color:var(--dim)}
.hdv-vide{padding:14px 4px;margin:0}
.hdv-l,.hdv-al{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;width:100%;padding:8px 11px;border:0;
  border-radius:14px;background:var(--glass,rgba(255,255,255,.06));color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .15s,box-shadow .15s;box-sizing:border-box}
.hdv-l:hover,.hdv-al:hover{background:var(--glass-2,rgba(255,255,255,.1))}
.hdv-l:focus-visible,.hdv-al:focus-visible,.hdv-aill-l:focus-visible{outline:2px solid var(--id);outline-offset:1px}
.hdv-l.on{background:rgba(var(--id-rgb),.12);box-shadow:inset 0 0 0 1.5px rgba(var(--id-rgb),.55)}
.hdv-l-n{display:grid;gap:2px;min-width:0}
.hdv-l-n b{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hdv-l-n > span{font-size:11.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hdv-l-p{display:grid;justify-items:end;gap:2px;min-width:0}
.hdv-l-p > i{font-style:normal;font-size:11.5px;color:var(--dim);white-space:nowrap}
.hdv-al{grid-template-columns:38px minmax(0,1fr) auto 30px}
.hdv-al-e{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:99px;background:var(--glass);color:var(--dim);white-space:nowrap}
.hdv-al-e.on{background:rgba(var(--id-rgb),.16);color:var(--txt)}
.hdv-al-e .hdv-svg{width:12px;height:12px;color:var(--id)}
.hdv-suppr{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:10px;background:none;color:var(--dim);cursor:pointer}
.hdv-suppr:hover{background:rgba(255,90,90,.14);color:#ff8f86}
.hdv-invite{display:grid;gap:12px;justify-items:start;padding:12px 4px}
.hdv-invite p{margin:0;color:var(--muted);line-height:1.5}

/* icônes d'objet : anneau de la couleur de qualité (Blizzard) */
.q-poor{--qc:#9d9d9d}.q-common{--qc:#e8e8e8}.q-uncommon{--qc:#1eff00}.q-rare{--qc:#0070dd}.q-epic{--qc:#a335ee}.q-legendary{--qc:#ff8000}
.q-artifact{--qc:#e6cc80}.q-heirloom{--qc:#00ccff}
.hdv-ic{position:relative;display:inline-grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;overflow:hidden;
  background:var(--panel2,#1f2022);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--qc,#888) 70%,transparent)}
.hdv-ic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hdv-ic b{font:700 15px/1 'Space Grotesk',Inter,sans-serif;color:var(--dim)}
.hdv-ic.xl{width:64px;height:64px;border-radius:16px;box-shadow:0 0 0 2px color-mix(in srgb,var(--qc,#888) 75%,transparent)}
.hdv-ic.xl b{font-size:24px}
.hdv-q{color:color-mix(in srgb,var(--qc,#e8e8e8) 80%,#fff)}
.hdv-q.q-rare{color:#4ea8ff}.hdv-q.q-epic{color:#c07bf5}.hdv-q.q-common{color:var(--txt)}
html[data-theme="clair"] .hdv-q{color:color-mix(in srgb,var(--qc,#333) 62%,#000)}
html[data-theme="clair"] .hdv-q.q-common{color:var(--txt)}
html[data-theme="clair"] .hdv-q.q-poor{color:#666}

/* pièces */
.hdv-or{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font:600 14px/1.1 'Space Grotesk',Inter,sans-serif;color:var(--txt)}
.hdv-or b{font-weight:600}
.hdv-or i,.hdv-mont i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:2px;flex:none}
.hdv-or i.po,.hdv-mont i.po{background:var(--hdv-or);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--hdv-or) 60%,#000)}
.hdv-or i.pa,.hdv-mont i.pa{background:var(--hdv-arg);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--hdv-arg) 60%,#000)}
.hdv-or.vide{color:var(--dim);font:500 12px Inter,sans-serif}
.hdv-var{display:inline-flex;align-items:center;gap:2px;font-style:normal;font-size:11.5px;font-weight:600;color:var(--muted);white-space:nowrap}
.hdv-var .hdv-svg{width:12px;height:12px}
.hdv-var.hausse .hdv-svg{color:#ffab70}
.hdv-var.baisse .hdv-svg{color:#4fd1ee}
html[data-theme="clair"] .hdv-var.hausse .hdv-svg{color:#b8560f}
html[data-theme="clair"] .hdv-var.baisse .hdv-svg{color:#0a7896}

/* mes royaumes */
.hdv-roy{display:grid;gap:8px;padding:12px 13px;border-radius:16px;background:var(--glass,rgba(255,255,255,.06))}
.hdv-roy.on{box-shadow:inset 0 0 0 1.5px rgba(var(--id-rgb),.5)}
.hdv-roy-t{display:grid;gap:2px}
.hdv-roy-t b{font-size:15px}
.hdv-roy-t .sub{font-size:12px}
.hdv-roy-p{display:flex;flex-wrap:wrap;gap:5px}
.hdv-perso{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;background:var(--creux,rgba(0,0,0,.25));font-size:12px;color:var(--dim)}
.hdv-perso i{width:7px;height:7px;border-radius:50%;background:var(--wc,#c6f500)}
.hdv-perso b{color:color-mix(in srgb,var(--wc,#c6f500) 80%,#fff);font-weight:600}
html[data-theme="clair"] .hdv-perso b{color:color-mix(in srgb,var(--wc,#4d7c0f) 60%,#000)}
.hdv-roy-a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}

/* fiche d'un objet */
.hdv-fiche{display:grid;gap:12px;align-content:start;min-width:0}
.hdv-retour{justify-self:start}
.hdv-f-tete{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 16px;align-items:center}
.hdv-f-id{display:grid;gap:4px;min-width:0}
.hdv-f-id h3{margin:0;font-size:21px;line-height:1.2;overflow-wrap:anywhere}
.hdv-f-meta{font-size:12.5px;color:var(--dim)}
.hdv-f-act{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.hdv-f-act .bt .pic{width:13px;height:13px;vertical-align:-2px}
@media (max-width:760px){ .hdv-f-tete{grid-template-columns:auto minmax(0,1fr)} .hdv-f-act{grid-column:1/-1;justify-content:flex-start} }
.hdv-f-marche{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12.5px;color:var(--muted);padding:7px 12px;border-radius:12px;background:var(--creux,rgba(0,0,0,.25));justify-self:start}
.hdv-f-marche .hdv-svg{width:14px;height:14px;color:var(--id)}
.hdv-choisir{padding:14px 16px;border-radius:16px;background:var(--creux,rgba(0,0,0,.25))}
.hdv-choisir p{margin:0;color:var(--muted);line-height:1.5}
.hdv-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px}
.hdv-stat{display:grid;gap:3px;align-content:start;padding:11px 13px;border-radius:16px;background:var(--creux,rgba(0,0,0,.25));min-width:0}
.hdv-stat > b{font:700 18px/1.15 'Space Grotesk',Inter,sans-serif;color:var(--txt);overflow-wrap:anywhere}
.hdv-stat > b .hdv-or{font-size:17px}
.hdv-stat.hero > b .hdv-or{font-size:22px}
.hdv-stat > span{font-size:12px;font-weight:600;color:var(--muted)}
.hdv-stat > small{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:11px;color:var(--dim);line-height:1.35}
.hdv-bloc{display:grid;gap:10px;padding:13px 14px;border-radius:18px;background:var(--glass,rgba(255,255,255,.05));min-width:0}
.hdv-bloc h4{display:flex;align-items:center;gap:7px;margin:0;font-size:14px}
.hdv-bloc h4 .hdv-svg{color:var(--id)}
.hdv-bloc > .sub{margin:0;font-size:12px;line-height:1.45}
.hdv-note{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:12px;line-height:1.45}
.hdv-note .hdv-svg{margin-top:1px}

/* courbe */
.hdv-g-tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.hdv-legende{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}
.hdv-legende span{display:inline-flex;align-items:center;gap:6px}
.hdv-legende i{display:inline-block;width:14px;height:2px;border-radius:2px}
.hdv-legende .k-min i{background:var(--hdv-c-min)}
.hdv-legende .k-med i{background:var(--hdv-c-med)}
.hdv-g-boite{position:relative;min-width:0;border-radius:12px;outline:none}
.hdv-g-boite:focus-visible{box-shadow:0 0 0 2px var(--id)}
.hdv-g-svg{display:block;max-width:100%;touch-action:pan-y}
.hdv-g-min,.hdv-g-med{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hdv-g-min{stroke:var(--hdv-c-min)}
.hdv-g-med{stroke:var(--hdv-c-med)}
.hdv-g-fin,.hdv-g-croix circle{stroke:var(--panel,#18191b);stroke-width:2}
.hdv-g-fin.min,.hdv-g-croix circle.min{fill:var(--hdv-c-min)}
.hdv-g-fin.med,.hdv-g-croix circle.med{fill:var(--hdv-c-med)}
.hdv-g-grille,.hdv-g-base{stroke:rgba(var(--neu-rgb),.09);stroke-width:1}
.hdv-g-rep{stroke:rgba(var(--neu-rgb),.25);stroke-width:1}
.hdv-g-txt{fill:var(--dim);font:500 11px Inter,sans-serif}
.hdv-g-titre{fill:var(--muted);font:600 11px Inter,sans-serif}
.hdv-g-qte rect{fill:rgba(var(--neu-rgb),.26)}
.hdv-g-croix line{stroke:rgba(var(--neu-rgb),.5);stroke-width:1}
.hdv-g-zone{cursor:crosshair}
.hdv-g-bulle{position:absolute;z-index:3;min-width:150px;padding:8px 11px;border-radius:12px;background:var(--panel2,#1f2022);box-shadow:0 10px 28px rgba(0,0,0,.4);
  pointer-events:none;font-size:12px}
html[data-theme="clair"] .hdv-g-bulle{background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.hdv-b-t{font-weight:600;color:var(--muted);margin-bottom:5px;white-space:nowrap}
.hdv-b-l{display:grid;grid-template-columns:14px auto 1fr;gap:7px;align-items:center;line-height:1.6;white-space:nowrap}
.hdv-b-l i{display:block;width:12px;height:2px;border-radius:2px;background:transparent}
.hdv-b-l.min i{background:var(--hdv-c-min)}.hdv-b-l.med i{background:var(--hdv-c-med)}
.hdv-b-l b{font:600 12.5px 'Space Grotesk',Inter,sans-serif;color:var(--txt)}
.hdv-b-l span{color:var(--dim)}
.hdv-g-note{margin:0;font-size:11.5px}
.hdv-g-note:empty{display:none}
.hdv-tableau summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--muted);width:max-content}
.hdv-tableau[open] summary{margin-bottom:8px}
.hdv-tab{width:100%;font-size:12.5px}
.hdv-tab .hdv-or{font-size:12.5px}

/* alerte */
.hdv-al-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.hdv-mont{display:inline-flex;align-items:center;gap:5px;padding:0 10px;border-radius:12px;background:var(--creux,rgba(0,0,0,.25));border:1px solid var(--line2,rgba(255,255,255,.14))}
.hdv-mont:focus-within{border-color:var(--id)}
.hdv-mont input{width:92px;padding:8px 0;border:0;outline:none;background:none;font:600 14px 'Space Grotesk',Inter,sans-serif;color:var(--txt)}
.hdv-mont.pa input{width:44px}
.hdv-al-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 6px 6px 12px;border-radius:12px;background:var(--creux,rgba(0,0,0,.25));font-size:13px}
.hdv-al-f > span:first-child{flex:1 1 200px;display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px}

/* autres marchés */
.hdv-aill{display:grid;gap:6px}
.hdv-aill-l{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:8px 12px;border:0;border-radius:12px;background:var(--creux,rgba(0,0,0,.25));
  color:var(--muted);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.hdv-aill-l:hover{background:var(--glass-2,rgba(255,255,255,.1))}
.hdv-aill-l > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hdv-aill-l > i{font-style:normal;font-size:11.5px;color:var(--dim);white-space:nowrap}
@media (max-width:420px){ .hdv-aill-l{grid-template-columns:minmax(0,1fr) auto} .hdv-aill-l > i{display:none} }

/* accueil de la fiche, « bientôt » */
.hdv-accueil{display:grid;gap:12px;justify-items:start;padding:8px 4px}
.hdv-accueil h3{margin:4px 0 0;font-size:20px}
.hdv-accueil > .sub{margin:0}
.hdv-accueil-l{display:flex;flex-wrap:wrap;gap:8px}
.hdv-accueil-l > div{display:grid;gap:2px;padding:10px 14px;border-radius:16px;background:var(--creux,rgba(0,0,0,.25))}
.hdv-accueil-l b{font:700 20px 'Space Grotesk',Inter,sans-serif}
.hdv-accueil-l span{font-size:12px;color:var(--dim)}
.hdv-points{margin:4px 0 0;padding-left:18px;display:grid;gap:7px;color:var(--muted);font-size:13.5px;line-height:1.45}
.hdv-points li::marker{color:var(--id)}
.hdv-bientot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}
.hdv-bientot h2{margin:8px 0 6px;font-size:22px}
.hdv-bientot p{margin:0 0 8px;line-height:1.55;color:var(--muted)}
@media (max-width:560px){ .hdv-bientot{grid-template-columns:minmax(0,1fr)} }
@media (prefers-reduced-motion:reduce){ .hdv-attente,.hdv-l,.hdv-onglets button{transition:none} }

/* champs dans une bulle : les styles globaux des <input> (bordure, fond) ne doivent pas dessiner une seconde bordure */
.hdv-page .hdv-recherche input,.hdv-page .hdv-mont input{-webkit-appearance:none;appearance:none;border:0 !important;box-shadow:none !important;background:none !important;
  border-radius:0 !important;margin:0;min-height:0;height:auto;outline:none}
.hdv-page .hdv-mont input::-webkit-inner-spin-button,.hdv-page .hdv-mont input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.hdv-page .hdv-mont input{-moz-appearance:textfield}
.hdv-page .hdv-suppr .hdv-svg{width:17px !important;height:17px !important}
.hdv-page .hdv-suppr{color:var(--muted);padding:0 !important;min-width:30px;flex:none}
@media (max-width:480px){
  .hdv-onglets button{padding:8px 3px 7px;font-size:11.5px}
  .hdv-onglets button span{white-space:normal;line-height:1.15;text-align:center}
}