/*  wiki-docs.css — LE SHELL « DOCS » DU WIKI (arbre + fiche + sur-cette-page), sorti de quest.php le 22/08.
    Partagé par quest.php (quêtes) et docs.php (accomplissements, raids, production, compétences, quêtes de guilde). */
/* ═══ SHELL DOCS QUÊTES (mêmes fondations que les tutoriels) ═══ */
/* Shell docs : SCROLL GLOBAL de la page ; sidebars sticky à dimensions FIXES ;
   le centre s'écoule dans la page (min-height plein viewport => même taille même vide). */
.docs-layout { position:relative; display:grid; grid-template-columns:290px minmax(0,1fr) 220px; gap:18px; width:100%; max-width:1500px; margin:.85rem auto; padding:0 1rem; min-height:calc(100vh - var(--docs-offset, 110px)); align-items:start; }
#docsProgress { position:fixed; top:var(--docs-hh, 70px); left:0; width:100%; height:3px; z-index:999; pointer-events:none; transform:scaleX(0); transform-origin:0 50%; background:linear-gradient(90deg, var(--dcol,#5E72AF), color-mix(in srgb, var(--dcol,#5E72AF) 35%, #fff)); transition:transform .08s linear; border-radius:0 2px 2px 0; }
.docs-layout, .docs-layout * { scrollbar-width:thin; scrollbar-color:var(--wiki-border,#3d4152) transparent; }
.docs-tree::-webkit-scrollbar, .docs-scroll::-webkit-scrollbar, .docs-onpage-card::-webkit-scrollbar { width:8px; }
.docs-tree::-webkit-scrollbar-thumb, .docs-scroll::-webkit-scrollbar-thumb, .docs-onpage-card::-webkit-scrollbar-thumb { background:var(--wiki-border,#3d4152); border-radius:8px; }
.docs-tree::-webkit-scrollbar-track, .docs-scroll::-webkit-scrollbar-track, .docs-onpage-card::-webkit-scrollbar-track { background:transparent; }
@media (max-width: 1200px) { .docs-layout { grid-template-columns:270px minmax(0,1fr); } .docs-onpage { display:none; } }
@media (max-width: 860px)  {
    .docs-layout { display:block; height:auto; min-height:0; }
    .docs-tree { position:static; height:auto; max-height:340px; margin-bottom:14px; }
    .docs-main { height:auto; display:block; }
    .docs-head { margin-bottom:14px; height:auto; min-height:0; }
    .docs-meta { flex-wrap:wrap; white-space:normal; }
    .docs-scroll { overflow:visible; height:auto; }
}
.docs-tree { position:sticky; top:calc(var(--docs-hh, 70px) + 14px); height:calc(100vh - var(--docs-hh, 70px) - 28px); overflow-y:auto; background:var(--wiki-bg-card,#1a1d2e); border:1px solid var(--wiki-border,#3d4152); border-radius:14px; padding:14px; }
/* Recherche : pilule COMPACTE à hauteur fixe 26px (spécificité id pour ne jamais être écrasée) */
#docsTree .docs-tree-search { display:flex; align-items:center; gap:7px; height:32px; background:var(--wiki-bg-secondary,#232738); border:1px solid var(--wiki-border,#3d4152); border-radius:16px; padding:0 12px; margin-bottom:10px; }
#docsTree .docs-tree-search i.fa-search { color:var(--wiki-text-muted,#94a3b8); font-size:.72rem; }
#docsTree .docs-tree-search input { flex:1; background:none; border:0; outline:0; color:var(--wiki-text,#e2e8f0); font-size:.82rem; min-width:0; height:30px; line-height:30px; padding:0; }
#docsTree .docs-tree-search input::placeholder { color:var(--wiki-text-muted,#94a3b8); opacity:.7; }
#docsTree .docs-search-clear { color:var(--wiki-text-muted,#94a3b8); font-size:.72rem; cursor:pointer; padding:4px; }
#docsTree .docs-search-clear:hover { color:var(--wiki-text,#e2e8f0); }
/* Grands volumes : lots + bouton « Afficher plus » + aucun résultat */
.docs-more { display:block; width:100%; margin:4px 0 2px; padding:5px 8px; border-radius:8px; border:1px dashed var(--wiki-border,#3d4152); background:none; color:var(--wiki-text-muted,#94a3b8); font-size:.75rem; font-weight:700; cursor:pointer; text-align:center; }
.docs-more:hover { color:var(--wiki-text,#e2e8f0); border-color:var(--dc,#5E72AF); }
.docs-noresult { color:var(--wiki-text-muted,#94a3b8); font-size:.8rem; text-align:center; padding:10px 4px; }
#docsTree:not(.searching) [data-batch-hidden] { display:none !important; }
#docsTree.searching .docs-more { display:none; }
.docs-cat { margin-bottom:6px; }
.docs-cat-head { display:flex; align-items:center; gap:8px; padding:7px 9px; border-radius:9px; cursor:pointer; user-select:none; color:var(--wiki-text,#e2e8f0); font-weight:700; font-size:.82rem; text-transform:uppercase; letter-spacing:.04em; }
.docs-cat-head:hover { background:var(--wiki-bg-tertiary,#3d4152); }
.docs-cat-head .dc-dot { width:10px; height:10px; border-radius:50%; background:var(--dc,#5E72AF); box-shadow:0 0 7px var(--dc,#5E72AF); }
.docs-cat-head .dc-count { margin-left:auto; color:var(--wiki-text-muted,#94a3b8); font-weight:600; font-size:.72rem; }
.docs-cat-head .dc-caret { color:var(--wiki-text-muted,#94a3b8); font-size:.7rem; transition:transform .18s; }
.docs-cat.closed .dc-caret { transform:rotate(-90deg); }
.docs-cat.closed .docs-cat-items { display:none; }
.docs-cat-items { margin:2px 0 4px; border-left:2px solid color-mix(in srgb, var(--dc,#5E72AF) 40%, transparent); margin-left:12px; padding-left:8px; }
.docs-chain-label { display:flex; align-items:center; gap:6px; color:var(--dc,#5E72AF); font-size:.69rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; padding:7px 8px 3px; }
.docs-chain-label .dcl-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.docs-chain-label .dcl-count { margin-left:auto; flex:0 0 auto; color:var(--wiki-text-muted,#94a3b8); font-weight:700; background:var(--wiki-bg-secondary,#232738); border-radius:9px; padding:0 6px; }
.docs-link { display:flex; align-items:center; gap:8px; padding:5px 8px; border-radius:8px; text-decoration:none; color:var(--wiki-text-muted,#94a3b8); font-size:.85rem; }
.docs-link:hover { background:var(--wiki-bg-tertiary,#3d4152); color:var(--wiki-text,#e2e8f0); }
.docs-link.active { background:color-mix(in srgb, var(--dc,#5E72AF) 20%, transparent); color:var(--wiki-text,#e2e8f0); font-weight:700; }
.docs-link .dl-step { flex:0 0 19px; width:19px; height:19px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1.5px solid var(--dc,#5E72AF); font-size:.66rem; font-weight:800; color:var(--wiki-text-muted,#94a3b8); }
.docs-link.active .dl-step { background:var(--dc,#5E72AF); color:#fff; }
.docs-link .dl-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.docs-link .dl-off { margin-left:auto; color:#e74c3c; font-size:.68rem; }
/* Centre : en flux dans la page (SCROLL GLOBAL) ; en-tête à hauteur FIXE (identique même vide) ;
   corps à hauteur minimale plein viewport pour que la page ait toujours la même carrure. */
.docs-main { min-width:0; }
.docs-head { height:162px; display:flex; flex-direction:column; overflow:hidden; background:var(--wiki-bg-card,#1a1d2e); border:1px solid var(--wiki-border,#3d4152); border-radius:14px; padding:16px 24px 12px; margin-bottom:16px; border-top:3px solid var(--dcol,#5E72AF); }
.docs-head h1 span#docsTitleText { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.docs-scroll > * + * { margin-top:16px; }
.docs-scroll .docs-body-card { min-height:calc(100vh - var(--docs-hh, 70px) - 162px - 46px); }
.docs-head h1 { margin:0 0 8px; color:var(--wiki-text,#e2e8f0); font-size:1.45rem; line-height:1.3; display:flex; align-items:center; gap:10px; min-width:0; }
.docs-head h1 i { color:var(--dcol,#5E72AF); font-size:1.1rem; }
.docs-meta { display:flex; gap:14px; flex-wrap:wrap; align-items:center; color:var(--wiki-text-muted,#94a3b8); font-size:.8rem; padding:3px 2px 5px; }
@media (min-width: 861px) { .docs-meta { flex-wrap:nowrap; overflow:hidden; white-space:nowrap; } }
.docs-meta i { color:var(--dcol,#5E72AF); margin-right:4px; }
.docs-meta .dm-actions { margin-left:auto; display:flex; gap:6px; align-items:center; }
.docs-chainbar { display:flex; align-items:center; gap:10px; margin-top:auto; padding:10px 2px 3px; border-top:1px dashed color-mix(in srgb, var(--dcol,#5E72AF) 45%, transparent); flex-wrap:nowrap; overflow:hidden; }
.docs-chainbar .qcn-pos { display:flex; align-items:center; gap:7px; min-width:0; font-weight:800; color:var(--dcol,#5E72AF); font-size:.8rem; letter-spacing:.04em; }
.docs-chainbar .qcn-name { min-width:0; max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.docs-chainbar #docsChainPos { flex:0 0 auto; text-transform:uppercase; font-size:.72rem; color:var(--wiki-text-muted,#94a3b8); background:var(--wiki-bg-secondary,#232738); border-radius:10px; padding:2px 9px; }
.docs-chainbar a { display:inline-flex; align-items:center; gap:7px; padding:5px 12px; border-radius:18px; text-decoration:none; color:var(--wiki-text,#e2e8f0); background:var(--wiki-bg-secondary,#232738); border:1px solid var(--wiki-border,#3d4152); font-size:.8rem; font-weight:600; max-width:260px; }
.docs-chainbar a:hover { border-color:var(--dcol,#5E72AF); }
.docs-chainbar a span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.docs-chainbar .qcn-spacer { flex:1; }
.docs-body-card { background:var(--wiki-bg-card,#1a1d2e); border:1px solid var(--wiki-border,#3d4152); border-radius:14px; padding:26px 30px; color:var(--wiki-text,#e2e8f0); }
.docs-body-card h2 { color:var(--wiki-text,#e2e8f0); margin:1.2em 0 .6em; font-size:1.2rem; scroll-margin-top:calc(var(--docs-hh, 70px) + 20px); }
.docs-body-card h2:first-child { margin-top:0; }
/* Objectifs timeline + récompenses cartes (repris de la fiche v2) */
.qsteps { position:relative; padding-left:6px; }
.qstep { position:relative; display:flex; gap:14px; align-items:flex-start; padding:10px 0 14px 0; }
.qstep::before { content:''; position:absolute; left:15px; top:38px; bottom:-4px; width:2px; background:linear-gradient(to bottom, var(--dcol,#5E72AF), transparent); opacity:.45; }
.qstep:last-child::before { display:none; }
.qstep-num { flex:0 0 32px; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    background:color-mix(in srgb, var(--dcol,#5E72AF) 22%, var(--wiki-bg-card,#1a1d2e)); border:2px solid var(--dcol,#5E72AF);
    color:var(--wiki-text,#e2e8f0); font-weight:800; font-size:.85rem; }
.qstep-body { flex:1; min-width:0; padding-top:5px; font-size:.95rem; line-height:1.5; }
.qstep-body i.ql-ic { color:var(--dcol,#5E72AF); margin-right:6px; }
.qstep-body a { color:var(--wiki-accent,#5E72AF); text-decoration:none; font-weight:600; }
.qstep-body a:hover { text-decoration:underline; }
.qrewards { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:10px; }
.qreward { display:flex; gap:10px; align-items:center; padding:10px 12px; border-radius:12px;
    background:linear-gradient(135deg, var(--wiki-bg-secondary,#232738), var(--wiki-bg-card,#1a1d2e));
    border:1px solid color-mix(in srgb, var(--dcol,#5E72AF) 40%, var(--wiki-border,#3d4152)); }
.qreward i.qr-ic { flex:0 0 34px; width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center;
    background:color-mix(in srgb, var(--dcol,#5E72AF) 20%, transparent); color:var(--dcol,#5E72AF); font-size:1rem; }
.qreward span { font-size:.88rem; font-weight:600; min-width:0; }
.qreward a { color:var(--wiki-accent,#5E72AF); text-decoration:none; }
/* Index (vue d'ensemble) */
.qidx-cat { margin-bottom:1.4rem; }
.qidx-head { display:flex; align-items:center; gap:10px; padding:9px 13px; border-radius:11px; margin-bottom:10px;
    background:linear-gradient(90deg, color-mix(in srgb, var(--qc) 18%, var(--wiki-bg-secondary,#232738)), var(--wiki-bg-secondary,#232738));
    border-left:4px solid var(--qc); }
.qidx-head h3 { margin:0; font-size:.95rem; color:var(--wiki-text,#e2e8f0); flex:1; }
.qidx-head .qi-dot { width:10px; height:10px; border-radius:50%; background:var(--qc); box-shadow:0 0 7px var(--qc); }
/* Droite */
.docs-onpage { position:sticky; top:calc(var(--docs-hh, 70px) + 14px); height:calc(100vh - var(--docs-hh, 70px) - 28px); }
.docs-onpage-card { height:100%; overflow-y:auto; background:var(--wiki-bg-card,#1a1d2e); border:1px solid var(--wiki-border,#3d4152); border-radius:14px; padding:14px; }
/* Navigation bas de page (ordre de l'arbre) */
.docs-bottomnav { display:flex; gap:14px; }
.docs-bottomnav a { flex:1; min-width:0; min-height:72px; display:flex; flex-direction:column; justify-content:center; gap:4px; padding:12px 18px; border-radius:12px; background:var(--wiki-bg-card,#1a1d2e); border:1px solid var(--wiki-border,#3d4152); text-decoration:none; transition:border-color .15s, transform .15s; }
.docs-bottomnav a:hover { border-color:var(--dcol,#5E72AF); transform:translateY(-2px); }
.docs-bottomnav .bn-label { font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--wiki-text-muted,#94a3b8); }
.docs-bottomnav .bn-label i { color:var(--dcol,#5E72AF); }
.docs-bottomnav .bn-title { color:var(--wiki-text,#e2e8f0); font-weight:700; font-size:.95rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.docs-bottomnav a.bn-next { align-items:flex-end; text-align:right; }
.docs-onpage-title { font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--wiki-text-muted,#94a3b8); margin-bottom:8px; }
#docsToc a { display:block; padding:4px 8px; border-left:2px solid var(--wiki-border,#3d4152); color:var(--wiki-text-muted,#94a3b8); font-size:.82rem; text-decoration:none; }
#docsToc a:hover { color:var(--wiki-text,#e2e8f0); }
#docsToc a.active { border-left-color:var(--dcol,#5E72AF); color:var(--dcol,#5E72AF); font-weight:700; }
.docs-vote { display:flex; gap:6px; align-items:center; }
.docs-loading { opacity:.45; pointer-events:none; transition:opacity .15s; }
.recaptcha-container-comment { display:flex; justify-content:center; margin:10px 0; }