/* ═══════════════════════════════════════════════════
   MapleSol Override — minimal fixes only
   Background images now exist, CSS files handle them
   ═══════════════════════════════════════════════════ */

:root { --gold:#ffd230; --txt2:#a0abba; --muted:#5a6a7a; }

/* ── OBT button backgrounds (generated gradient images) ── */
.main-obt-btn.btn1 {
  background: url(../images/obt/bg-btn-obt01.webp) center/contain no-repeat !important;
}
.main-obt-btn.btn2 {
  background: url(../images/obt/bg-btn-obt02.webp) center/contain no-repeat !important;
}
.main-obt-btn.btn3 {
  background: url(../images/obt/bg-btn-obt03.webp) center/contain no-repeat !important;
}
.main-obt-btn { filter: drop-shadow(0 0 15px rgba(255,255,255,0.5)); }
.main-obt-btn:hover { transform: scale(1.05) translateZ(0); }

/* ── col-title obt fallback (no bg-col-title-obt.webp) ── */
.col-title.obt {
  background: linear-gradient(90deg,
    transparent 0%, rgba(61,158,249,0.5) 15%,
    rgba(140,122,244,0.7) 50%,
    rgba(61,158,249,0.5) 85%, transparent 100%) !important;
}

/* ── div-text-pre-regis: show Open Beta text ── */
.div-text-pre-regis {
  background: none !important;
  height: auto !important;
  margin-bottom: 0 !important;
}
.div-text-pre-regis h2.text-preregis-title {
  font-size: 3.2rem !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #FF6B35, #FF1493) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  display: block !important;
  visibility: visible !important;
  position: static !important;
  width: auto !important; height: auto !important;
  clip: auto !important; overflow: visible !important;
  white-space: nowrap !important; margin: 0 !important;
}

/* ── div-text-btn: show text labels ── */
.div-text-btn { background: none !important; height: auto !important; }
.div-text-btn .text-preregis-title {
  position: static !important; width: auto !important; height: auto !important;
  clip: auto !important; overflow: visible !important; white-space: nowrap !important;
  margin: 0 !important; font-size: 22px !important; font-weight: 700 !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important;
}
.col-des.obt span::before, .col-des.obt span::after { display: none; }
.col-logo { display: flex !important; }

/* ── Online badge ── */
.online-badge-nav {
  display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:600;
  color:#27ae60; background:rgba(39,174,96,.1); border:1px solid rgba(39,174,96,.3);
  border-radius:20px; padding:3px 10px; margin-left:8px;
}
.online-dot-nav {
  width:6px; height:6px; background:#27ae60; border-radius:50%;
  animation:nbpulse 1.5s infinite; display:inline-block;
}
@keyframes nbpulse{0%,100%{opacity:1}50%{opacity:.3}}

/* ── Sub-pages bg (dark) ── */
body.subpage { background:#050c1c; }
body.subpage::before {
  content:''; position:fixed; inset:0;
  background:url('../images/wp2255796.jpg') center/cover no-repeat; z-index:-2;
}
body.subpage::after { content:''; position:fixed; inset:0; background:rgba(0,5,20,.72); z-index:-1; }

/* ── Auth bg ── */
body.auth-bg { background:#050c1c; }
body.auth-bg::before {
  content:''; position:fixed; inset:0;
  background:url('../images/wp2255796.jpg') center/cover no-repeat; z-index:-2;
}
body.auth-bg::after { content:''; position:fixed; inset:0; background:rgba(0,5,20,.70); z-index:-1; }