/* ============================================================================
   DRAXMU — Re-skin medieval do GUIA (override do CSS inline do guide.html)
   Carregar DEPOIS do <style> inline da página. Mantém TODO o conteúdo/JS;
   só troca a pele (cores/fontes/painéis) de sci-fi-neon p/ pedra/ouro/tocha.
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Cinzel+Decorative:wght@700;900&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@300;400;500;600&display=swap');

:root{
  --bg:#0e0a06; --bg2:#0a0705;
  --panel:#1c1610; --panel2:#241c12;
  --line:rgba(232,196,107,.16); --line2:rgba(232,196,107,.08);
  --text:#d9c79a; --muted:#a08a5e; --dim:#6a5a38;
  --primary:#e8c46b; --secondary:#ff8c2a; --accent:#ff8c2a; --gold:#ffd97a; --green:#4ade80;
  --grad:linear-gradient(90deg,#ffd97a,#e8c46b,#c9a14a);
  --grad-warm:linear-gradient(90deg,#ffd97a,#ff8c2a);
}

/* fundo de muralha de pedra */
body{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  color:var(--text);
  background:
    radial-gradient(ellipse at 10% -5%, rgba(255,140,42,.08), transparent 45%),
    linear-gradient(rgba(6,4,2,.55), rgba(6,4,2,.55)),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='600'><defs><filter id='s'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' seed='7' stitchTiles='stitch' result='n'/><feDiffuseLighting in='n' surfaceScale='2.5' diffuseConstant='1.4' lighting-color='%237a5a32'><feDistantLight azimuth='45' elevation='55'/></feDiffuseLighting></filter></defs><rect width='600' height='600' filter='url(%23s)'/></svg>") repeat,
    #0e0a06 !important;
  background-size:auto,auto,600px 600px,auto !important;
  background-attachment:fixed !important;
}

/* títulos em Cinzel dourado */
h1,h2,h3,h4,.gh-title,.hero h1,.hero h2,.sum-title,.section-title,.drop-title,.card-title{
  font-family:'Cinzel','Cinzel Decorative',serif !important;
  letter-spacing:.5px;
}
.gh-title,.hero h1,.hero h2,.section h2,.sum-title{
  background:linear-gradient(180deg,#fff5d4,var(--gold,#ffd97a) 45%,#c9a14a 80%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;
  color:#ffd97a;
}
.gh-title::before{background:var(--accent) !important;box-shadow:0 0 12px var(--accent) !important}

/* topbar de ferro */
.gh-header,.guide-header,header.gh-header{
  background:linear-gradient(180deg,rgba(20,14,9,.96),rgba(12,8,5,.93)) !important;
  border-bottom:1px solid rgba(232,196,107,.2) !important;
  box-shadow:0 2px 0 rgba(232,196,107,.18),0 10px 26px rgba(0,0,0,.5) !important;
}
.gh-back{border:1px solid rgba(232,196,107,.4) !important;color:var(--gold,#ffd97a) !important;font-family:'Cinzel',serif !important;background:linear-gradient(180deg,rgba(40,30,20,.6),rgba(20,14,10,.7)) !important}
.gh-back:hover{color:#fff0b8 !important;border-color:rgba(232,196,107,.7) !important;background:rgba(232,196,107,.08) !important}
.gh-search{background:linear-gradient(180deg,rgba(10,8,6,.85),rgba(20,15,9,.7)) !important;border:1px solid rgba(232,196,107,.3) !important}
.gh-search:focus-within{border-color:rgba(232,196,107,.7) !important;box-shadow:0 0 0 3px rgba(232,196,107,.12) !important}
.gh-search input,.gh-search input::placeholder{color:#ffd97a}
.gh-search svg{color:var(--muted) !important}

/* menu lateral: container transparente (igual ORIGINAL — não tem borda/box) */
.side-card{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
.side-nav a{color:var(--muted) !important;font-family:'Cinzel',serif !important;font-weight:600 !important;letter-spacing:.5px}
.side-nav a:hover{background:rgba(255,140,42,.08) !important;color:var(--gold,#ffd97a) !important}
.side-nav a.active{color:var(--gold,#ffd97a) !important;background:rgba(255,140,42,.06) !important}
.side-nav a.active::before{background:var(--grad) !important}
.side-nav a:hover .side-dot,.side-nav a.active .side-dot{background:var(--primary) !important;box-shadow:0 0 8px var(--primary)}

/* CARDS de conteúdo = painéis de ferro (NÃO .section, que é container transparente no original) */
.section{background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important}
.drop-card,.sum-card,.info-card,.event-card,.cmd-card,.box-card,.shop-card,.panel-card{
  background:radial-gradient(ellipse at 50% 0%,rgba(255,140,42,.07),transparent 60%),linear-gradient(180deg,#241c12,#160f08) !important;
  border:1px solid rgba(232,196,107,.22) !important;
  box-shadow:inset 0 0 0 1px rgba(232,196,107,.1),0 10px 26px rgba(0,0,0,.5) !important;
}
.drop-card:hover,.sum-card:hover,.event-card:hover{border-color:rgba(232,196,107,.45) !important;transform:translateY(-3px)}

/* hero/intro: container transparente no original */
.hero{background:transparent !important;border:0 !important;box-shadow:none !important}
.hero p,.section p,.intro,.muted{color:var(--text) !important;opacity:.85}

/* botões */
.btn,.btn-primary,.btn-outline{font-family:'Cinzel',serif !important;letter-spacing:1px;text-transform:uppercase}
.btn-primary{background:linear-gradient(180deg,#6c7df5,#3b48d4) !important;color:#fff !important;box-shadow:inset 0 0 0 1px var(--gold,#c9a14a),inset 0 0 0 4px rgba(0,0,0,.4),0 10px 26px rgba(88,101,242,.4) !important}
.btn-outline{border:1px solid rgba(232,196,107,.45) !important;color:var(--gold,#ffd97a) !important;background:linear-gradient(180deg,rgba(40,30,20,.6),rgba(20,14,10,.7)) !important}

/* badges/chips dourados */
.badge,.chip,.tag,.pill{border-color:rgba(232,196,107,.4) !important}

/* destaques de busca */
mark,.dx-hl{background:rgba(255,217,122,.3) !important;color:#fff0b8 !important}

/* back-to-top + scrollbar */
#dx-back-top{background:linear-gradient(180deg,#241c12,#160f08) !important;border:1px solid rgba(232,196,107,.4) !important;color:var(--gold,#ffd97a) !important}
*::-webkit-scrollbar-thumb{background:rgba(232,196,107,.25) !important}

/* qualquer texto que use cores neon vira ouro/tocha */
[style*="00d4ff"],[style*="#00d4ff"]{color:var(--primary) !important}
.text-primary,.c-primary{color:var(--primary) !important}
.text-accent,.c-accent{color:var(--accent) !important}

/* esconde FAB IA "Draxin" + sorteio de coins (streamers continuam visíveis) */
.drax-ai-fab,.drax-ai-panel,#drax-ai-fab,#drax-ai-panel,[id*="ai-fab"],[class*="ai-fab"],
[class*="giveaway-popup"],[id*="giveaway-popup"],#giveaway-pop{display:none !important}