/* =======================================================
   HERO WOW CUSTOM BACKGROUND FIX - LOAD LAST
   ======================================================= */

html,
body {
    min-height: 100% !important;
    background: #03060d url("../HeroWoW_Custom/herowow-bg.svg") center top / cover fixed no-repeat !important;
    color: #f4e7c2 !important;
}

body::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: -9999 !important;
    pointer-events: none !important;
    background:
        linear-gradient(rgba(2,5,12,.25), rgba(2,5,12,.90)),
        url("../HeroWoW_Custom/herowow-bg.svg") center top / cover fixed no-repeat !important;
}

/* common wrappers */
.wrapper, .main, .content, .page, .container, #wrapper, #main, #content, .site {
    background-color: transparent !important;
}

/* panels */
.panel, .box, .card, .news, .widget, .module, .realm-status, .ranking, .server-status, table {
    background: rgba(5, 9, 18, 0.86) !important;
    border: 1px solid rgba(255, 211, 102, 0.28) !important;
    box-shadow: 0 0 35px rgba(0,0,0,.55) !important;
    border-radius: 14px !important;
}

/* header / menu */
.header, .top, .topbar, .navbar, nav, .menu, #header, #menu {
    background: rgba(3, 6, 13, 0.88) !important;
    border-bottom: 1px solid rgba(255, 211, 102, 0.25) !important;
}

h1, h2, h3, .title, .logo {
    color: #ffd66b !important;
    text-shadow: 0 0 22px rgba(255,199,74,.35), 0 4px 12px #000 !important;
}

a {
    color: #ffd66b !important;
}

.btn, .button, button, input[type="submit"], .play, .download, .register {
    background: linear-gradient(135deg, #7b1118, #c58a18, #ffd66b) !important;
    color: #160c03 !important;
    border: 1px solid rgba(255,226,139,.65) !important;
    box-shadow: 0 0 24px rgba(255,181,49,.35) !important;
    border-radius: 10px !important;
    font-weight: bold !important;
}

.btn:hover, .button:hover, button:hover {
    filter: brightness(1.15) !important;
    transform: translateY(-1px) !important;
}

/* Try to override old image backgrounds */
[class*="bg"], [class*="background"], [id*="bg"], [id*="background"] {
    background-image:
        linear-gradient(rgba(2,5,12,.30), rgba(2,5,12,.86)),
        url("../HeroWoW_Custom/herowow-bg.svg") !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
}