/* ===== SHOOTMINER whitepaper — multilingual layer (loaded after style.css) =====
   1) Header frame: logo left · menu middle · [language][menu button] right — the SAME place in every language (also RTL).
   2) Language button + list (same look/behaviour as the main site, whitepaper colours).
   3) Mirror rules for LTR languages. The original page was written right-to-left, so only the few physical left/right
      rules are mirrored here; Persian and Arabic keep the original (RTL) rendering untouched.
   Floating buttons (scroll-top, PDF) and the roadmap grid keep their original physical places on purpose. */

/* ---- 1) header frame ---- */
.nav-container{direction:ltr}
.nav-end{display:flex;align-items:center;gap:10px;flex:none}
html[dir=rtl] .nav-link{direction:rtl}
html[dir=ltr] .nav-link{direction:ltr}
@media (max-width:768px){
  html[dir=rtl] .nav-menu{direction:rtl}
  html[dir=ltr] .nav-menu{direction:ltr}
}

/* ---- 2) language button + list ---- */
.langsel{position:relative;flex:none}
.langbtn{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:86px;height:40px;padding:0 10px;border:1px solid rgba(0,212,255,.35);border-radius:10px;background:rgba(0,212,255,.06);color:#fff;font:700 12px 'Inter',sans-serif;cursor:pointer;direction:ltr}
.langbtn:hover,.langsel.open .langbtn{border-color:var(--neon-blue);background:rgba(0,212,255,.12)}
.langbtn:focus-visible,.langlist:focus-visible{outline:2px solid var(--neon-blue);outline-offset:2px}
.flag{display:block;width:20px;height:15px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.18);flex:none}
.langcode{letter-spacing:.5px}
.caret{width:7px;height:7px;border-right:2px solid #8a94c9;border-bottom:2px solid #8a94c9;transform:rotate(45deg) translateY(-2px);flex:none;transition:transform .15s}
.langsel.open .caret{transform:rotate(-135deg) translateY(-2px)}
.langlist{position:absolute;top:calc(100% + 8px);right:0;width:224px;margin:0;padding:6px;list-style:none;background:#0a0e27;border:1px solid rgba(0,212,255,.35);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.6);z-index:1200;max-height:min(70vh,420px);overflow-y:auto;direction:ltr}
.langlist[hidden]{display:none}
.langlist li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#e0e6ff;font:600 13px/1.2 'Inter',sans-serif;cursor:pointer}
.langlist li .langname{flex:1;white-space:nowrap}
.langlist li .langname[dir=rtl]{text-align:right;font-family:'Vazirmatn','Inter',sans-serif}
.langlist li:hover,.langlist li.active{background:rgba(0,212,255,.14);color:#fff}
.langlist li .check{visibility:hidden;color:var(--neon-green);font-weight:900}
.langlist li[aria-selected=true] .check{visibility:visible}

/* ---- 3) mirror rules for left-to-right languages ---- */
html[dir=ltr] body{direction:ltr}
html[dir=ltr] .vision-list li{border-right:0;border-left:3px solid var(--neon-blue)}
html[dir=ltr] .vision-list li:hover,html[dir=ltr] .alloc-item:hover,html[dir=ltr] .conclusion-item:hover{transform:translateX(5px)}
html[dir=ltr] .styled-table th,html[dir=ltr] .token-list{text-align:left}
html[dir=ltr] .alert-box{border-right:0;border-left:4px solid var(--gold)}
html[dir=ltr] .risk-box{border-right:0;border-left:4px solid #ff3366}
html[dir=ltr] .disclaimer-box{border-right:0;border-left:4px solid var(--gold)}
html[dir=ltr] .disclaimer-box li{padding-right:0;padding-left:24px}
html[dir=ltr] .disclaimer-box li::before{right:auto;left:0}
html[dir=ltr] .conclusion{border-right:0;border-left:4px solid var(--neon-green)}
html[dir=ltr] .formula{direction:ltr}
html[dir=ltr] .roadmap-card ul li{padding:4px 0 4px 16px}
html[dir=ltr] .roadmap-card ul li::before{right:auto;left:0}
@media (max-width:768px){
  html[dir=ltr] .hero-copy,html[dir=ltr] .hero-copy p{text-align:left}
}
@media print{
  html[dir=ltr] .roadmap-card ul li{padding:0.5mm 0 0.5mm 3mm !important}
}

/* ---- 3) menu becomes the hamburger up to 1260px ----
   With the language button and the Home item added, the seven links no longer fit between 769px and ~1250px in every language (they wrap, and the button is pushed off the screen).
   Same rules as style.css uses at <=768px. */
@media (min-width:769px) and (max-width:1260px){
  .nav-menu{position:fixed;top:70px;right:-100%;width:280px;height:calc(100vh - 70px);background:rgba(10,14,39,.98);backdrop-filter:blur(20px);flex-direction:column;padding:30px 20px;gap:8px;transition:right .3s ease;border-left:1px solid var(--card-border)}
  .nav-menu.active{right:0}
  .nav-toggle{display:flex}
  .nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
  .nav-toggle.active span:nth-child(2){opacity:0}
  .nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
}

/* ---- 4) longer translations must never widen the page ----
   Tables that sit directly in a card get the same scroll container as the other tables (markup: .table-scroll.no-round).
   no-round / margin keep the look identical to the original when the table fits. */
.table-scroll.no-round{border-radius:0;margin-top:12px}
.table-scroll.no-round>.styled-table{margin-top:0}
.glass-card{min-width:0}

/* ===== whitepaper PDF download =====
   1) the old floating PDF button (bottom-left, html2pdf) is hidden only; its HTML, JS and own CSS are untouched.
   2) the download icon (the owner's PDF file): between the menu and the language box; in the hamburger menu it is a menu item. */
.pdf-download{display:none !important}
/* the menu bar needs ~40px more room for 7 items + the icon in Russian, so it may be a little wider than before (1200 -> 1280) */
.nav-container{max-width:1280px}
.pdfbtn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border:1px solid rgba(0,212,255,.35);border-radius:10px;background:rgba(0,212,255,.06);color:#fff;transition:border-color .2s,background .2s}
.pdfbtn:hover,.pdfbtn:focus-visible{border-color:var(--neon-blue);background:rgba(0,212,255,.12)}
.pdfbtn:focus-visible,.pdfmenu:focus-visible{outline:2px solid var(--neon-blue);outline-offset:2px}
.pdfbtn svg,.pdfmenu svg{width:20px;height:20px;flex:none}
.pdf-li{display:none}
@media (max-width:1260px){.pdfbtn{display:none}.pdf-li{display:block}.nav-link.pdfmenu{display:flex;align-items:center;gap:10px}}