/* ============================================================
   WEAPON OF RAM — main.css v4
   Section backgrounds, Astra overrides, logo, mobile

/* REMOVED FEATURES — hide from any source including plugins */
#wor-section-nav,.wsn-dot,#wor-dotnav,.wdn-dot,
#wor-chat-btn,#wor-chat-panel,.wor-chatbot,
#fp-nav,.fp-slidesNav,.eael-page-scroll-dots,
[id*="section-nav"],[id*="dot-nav"],[class*="dot-nav"],[class*="scroll-dot"]
{ display:none !important; }

   ============================================================ */

/* ── Logo size ── */
.wor-nav-logo-img{height:60px!important;object-fit:contain}
#wor-mobile-menu .mob-logo img{height:50px!important}
@media(max-width:768px){.wor-nav-logo-img{height:48px!important}}

/* ── Kill Astra on our pages ── */
body.page-template-page-weapon-of-ram .site-header,
body.page-template-page-weapon-of-ram .site-footer,
body.page-template-page-weapon-of-ram .ast-breadcrumbs-wrapper,
body.page-template-page-weapon-of-ram #ast-fixed-header,
body.single-post .site-header,
body.single-post .site-footer,
body.single-post .ast-breadcrumbs-wrapper{display:none!important}

body.page-template-page-weapon-of-ram .site-content,
body.page-template-page-weapon-of-ram #content,
body.page-template-page-weapon-of-ram #primary,
body.page-template-page-weapon-of-ram main,
body.single-post .site-content,
body.single-post #content,
body.single-post #primary,
body.single-post main{
  background:transparent!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  float:none!important;
}
.ast-container,.ast-row{max-width:none!important}

/* ── Section background palette ──
   Each section gets a semi-transparent background so the canvas
   starfield shows through at section edges/thin areas            */
section{background-color:transparent}

#hero{background:transparent!important}
#immerse{background:rgba(5,16,32,.92)!important}
#book-intro{background:rgba(2,8,16,.9)!important}
#story{background:rgba(3,12,26,.9)!important}
#visual{background:rgba(2,8,16,.92)!important}
#world{background:rgba(3,12,26,.88)!important}
#manis{background:rgba(5,16,32,.9)!important}
#weapons,#weapons-hook{background:rgba(2,8,16,.9)!important}
#battle{background:rgba(3,12,26,.9)!important}
#characters{background:rgba(2,8,16,.9)!important}
#gallery{background:rgba(3,12,26,.88)!important}
#watch{background:rgba(5,16,32,.9)!important}
#trilogy{background:rgba(3,12,26,.9)!important}
#buy{background:rgba(2,8,16,.9)!important}
#author{background:rgba(5,16,32,.9)!important}
#faq{background:rgba(7,20,40,.9)!important}
#news{background:rgba(2,8,16,.9)!important}
#blogs{background:rgba(3,12,26,.9)!important}
#instagram{background:rgba(2,8,16,.9)!important}
#divine{background:rgba(3,12,26,.9)!important}
footer{background:rgba(1,4,8,.97)!important}

/* ── Section separator beams ── */
.wor-section+.wor-section::before,
section+section::before{
  content:'';
  display:block;
  height:1px;
  background:linear-gradient(to right,transparent,rgba(0,212,255,.18),transparent);
  margin:0;
}

/* ── Slideshow (gallery) — reset any conflicting rules ── */
#gallery .gsl-main{overflow:hidden!important}
#gallery .gsl-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  transform:translateX(0);
}
#gallery .gsl-slide{
  flex:0 0 100%!important;
  min-width:100%!important;
  /* no extra transform from main.css */
  transform:none!important;
  transition:none!important;
}
/* Kill any wor-section-enter on the gallery slides */
#gallery .gsl-slide.wor-section-enter{
  opacity:1!important;
  transform:none!important;
}
/* Dot styling — small pills */
.wor-slide-dot,.gsl-dot{
  width:8px!important;height:8px!important;
  border-radius:50%!important;
  background:rgba(0,212,255,.2)!important;
  border:1px solid rgba(0,212,255,.3)!important;
  padding:0!important;cursor:pointer;
  transition:.3s!important;flex-shrink:0;
}
.wor-slide-dot.active,.gsl-dot.on{
  background:var(--elec)!important;
  width:22px!important;border-radius:4px!important;
  box-shadow:0 0 8px rgba(0,212,255,.5)!important;
}

/* ── Mobile sidebar nav colours ── */
#wor-mobile-menu{
  background:linear-gradient(180deg,#020d1f 0%,#010810 100%)!important;
  border-left-color:rgba(0,212,255,.18)!important;
}