@import url("/assets/fonts/fonts.css");

/* Tema retro do white-label. Carregado depois do Tailwind nas paginas publicas.
   Fundo = area de trabalho; cartoes bg-dark-* dentro do main = janelas cinza;
   cabecalho = barra de tarefas; rodape = barra de status. O admin nao usa. */

:root{
  --r-orange:#F26822; --r-orange-d:#B5480F; --r-orange-l:#FFB27F;
  --r-ink:#1E1E1E; --r-char:#4C4C4C; --r-face:#C3C3C3; --r-lite:#DFDFDF; --r-lo:#7A7A7A; --r-desk:#262626;
  --r-raised:inset -1px -1px #1E1E1E,inset 1px 1px #FFFFFF,inset -2px -2px #7A7A7A,inset 2px 2px #DFDFDF;
  --r-sunken:inset -1px -1px #FFFFFF,inset 1px 1px #7A7A7A,inset -2px -2px #DFDFDF,inset 2px 2px #1E1E1E;
  --r-etched:inset -1px -1px #FFFFFF,inset 1px 1px #7A7A7A,inset -2px -2px #7A7A7A,inset 2px 2px #FFFFFF;
  --r-btn-orange:inset -1px -1px #1E1E1E,inset 1px 1px #FFB27F,inset -2px -2px #B5480F,inset 2px 2px #FF8A45;
  --r-pressed:inset 1px 1px #1E1E1E,inset -1px -1px #FFFFFF,inset 2px 2px #7A7A7A,inset -2px -2px #DFDFDF;
  --r-px:"Pixelify Sans","IBM Plex Mono",Tahoma,"Geeza Pro","Noto Sans Arabic","Arial Hebrew","Courier New",monospace;
  --r-mono:"IBM Plex Mono",Tahoma,"Geeza Pro","Noto Sans Arabic","Arial Hebrew","Courier New",monospace;
  --r-link:#8A3208;
}

/* --- base ---------------------------------------------------------------- */
html,body{background-color:var(--r-desk)!important;background-image:repeating-conic-gradient(#2e2e2e 0 25%,var(--r-desk) 0 50%)!important;background-size:4px 4px!important}
body{font-family:var(--r-mono)!important;font-variant-numeric:tabular-nums}
h1,h2,h3,h4,h5,h6,header[role="banner"] nav a,#mobile-menu a,button,.retro-titlebar,.retro-icons,a:is(.bg-monero,.bg-primary-500,.bg-primary-600,.bg-orange-500,.bg-orange-600){font-family:var(--r-px)!important;letter-spacing:.2px;font-variant-ligatures:none}
.font-mono,code,kbd,samp,pre{font-family:var(--r-mono)!important}
:is(:lang(ar),:lang(fa),:lang(he)) :is(body,h1,h2,h3,h4,h5,h6,nav a,button,.retro-titlebar,.retro-chip){letter-spacing:0!important}
[id]{scroll-margin-top:80px}
*:not(img){border-radius:0!important}
::selection{background:var(--r-orange);color:#fff}
html{scrollbar-color:var(--r-face) var(--r-lite)}
::-webkit-scrollbar{width:16px;height:16px;background:var(--r-lite)}
::-webkit-scrollbar-thumb{background:var(--r-face);box-shadow:var(--r-raised)}

/* --- tira o visual moderno: sombra, desfoque, brilho, gradiente --------- */
.card-glow,[class*="shadow"]{box-shadow:none!important}
[class*="backdrop-blur"]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
[class*="bg-gradient-"]{background-image:none!important}
[class*="bg-clip-text"]{-webkit-text-fill-color:currentColor!important;background:none!important}

/* --- janelas: cartoes bg-dark-* fora do cabecalho/rodape; nunca o body nem invólucro min-h-screen --- */
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *){background:var(--r-face)!important;color:var(--r-ink)!important;border-color:transparent!important;box-shadow:var(--r-raised)!important}
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) :is([class^="bg-dark-"],[class*=" bg-dark-"]){box-shadow:var(--r-etched)!important}
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) :is([class^="bg-dark-"],[class*=" bg-dark-"]) :is([class^="bg-dark-"],[class*=" bg-dark-"]){box-shadow:var(--r-raised)!important}

:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) :is(.text-white,.text-gray-50,.text-gray-100,.text-gray-200,.text-gray-300){color:var(--r-ink)!important}
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) :is(.text-gray-400,.text-gray-500){color:var(--r-char)!important}
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) .text-gray-600{color:#5E5E5E!important}
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) :is(.text-orange-300,.text-orange-400,.text-orange-500,.text-monero,.text-primary-400,.text-primary-500){color:var(--r-orange-d)!important}
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) :is(.text-green-300,.text-green-400,.text-green-500){color:#1E6B2A!important}
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) :is(.text-red-300,.text-red-400,.text-red-500){color:#A3261E!important}
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) :is(.text-yellow-300,.text-yellow-400,.text-yellow-500){color:#7A5A00!important}
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) :is(.text-blue-300,.text-blue-400,.text-blue-500){color:#1D4E89!important}
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) [class*="hover:text-white"]:hover{color:var(--r-ink)!important}
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) [class*="hover:text-monero"]:hover{color:var(--r-orange-d)!important}
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) :is([class*="border-gray-"],.border,.border-t,.border-b){border-color:var(--r-lo)!important}
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) a:is(:not([class]),.text-primary-400,.text-orange-400,.text-monero):not([class*="bg-"]){color:var(--r-link)!important;text-decoration:underline;text-underline-offset:2px}
main [class*="border-gray-8"]{border-color:#3a3a3a}

/* --- campos --------------------------------------------------------------- */
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=submit]):not([type=button]),select,textarea{background:#fff!important;color:var(--r-ink)!important;border:0!important;box-shadow:var(--r-sunken)!important;font-family:var(--r-mono)!important;font-weight:500}
input::placeholder,textarea::placeholder{color:var(--r-lo)!important;font-weight:400}
input:focus,select:focus,textarea:focus{outline:1px dotted var(--r-ink)!important;outline-offset:-5px}
input[type=checkbox],input[type=radio]{accent-color:var(--r-orange)}

/* --- botoes --------------------------------------------------------------- */
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) button:not(.bg-monero):not([class*="bg-primary-"]):not([class*="bg-orange-"]){background:var(--r-face);box-shadow:var(--r-raised)}
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) button:not(.bg-monero):not([class*="bg-primary-"]):not([class*="bg-orange-"]):active{box-shadow:var(--r-pressed)!important}
:is(.bg-monero,.bg-primary-500,.bg-primary-600,.bg-orange-500,.bg-orange-600){background:var(--r-orange)!important;background-image:none!important;color:#fff!important;border:0!important;box-shadow:var(--r-btn-orange)!important}
:is(.bg-monero,.bg-primary-500,.bg-primary-600,.bg-orange-500,.bg-orange-600):hover{background:#FF7A36!important}
:is(.bg-monero,.bg-primary-500,.bg-primary-600,.bg-orange-500,.bg-orange-600):active{box-shadow:inset 1px 1px #1E1E1E,inset -1px -1px #FFB27F,inset 2px 2px #B5480F!important}
:is(.bg-monero,.bg-primary-500,.bg-primary-600,.bg-orange-500,.bg-orange-600) *{color:#fff!important}
:is(.bg-monero,.bg-primary-500,.bg-primary-600,.bg-orange-500,.bg-orange-600):focus-visible{outline:1px dotted #fff!important;outline-offset:-5px}

/* --- cabecalho = barra de tarefas ------------------------------------------ */
header[role="banner"]{background:var(--r-face)!important;box-shadow:var(--r-raised)!important;border:0!important}
header[role="banner"] :is([class^="bg-dark-"],[class*=" bg-dark-"]){background:var(--r-face)!important;box-shadow:var(--r-raised)!important;border-color:transparent!important}
header[role="banner"] :is(a,span,button,svg,.text-white,.text-gray-300,.text-gray-400,.text-gray-500){color:var(--r-ink)!important}
header[role="banner"] nav a{padding:4px 8px;font-size:14px}
header[role="banner"] nav a:hover,header[role="banner"] nav a:focus-visible{background:var(--r-face);box-shadow:var(--r-raised)}
header[role="banner"] .wl-logo{background:var(--r-face);box-shadow:var(--r-raised);padding:4px 12px 4px 8px;font-family:var(--r-px)!important}
header[role="banner"] .wl-logo:active{box-shadow:var(--r-pressed)}
header[role="banner"] .wl-logo img{display:none!important}
header[role="banner"] .wl-logo::before{content:"";width:24px;height:24px;flex:none;image-rendering:pixelated;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Crect x='4' y='0' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='5' y='0' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='6' y='0' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='7' y='0' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='2' y='1' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='3' y='1' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='4' y='1' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='5' y='1' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='6' y='1' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='7' y='1' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='8' y='1' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='9' y='1' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='1' y='2' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='3' y='2' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='4' y='2' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='5' y='2' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='6' y='2' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='7' y='2' width='1' height='1' fill='%23F26822'/%3E%3Crect x='8' y='2' width='1' height='1' fill='%23F26822'/%3E%3Crect x='9' y='2' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='10' y='2' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='1' y='3' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='2' y='3' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='3' y='3' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='4' y='3' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='5' y='3' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='6' y='3' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='7' y='3' width='1' height='1' fill='%23F26822'/%3E%3Crect x='8' y='3' width='1' height='1' fill='%23F26822'/%3E%3Crect x='9' y='3' width='1' height='1' fill='%23F26822'/%3E%3Crect x='10' y='3' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='0' y='4' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='1' y='4' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='2' y='4' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='3' y='4' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='5' y='4' width='1' height='1' fill='%23F26822'/%3E%3Crect x='6' y='4' width='1' height='1' fill='%23F26822'/%3E%3Crect x='7' y='4' width='1' height='1' fill='%23F26822'/%3E%3Crect x='8' y='4' width='1' height='1' fill='%23F26822'/%3E%3Crect x='9' y='4' width='1' height='1' fill='%23F26822'/%3E%3Crect x='10' y='4' width='1' height='1' fill='%23F26822'/%3E%3Crect x='11' y='4' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='0' y='5' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='1' y='5' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='2' y='5' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='3' y='5' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='4' y='5' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='5' y='5' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='6' y='5' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='7' y='5' width='1' height='1' fill='%23F26822'/%3E%3Crect x='8' y='5' width='1' height='1' fill='%23F26822'/%3E%3Crect x='9' y='5' width='1' height='1' fill='%23F26822'/%3E%3Crect x='10' y='5' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='11' y='5' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='0' y='6' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='1' y='6' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='2' y='6' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='3' y='6' width='1' height='1' fill='%23F26822'/%3E%3Crect x='4' y='6' width='1' height='1' fill='%23F26822'/%3E%3Crect x='5' y='6' width='1' height='1' fill='%23F26822'/%3E%3Crect x='6' y='6' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='7' y='6' width='1' height='1' fill='%23F26822'/%3E%3Crect x='8' y='6' width='1' height='1' fill='%23F26822'/%3E%3Crect x='9' y='6' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='10' y='6' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='11' y='6' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='0' y='7' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='1' y='7' width='1' height='1' fill='%23FFB27F'/%3E%3Crect x='2' y='7' width='1' height='1' fill='%23F26822'/%3E%3Crect x='3' y='7' width='1' height='1' fill='%23F26822'/%3E%3Crect x='4' y='7' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='5' y='7' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='6' y='7' width='1' height='1' fill='%23FFFFFF'/%3E%3Crect x='7' y='7' width='1' height='1' fill='%23F26822'/%3E%3Crect x='8' y='7' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='9' y='7' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='10' y='7' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='11' y='7' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='1' y='8' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='2' y='8' width='1' height='1' fill='%23F26822'/%3E%3Crect x='3' y='8' width='1' height='1' fill='%23F26822'/%3E%3Crect x='4' y='8' width='1' height='1' fill='%23F26822'/%3E%3Crect x='5' y='8' width='1' height='1' fill='%23F26822'/%3E%3Crect x='6' y='8' width='1' height='1' fill='%23F26822'/%3E%3Crect x='7' y='8' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='8' y='8' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='9' y='8' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='10' y='8' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='1' y='9' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='2' y='9' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='3' y='9' width='1' height='1' fill='%23F26822'/%3E%3Crect x='4' y='9' width='1' height='1' fill='%23F26822'/%3E%3Crect x='5' y='9' width='1' height='1' fill='%23F26822'/%3E%3Crect x='6' y='9' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='7' y='9' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='8' y='9' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='9' y='9' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='10' y='9' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='2' y='10' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='3' y='10' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='4' y='10' width='1' height='1' fill='%23F26822'/%3E%3Crect x='5' y='10' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='6' y='10' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='7' y='10' width='1' height='1' fill='%23B5480F'/%3E%3Crect x='8' y='10' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='9' y='10' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='4' y='11' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='5' y='11' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='6' y='11' width='1' height='1' fill='%231E1E1E'/%3E%3Crect x='7' y='11' width='1' height='1' fill='%231E1E1E'/%3E%3C/svg%3E") center/contain no-repeat}
header[role="banner"] .wl-logo .text-xl{font-size:16px!important;font-weight:600}
header[role="banner"] .text-orange-400{color:var(--r-orange-d)!important}

/* --- rodape = barra de status ----------------------------------------------- */
footer[role="contentinfo"]{background:var(--r-face)!important;box-shadow:var(--r-raised)!important;border:0!important;color:var(--r-ink)!important}
footer[role="contentinfo"] :is(a,p,span,li,div,.text-white,.text-gray-300,.text-gray-400,.text-gray-500,.text-gray-600){color:#333!important}
footer[role="contentinfo"] a:hover{color:var(--r-orange-d)!important}
footer[role="contentinfo"] :is([class*="border-gray-"]){border-color:var(--r-lo)!important}

/* --- componentes do tema ------------------------------------------------------ */
.retro-titlebar{display:flex;align-items:center;gap:8px;background:var(--r-orange);color:#fff!important;font-weight:600;font-size:15px;line-height:1.2;padding:5px 8px;border-bottom:2px solid var(--r-orange-d);margin:calc(-1.5rem + 3px) calc(-1.5rem + 3px) 1.25rem}
.retro-titlebar *{color:#fff!important}
.retro-titlebar svg{flex:none;image-rendering:pixelated}
@media (min-width:1024px){.retro-window>.retro-titlebar{margin:calc(-2rem + 3px) calc(-2rem + 3px) 1.5rem}}

.retro-icons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px;margin:0 auto 2rem;max-width:640px}
.retro-icons a{display:flex;flex-direction:column;align-items:center;gap:6px;width:88px;padding:4px;color:#fff!important;font-size:13px;line-height:1.2;text-align:center;text-decoration:none}
.retro-icons a span{padding:1px 4px}
.retro-icons a:hover span,.retro-icons a:focus-visible span{background:var(--r-orange);outline:1px dotted #fff}
.retro-icons a:focus-visible{outline:none}
.retro-icons svg{width:48px;height:48px;image-rendering:pixelated}
@media (max-width:480px){.retro-icons a{width:72px;font-size:12px}.retro-icons svg{width:36px;height:36px}}

/* seletor taxa flutuante/fixa: trilho afundado, botao laranja em relevo */
#rate-type-toggle{background:#fff!important;border:0!important;box-shadow:var(--r-sunken)!important}
#rate-type-toggle #toggle-dot{background:var(--r-orange)!important;box-shadow:var(--r-btn-orange)!important;top:4px!important;left:4px!important}

/* titulo da home no celular: a fonte pixelada e mais larga que a original */
@media (max-width:640px){main h1{font-size:1.6rem!important;line-height:1.2!important}}

/* --- blocos de texto da home do white-label ----------------------------------- */
.retro-prompt{font-family:var(--r-px)!important;color:var(--r-orange);font-size:15px;letter-spacing:1px;margin:0 0 14px}
.retro-cursor{animation:r-blink 1s steps(1) infinite}
@keyframes r-blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.retro-cursor{animation:none}}
.wl-grid{display:grid;gap:16px}
@media (min-width:640px){.wl-grid.c2,.wl-grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}.wl-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.wl-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wl-card{padding:18px 16px}
.wl-card h3,.wl-steps h3{font-size:16px;margin:0;line-height:1.25}
.wl-card p,.wl-steps p{margin:10px 0 0;font-size:14px;line-height:1.55}
.wl-row{display:flex;align-items:center;gap:12px}
.wl-row svg{flex:none;image-rendering:pixelated}
.wl-steps{list-style:none;margin:0;padding:0}
.wl-pair{padding:10px 14px;font-size:14px}
.retro-step{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;background:var(--r-orange);color:#fff;font-family:var(--r-px);font-weight:600;box-shadow:var(--r-btn-orange)}

/* --- cabecalho e rodape unicos (partials/header.php, partials/footer.php) ---- */
header[role="banner"] nav a[aria-current="page"],#mobile-menu a[aria-current="page"]{background:var(--r-lite)!important;box-shadow:var(--r-pressed)}
footer[role="contentinfo"] .retro-chip{display:inline-block;background:var(--r-face);box-shadow:var(--r-raised);color:var(--r-ink)!important;padding:4px 10px;font-size:12px;line-height:1.3;text-decoration:none}
footer[role="contentinfo"] .retro-chip:hover{color:var(--r-orange-d)!important}
footer[role="contentinfo"] .retro-chip:active{box-shadow:var(--r-pressed)}
/* hover dos itens com hover:bg-dark-* (o Tailwind pintava de azul-marinho com texto escuro por cima) */
header[role="banner"] [class*="hover:bg-dark-"]:hover,main [class*="hover:bg-dark-"]:hover{background-color:var(--r-face)!important}
header[role="banner"] #mobile-menu-btn:hover{box-shadow:var(--r-raised)}
header[role="banner"] #mobile-menu-btn[aria-expanded="true"]{background:var(--r-lite)!important;box-shadow:var(--r-pressed)}
header[role="banner"] #mobile-menu a:not([aria-current]):hover{box-shadow:var(--r-raised)}
header[role="banner"] [data-wl-lang-menu] a:is(:hover,:focus-visible),header[role="banner"] [data-wl-lang-menu] a:is(:hover,:focus-visible) *{background:var(--r-orange)!important;color:#fff!important;box-shadow:none}
/* menu completo so a partir de 1280px; abaixo disso, o botao de menu (os 8 itens nao cabem em 20 idiomas) */
header[role="banner"] nav[aria-label="Main navigation"] a{white-space:nowrap}
@media (min-width:768px) and (max-width:1279.98px){
  header[role="banner"] nav[aria-label="Main navigation"]{display:none!important}
  header[role="banner"] #mobile-menu-btn{display:inline-flex!important}
  header[role="banner"] #mobile-menu:not(.hidden){display:block!important}
}
@media (min-width:1280px) and (max-width:1439.98px){header[role="banner"] nav[aria-label="Main navigation"]{gap:.75rem!important}}

/* botao laranja dentro de janela: o texto continua branco (a regra de .text-white da janela ganhava) */
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) :is(.bg-monero,.bg-primary-500,.bg-primary-600,.bg-orange-500,.bg-orange-600),
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) :is(.bg-monero,.bg-primary-500,.bg-primary-600,.bg-orange-500,.bg-orange-600) *,
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) .retro-titlebar,
:is([class^="bg-dark-"],[class*=" bg-dark-"]):not(html,body,header,footer,.min-h-screen,header *,footer *) .retro-titlebar *{color:#fff!important}

/* titulo da pagina: todo na mesma cor, como na home (sem trecho laranja) */
main h1 :is(span,strong,em,b){color:inherit!important;-webkit-text-fill-color:currentColor!important}

/* arabe, persa, hebraico: sem espelhar o layout, cada titulo/paragrafo acha a propria direcao */
.retro-prompt{direction:ltr;unicode-bidi:isolate}
html:is([lang=ar],[lang=fa],[lang=he]) main :where(h1,h2,h3,h4,p,li,summary,label,time,a.bg-monero,a.bg-orange-500,a.bg-primary-500,a.retro-btn,button,.wl-stats b,.wl-stats span){unicode-bidi:plaintext}
footer[role="contentinfo"] p{unicode-bidi:plaintext}
/* trilha: sempre na ordem da esquerda para a direita, como o cabecalho; cada item com a propria direcao */
.wl-crumbs ol{direction:ltr}
.wl-crumbs li{unicode-bidi:isolate!important}

/* --- componentes padrao das paginas internas ------------------------------------ */
/* topo: <div class="wl-hero"> [nav.wl-crumbs] p.retro-prompt h1 [p.wl-tagline] [p.wl-lead] </div> */
.wl-hero{text-align:center;max-width:56rem;margin:0 auto 3rem}
.wl-hero h1{color:#fff;font-size:1.875rem;line-height:1.25;font-weight:700;margin:0 0 1rem;text-wrap:balance}
@media (min-width:640px){.wl-hero h1{font-size:2.25rem}}
@media (min-width:1024px){.wl-hero h1{font-size:3rem}}
.wl-hero .wl-tagline{color:#FB923C;font-size:1.125rem;line-height:1.6;margin:0 0 1rem}
.wl-hero .wl-lead{color:#9CA3AF;font-size:1.125rem;line-height:1.6;max-width:42rem;margin:0 auto 1.5rem}
.wl-hero .wl-lead :is(strong,b,span){color:inherit!important}
/* botoes do topo: um tamanho so em todas as paginas (o do "Exchange Now" da home) */
.wl-hero :is(a,button):is(.bg-monero,.bg-orange-500,.bg-primary-500,.retro-btn):not([class*="tab"]){padding:12px 24px!important;font-size:1rem!important;line-height:1.5rem!important;min-height:48px}
/* trilha: <nav class="wl-crumbs" aria-label="Breadcrumb"><ol><li><a href="/">Home</a></li><li aria-current="page">Pagina</li></ol></nav> */
.wl-crumbs{font-family:var(--r-mono);font-size:13px;color:#A3A3A3;margin:0 0 14px;text-align:center}
.wl-crumbs ol{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;margin:0;padding:0}
.wl-crumbs li+li::before{content:"/";margin-inline-end:6px;color:#7A7A7A}
.wl-crumbs a{color:var(--r-orange)!important;font-family:var(--r-mono)!important;text-decoration:underline;text-underline-offset:2px}
.wl-crumbs a:hover{color:#fff!important}
.wl-crumbs [aria-current]{color:#D4D4D4}
/* faixa de numeros: <div class="wl-stats"><div><b>valor</b><span>rotulo</span></div>...</div> */
.wl-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:56rem;margin:0 auto 3rem}
@media (min-width:768px){.wl-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wl-stats>*{background:var(--r-face);box-shadow:var(--r-raised);color:var(--r-ink);padding:14px 10px;text-align:center}
.wl-stats b{display:block;font-family:var(--r-px);font-size:1.5rem;line-height:1.2;color:var(--r-orange-d);font-weight:600}
.wl-stats span{display:block;font-size:12px;line-height:1.35;color:var(--r-char);margin-top:6px}
/* larguras: .wl-wrap (896px, texto e listas), .wl-wrap-wide (1024px, grades e tabelas), .wl-wrap-form (672px, formulario de uma coluna) */
.wl-wrap,.wl-wrap-wide,.wl-wrap-form{width:100%;margin-left:auto;margin-right:auto}
.wl-wrap{max-width:56rem}.wl-wrap-wide{max-width:64rem}.wl-wrap-form{max-width:42rem}
/* botao secundario cinza em relevo (o primario e laranja: bg-orange-500 / bg-monero) */
.retro-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--r-px)!important;font-weight:600;background:var(--r-face)!important;color:var(--r-ink)!important;box-shadow:var(--r-raised)!important;padding:12px 24px;border:0;text-decoration:none!important;font-variant-ligatures:none}
.retro-btn:hover{color:var(--r-orange-d)!important}
.retro-btn:active{box-shadow:var(--r-pressed)!important}
.retro-btn:focus-visible{outline:1px dotted var(--r-ink);outline-offset:-5px}
/* pagina curta: rodape no fim da tela (<body class="wl-page ...">) */
body.wl-page{display:flex;flex-direction:column;min-height:100vh}
body.wl-page>main{flex:1 0 auto;width:100%}
/* perguntas em <details>: mesma fonte dos titulos */
main details>summary{font-family:var(--r-px)!important;font-variant-ligatures:none}
