/* ============================================================
   SAKURAI - Metin2 MMORPG Theme
   Ancient eastern mystique, ember gold, dragon fire
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Nunito+Sans:wght@300;400;500;600;700&display=swap');

:root {
    --bg-body: #0c0a09;
    --bg-card: #151110;
    --bg-card-hover: #1a1513;
    --bg-input: #0f0c0b;
    --border-card: rgba(180, 140, 80, 0.12);
    --border-glow: rgba(212, 165, 68, 0.25);
    --accent: #d4a544;
    --accent-dim: rgba(212, 165, 68, 0.15);
    --accent-glow: rgba(212, 165, 68, 0.3);
    --ember: #c0392b;
    --ember-glow: rgba(192, 57, 43, 0.3);
    --text-primary: #d5cdc4;
    --text-secondary: #6e6259;
    --text-heading: #d4a544;
    --text-white: #f5efe8;
    --radius-lg: 10px;
    --radius-md: 7px;
    --radius-sm: 5px;
    --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --font-heading: 'Cinzel', 'Trajan Pro', serif;
    --font-body: 'Nunito Sans', 'Open Sans', sans-serif;
}

html { scroll-behavior: smooth; }
body {
    font-family: var(--font-body) !important;
    background-color: var(--bg-body) !important;
    color: var(--text-primary) !important;
    overflow-x: hidden;
    font-size: 13px;
}
* { box-sizing: border-box; }
a { color: var(--accent); transition: all 0.25s ease; text-decoration: none; }
a:hover { color: #e8bb55; text-shadow: 0 0 8px var(--accent-glow); }

/* ── Ember Particles ── */
.jrdeju-body::before {
    content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 0;
    background-image:
        radial-gradient(1.5px 1.5px at 15% 25%, rgba(212,165,68,0.2) 0%, transparent 100%),
        radial-gradient(1px 1px at 35% 65%, rgba(192,57,43,0.15) 0%, transparent 100%),
        radial-gradient(1.5px 1.5px at 55% 15%, rgba(212,165,68,0.15) 0%, transparent 100%),
        radial-gradient(1px 1px at 75% 45%, rgba(192,57,43,0.12) 0%, transparent 100%),
        radial-gradient(1px 1px at 85% 85%, rgba(212,165,68,0.1) 0%, transparent 100%),
        radial-gradient(1.5px 1.5px at 45% 75%, rgba(192,57,43,0.1) 0%, transparent 100%);
    background-size: 350px 350px;
    animation: emberDrift 30s linear infinite;
    opacity: 0.5;
}
@keyframes emberDrift {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-25px); }
    100% { transform: translateY(0); }
}

/* ============================================================
   HEADER
   ============================================================ */
.jrdeju-header {
    background-size: cover !important;
    background-position: center !important;
    min-width: 100% !important;
    height: 650px;
    position: relative;
}
.jrdeju-header::after {
    content: ''; position: absolute; bottom: 0; left: 0; right: 0;
    height: 300px;
    background: linear-gradient(to top, var(--bg-body) 0%, transparent 100%);
    pointer-events: none; z-index: 2;
}

/* Nav */
.jrdeju-header .jrdeju-nav { height: 58px !important; min-height: 58px !important; }
.jrdeju-header .jrdeju-nav::before {
    background: linear-gradient(180deg, rgba(12,10,9,0.92) 0%, rgba(12,10,9,0.6) 100%) !important;
    width: 100% !important; min-width: 100% !important; height: 58px !important;
    transform: none !important;
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(212,165,68,0.08);
}
.jrdeju-header .jrdeju-nav ul {
    width: auto !important; min-width: auto !important; max-width: none !important;
    margin-top: 0 !important; align-items: center; height: 58px;
}
.jrdeju-header .jrdeju-nav ul li {
    font-family: var(--font-heading) !important;
    font-size: 11px !important; font-weight: 600 !important;
    text-transform: uppercase; letter-spacing: 2px;
    color: var(--text-secondary) !important;
    transition: all 0.3s ease !important;
    position: relative;
}
.jrdeju-header .jrdeju-nav ul li:hover,
.jrdeju-header .jrdeju-nav ul li.active {
    color: var(--accent) !important;
    text-shadow: 0 0 12px var(--accent-glow);
}
.jrdeju-header .jrdeju-nav ul.l-menu li { margin-left: 30px !important; }
.jrdeju-header .jrdeju-nav ul.r-menu li { margin-right: 30px !important; }

/* Nav gold underline */
.jrdeju-header .jrdeju-nav ul li::after {
    content: ''; position: absolute; bottom: -3px; left: 50%;
    width: 0; height: 1px;
    background: var(--accent);
    box-shadow: 0 0 6px var(--accent-glow);
    transition: width 0.3s var(--ease);
    transform: translateX(-50%); pointer-events: none;
}
.jrdeju-header .jrdeju-nav ul li:hover::after,
.jrdeju-header .jrdeju-nav ul li.active::after { width: 100%; }

.jrdeju-header .jrdeju-nav > .logo-head {
    width: 120px !important; min-width: 120px !important; max-width: 120px !important;
    margin: 5px 20px auto !important;
}
.jrdeju-header .fake-logo{
    position: absolute;
    left: 50%;
    top: 78px;
    transform: translateX(-50%);
    width: 260px;
    height: 140px;
    display: block;
    z-index: 7;
    opacity: 1;
    background: url(../img/main/logo-head.png) center/contain no-repeat;
    filter: drop-shadow(0 18px 35px rgba(0,0,0,0.55)) drop-shadow(0 0 22px rgba(224,181,91,0.18));
    pointer-events: auto;
}


/* Big centered logo for Metin2 (desktop), keep nav logo for mobile */
@media (min-width: 981px){
    .jrdeju-header .jrdeju-nav > .logo-head{ display: none !important; }
}
@media (max-width: 980px){
    .jrdeju-header .fake-logo{ display: none !important; }
    .jrdeju-header .jrdeju-nav > .logo-head{
        display: block !important;
        width: 140px !important;
        margin: 6px 14px auto !important;
    }
    .jrdeju-header .jrdeju-nav > .logo-head img{
        width: 100%;
        height: auto;
        filter: drop-shadow(0 16px 28px rgba(0,0,0,0.55)) drop-shadow(0 0 18px rgba(224,181,91,0.16));
    }
}

.jrdeju-header video { z-index: 1 !important; }

/* Header stats */
.jrdeju-header .header-dod {
    width: 100% !important; max-width: 1260px;
    padding-top: 380px !important; z-index: 3; position: relative;
}
.jrdeju-header .header-dod .download {
    width: 0 !important; min-width: 0 !important; max-width: 0 !important;
    height: 0 !important; margin: 0 !important; overflow: hidden;
}
.jrdeju-header .header-dod .download::before,
.jrdeju-header .header-dod .download::after { display: none !important; }

.jrdeju-header .header-dod .stat-box {
    background: rgba(12,10,9,0.8) !important;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--border-card);
    border-radius: var(--radius-md);
    background-image: none !important;
    width: 180px !important; height: 62px !important;
    padding: 0 15px;
    transition: all 0.4s ease;
}
.jrdeju-header .header-dod .stat-box:hover {
    border-color: var(--accent);
    box-shadow: 0 0 25px var(--accent-glow), inset 0 0 15px rgba(212,165,68,0.05);
}
.jrdeju-header .header-dod .stat-box strong {
    font-family: var(--font-heading) !important;
    font-size: 19px !important; color: var(--accent) !important;
    width: auto !important; margin-left: 0 !important; padding-right: 12px !important;
}
.jrdeju-header .header-dod .stat-box span.info-stat {
    font-size: 10px !important; color: var(--text-secondary) !important;
    max-width: 90px !important; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600;
}

/* ============================================================
   BODY
   ============================================================ */
.jrdeju-body {
    background: var(--bg-body) !important; background-image: none !important;
    min-width: 100% !important; margin-top: -60px; padding-top: 0;
}
.jrdeju-body .jrdeju-container { width: 100% !important; max-width: 1280px; padding: 0 20px; }
.jrdeju-body .jrdeju-container.main {
    background-color: transparent !important; box-shadow: none !important; gap: 22px;
}
.jrdeju-body .jrdeju-container.main::after { display: none !important; }

/* Columns */
.jrdeju-body .jrdeju-container .left-col { width: 310px; min-width: 310px; max-width: 310px; }
.jrdeju-body .jrdeju-container .center-col { width: 100%; min-width: 0; max-width: none; flex: 1; }
.jrdeju-body .jrdeju-container .right-col { width: 310px; min-width: 310px; max-width: 310px; }

/* ============================================================
   CARDS
   ============================================================ */
.box-sm-v1 {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-card) !important;
    border-radius: var(--radius-lg) !important;
    overflow: hidden; margin-bottom: 20px;
    transition: all 0.4s ease;
    position: relative;
}
.box-sm-v1::before {
    content: ''; position: absolute; inset: 0;
    border-radius: var(--radius-lg);
    background: linear-gradient(135deg, rgba(212,165,68,0.03), transparent 60%);
    pointer-events: none; z-index: 0;
}
.box-sm-v1:hover {
    border-color: var(--border-glow) !important;
    box-shadow: 0 4px 30px rgba(0,0,0,0.4), 0 0 40px rgba(212,165,68,0.04);
}

/* Card Headings */
.jrdeju-body .jrdeju-container .box-sm-v1 .heading {
    background: linear-gradient(90deg, rgba(212,165,68,0.06) 0%, transparent 100%) !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(212,165,68,0.1) !important;
    box-shadow: none !important; height: 48px !important;
    padding: 0 20px !important; margin-bottom: 0 !important;
    border-radius: 0 !important; overflow: visible !important;
    position: relative;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .heading::after,
.jrdeju-body .jrdeju-container .box-sm-v1 .heading::before { display: none !important; }
.jrdeju-body .jrdeju-container .box-sm-v1 .heading h2 {
    font-family: var(--font-heading) !important;
    font-size: 12px !important; font-weight: 700 !important;
    color: var(--text-heading) !important;
    text-transform: uppercase; letter-spacing: 2px;
    text-shadow: 0 0 15px rgba(212,165,68,0.2) !important;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .heading > div > span { color: var(--text-secondary) !important; }
.jrdeju-body .jrdeju-container .box-sm-v1 .heading > div > .p-w-l { color: var(--accent) !important; font-weight: 600; }

/* ============================================================
   LOGIN BOX
   ============================================================ */
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box {
    background: var(--bg-card) !important; background-image: none !important;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box form {
    padding: 20px !important; border-bottom: 1px solid rgba(212,165,68,0.08) !important;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box form > label.password,
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box form > label.username {
    background: var(--bg-input) !important; background-image: none !important;
    width: 100% !important; height: 44px !important; min-height: 44px !important;
    border: 1px solid rgba(180,140,80,0.1);
    border-radius: var(--radius-md) !important; margin-bottom: 10px !important;
    transition: all 0.3s ease;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box form > label.password:focus-within,
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box form > label.username:focus-within {
    border-color: var(--accent);
    box-shadow: 0 0 15px var(--accent-glow), 0 0 30px rgba(212,165,68,0.08);
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box form > label.password::before,
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box form > label.username::before {
    width: 44px !important; min-width: 44px !important; height: 44px !important;
    opacity: 0.35; background-size: 18px !important;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box form > label input {
    color: var(--text-primary) !important; font-family: var(--font-body) !important; font-size: 13px !important;
}

/* Login button - ember gradient */
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box form button {
    background: linear-gradient(135deg, #b8860b 0%, var(--accent) 50%, #c0392b 100%) !important;
    background-image: none !important;
    width: 100% !important; height: 44px !important;
    border-radius: var(--radius-md) !important;
    transform: none !important; transition: all 0.4s ease !important;
    margin-top: 5px;
    position: relative; overflow: hidden;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box form button::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
    animation: btnShimmer 3s infinite; pointer-events: none;
}
@keyframes btnShimmer {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box form button b {
    font-family: var(--font-heading) !important;
    font-size: 12px !important; font-weight: 700 !important;
    color: var(--text-white) !important; text-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;
    text-transform: uppercase; letter-spacing: 2px;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box form button:hover {
    box-shadow: 0 4px 25px var(--accent-glow), 0 0 40px rgba(192,57,43,0.15) !important;
    transform: translateY(-1px) !important; filter: brightness(110%) !important;
}

/* Login links */
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box .login-add {
    background-color: rgba(10,8,7,0.5) !important; padding: 15px 20px !important; text-align: center;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box .login-add .lane {
    font-size: 12px !important; color: var(--text-secondary) !important;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box .login-add .lane .c-golden { color: var(--accent) !important; }
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.login-box .login-add .lane .c-white {
    color: var(--ember) !important; font-weight: 700;
}
.g-recaptcha { border: none !important; border-radius: var(--radius-sm) !important; }

/* User menu */
.user-menu {
    background-image: none !important; background: transparent !important;
    border-top: 1px solid rgba(212,165,68,0.06) !important;
    padding: 0 20px !important; height: 38px !important; width: 100% !important; left: 0 !important;
}
.user-menu:nth-child(even) { background: rgba(212,165,68,0.02) !important; }
.user-menu:nth-child(odd) { background: transparent !important; }
.user-menu a { color: var(--text-primary) !important; font-family: var(--font-body) !important; font-size: 12px !important; font-weight: 500 !important; }
.user-menu a.logout { color: var(--ember) !important; }
.user-menu:hover { background: rgba(212,165,68,0.05) !important; transform: none !important; }

/* ============================================================
   RANKING
   ============================================================ */
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank {
    background: var(--bg-card) !important; background-image: none !important; margin-bottom: 0 !important;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank .p-thead {
    background: rgba(212,165,68,0.03) !important; background-image: none !important;
    height: 36px !important; padding: 0 20px !important;
    border-bottom: 1px solid rgba(212,165,68,0.08);
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank .p-thead > * {
    color: var(--text-secondary) !important; font-family: var(--font-heading) !important;
    font-size: 10px !important; font-weight: 600 !important;
    text-transform: uppercase; letter-spacing: 1px; text-shadow: none !important;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank .p-tbody .lane {
    background: transparent !important; background-image: none !important;
    border-top: 1px solid rgba(212,165,68,0.05) !important;
    padding: 0 20px !important; height: 42px !important; width: 100% !important;
    left: 0 !important; transition: all 0.25s ease !important;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank .p-tbody .lane:nth-child(even) {
    background: rgba(212,165,68,0.015) !important; background-image: none !important;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank .p-tbody .lane:nth-child(odd) {
    background: transparent !important; background-image: none !important;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank .p-tbody .lane:hover {
    background: rgba(212,165,68,0.06) !important; transform: none !important;
    box-shadow: inset 3px 0 0 var(--accent);
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank .p-tbody .lane .order {
    color: var(--text-secondary) !important; font-weight: 700; font-family: var(--font-heading) !important;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank .p-tbody .lane .username {
    color: var(--text-primary) !important; font-weight: 600; font-family: var(--font-body) !important; width: auto !important; flex: 1;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank .p-tbody .lane .kingdom.red { color: #e74c3c !important; }
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank .p-tbody .lane .kingdom.blue { color: #5dade2 !important; }
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank .p-tbody .lane .kingdom.yellow { color: var(--accent) !important; }
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank .p-tbody .lane .level {
    color: var(--accent) !important; font-weight: 700; font-family: var(--font-heading) !important;
}

/* Ranking button */
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank-add {
    background: linear-gradient(135deg, #b8860b 0%, var(--accent) 50%, #c0392b 100%) !important;
    background-image: none !important;
    width: 100% !important; height: 42px !important;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg) !important;
    justify-content: center !important; transition: all 0.4s ease !important;
    position: relative; overflow: hidden;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank-add::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.06), transparent);
    animation: btnShimmer 4s infinite; pointer-events: none;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank-add span {
    color: var(--text-white) !important; font-family: var(--font-heading) !important;
    font-size: 11px !important; font-weight: 700 !important;
    text-transform: uppercase; letter-spacing: 2px;
    left: 0 !important; position: relative; z-index: 1;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.rank-add:hover {
    filter: brightness(115%) !important;
    box-shadow: 0 4px 25px var(--accent-glow);
}

/* ============================================================
   STATS
   ============================================================ */
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.stats-box { margin-bottom: 0 !important; padding: 5px 0; }
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.stats-box .lane-stat {
    background: transparent !important; background-image: none !important;
    width: 100% !important; height: 46px !important; padding: 0 20px !important;
    border-bottom: 1px solid rgba(212,165,68,0.06);
    display: flex !important; align-items: center !important; justify-content: space-between !important;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.stats-box .lane-stat:last-child { border-bottom: none; }
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.stats-box .lane-stat .text {
    margin-left: 0 !important; display: flex !important; align-items: center !important;
    justify-content: space-between !important; width: 100%;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.stats-box .lane-stat .text span {
    font-family: var(--font-body) !important; font-size: 12px !important;
    color: var(--text-secondary) !important; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; order: 1;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .inner.stats-box .lane-stat .text strong {
    font-family: var(--font-heading) !important; font-size: 15px !important; font-weight: 700 !important;
    color: var(--accent) !important; text-shadow: 0 0 10px var(--accent-glow) !important; order: 2;
}

/* Stat number pulse */
@keyframes goldPulse {
    0%,100% { text-shadow: 0 0 5px rgba(212,165,68,0.2); }
    50%     { text-shadow: 0 0 15px rgba(212,165,68,0.4), 0 0 30px rgba(212,165,68,0.15); }
}
.odometer { animation: goldPulse 3s ease-in-out infinite; }

/* ============================================================
   NEWS - FIXED LAYOUT
   ============================================================ */
.center-col .banner-main { padding: 0 !important; margin-bottom: 15px; }
.center-col .banner-main .inside {
    max-width: 100% !important; min-width: 0 !important; width: 100% !important;
    border-radius: var(--radius-lg); overflow: hidden;
}
.center-col .banner-main .inside img,
.center-col .banner-main .inside video { width: 100%; height: auto; border-radius: var(--radius-lg); }
.center-col .newsfeed { padding: 0 !important; margin-top: 0 !important; }

/* ── NEWS HEADER FIX ── */
.xy-news-header {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-card);
    border-radius: var(--radius-lg);
    padding: 0 !important;
    margin-bottom: 20px;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    overflow: hidden;
}
.xy-news-header .left {
    padding: 14px 20px;
}
.xy-news-header .left h3 {
    font-family: var(--font-heading) !important;
    font-size: 12px !important; font-weight: 700 !important;
    color: var(--text-heading) !important;
    text-transform: uppercase; letter-spacing: 2px;
    margin: 0 !important;
}
.xy-news-header .right {
    padding: 10px 15px;
}
.xy-news-header .xy-nh-ul {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px;
    list-style: none !important;
    padding: 0 !important; margin: 0 !important;
}
.xy-news-header .xy-nh-ul li {
    display: inline-flex !important;
}
.xy-news-header .xy-nh-ul li a {
    font-family: var(--font-body) !important;
    font-size: 11px !important; font-weight: 600 !important;
    color: var(--text-secondary) !important;
    padding: 6px 14px !important;
    border-radius: var(--radius-sm);
    transition: all 0.25s ease !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}
.xy-news-header .xy-nh-ul li a:hover {
    background: var(--accent-dim) !important;
    color: var(--accent) !important;
}
.xy-news-header .xy-nh-ul li a.active {
    background: linear-gradient(135deg, var(--accent), #b8860b) !important;
    color: var(--text-white) !important;
    box-shadow: 0 2px 10px var(--accent-glow);
}



/* --- News header alignment hard-fix (keep title + categories on one row) --- */
.xy-news-header{ flex-wrap: wrap !important; overflow: visible !important; gap: 10px; }
.xy-news-header .left{ flex: 0 0 auto; }
.xy-news-header .right{ flex: 1 1 auto; display: flex !important; justify-content: flex-end !important; }
.xy-news-header .xy-nh-ul{ flex-wrap: wrap !important; justify-content: flex-end !important; }
.xy-news-header .xy-nh-ul li{ margin: 0 !important; }
/* News articles */
.center-col .newsfeed .first-new,
.center-col .newsfeed .news-single {
    background: var(--bg-card); border: 1px solid var(--border-card);
    border-radius: var(--radius-lg); padding: 20px; margin-bottom: 20px;
    transition: all 0.3s ease;
}
.center-col .newsfeed .first-new:hover,
.center-col .newsfeed .news-single:hover {
    border-color: var(--border-glow);
    box-shadow: 0 2px 20px rgba(212,165,68,0.04);
}
.center-col .newsfeed .first-new h2,
.center-col .newsfeed .first-new h2 a {
    font-family: var(--font-heading) !important; font-size: 15px !important;
    font-weight: 600 !important; color: var(--text-white) !important;
}
.center-col .newsfeed .bd .text p {
    font-family: var(--font-body) !important; font-size: 13px !important;
    color: var(--text-secondary) !important; line-height: 1.7 !important;
}
.center-col .newsfeed .news .date-more .date {
    color: var(--text-secondary); font-family: var(--font-body) !important; font-size: 12px;
}
.center-col .newsfeed .news .date-more .date1 a {
    background: linear-gradient(135deg, #b8860b, var(--accent), #c0392b) !important;
    color: var(--text-white) !important; padding: 7px 20px;
    border-radius: var(--radius-sm);
    font-family: var(--font-heading) !important; font-size: 10px !important; font-weight: 700 !important;
    text-transform: uppercase; letter-spacing: 1.5px;
    display: inline-block; transition: all 0.3s ease; text-decoration: none !important;
    position: relative; overflow: hidden;
}
.center-col .newsfeed .news .date-more .date1 a:hover {
    box-shadow: 0 4px 20px var(--accent-glow); transform: translateY(-1px);
}
.center-col .newsfeed .news-single .titlebar {
    background: transparent !important; background-image: none !important;
    width: 100% !important; margin-left: 0 !important;
    border-bottom: 1px solid rgba(212,165,68,0.08);
    padding: 0 0 12px 0 !important; margin-bottom: 15px !important; height: auto !important;
}
.center-col .newsfeed .news-single .titlebar > span {
    font-family: var(--font-body) !important; color: var(--text-primary) !important; font-weight: 500 !important;
}
.center-col .newsfeed .news-single .titlebar > span > b { color: var(--text-secondary) !important; }

.page-hd { border-bottom: 1px solid rgba(212,165,68,0.1) !important; margin-bottom: 15px !important; padding-bottom: 10px; }
.pre-social {
    font-family: var(--font-heading) !important; font-size: 12px !important; font-weight: 700 !important;
    color: var(--text-heading) !important; text-transform: uppercase; letter-spacing: 2px;
}

/* ============================================================
   FOOTER
   ============================================================ */
.jrdeju-footer {
    padding-top: 40px !important; background: transparent;
    border-top: 1px solid rgba(212,165,68,0.08); margin-top: 40px;
}
.jrdeju-footer::after { display: none !important; }
.jrdeju-footer .jrdeju-container { width: 100% !important; max-width: 1280px; padding: 0 20px !important; }
.jrdeju-footer .foot-menu { margin-bottom: 25px !important; justify-content: center !important; }
.jrdeju-footer .foot-menu ul { justify-content: center !important; }
.jrdeju-footer .foot-menu ul li {
    font-family: var(--font-heading) !important; font-size: 10px !important; font-weight: 600;
    margin-left: 20px !important; margin-right: 20px !important;
    color: var(--text-secondary) !important; text-transform: uppercase; letter-spacing: 1.5px;
}
.jrdeju-footer .foot-menu ul li:hover,
.jrdeju-footer .foot-menu ul li.active { color: var(--accent) !important; }
.jrdeju-footer .foot-foot { justify-content: center !important; text-align: center; padding-bottom: 30px !important; }
.jrdeju-footer .foot-foot .ownertag { font-family: var(--font-body) !important; font-size: 11px !important; color: var(--text-secondary) !important; }
.jrdeju-footer .foot-foot > .go-top { display: none !important; }

/* ============================================================
   INNER PAGES
   ============================================================ */
.padding-container { padding: 20px; }
.form-control {
    background: var(--bg-input) !important; border: 1px solid rgba(180,140,80,0.1) !important;
    border-radius: var(--radius-md) !important; color: var(--text-primary) !important;
    font-family: var(--font-body) !important; font-size: 13px !important;
    padding: 10px 15px !important; height: auto !important;
    transition: all 0.3s ease;
}
.form-control:focus { border-color: var(--accent) !important; box-shadow: 0 0 15px var(--accent-glow) !important; outline: none !important; }
.form-control::placeholder { color: var(--text-secondary) !important; }
.btn { font-family: var(--font-heading) !important; border-radius: var(--radius-md) !important; letter-spacing: 1px; }
.btn-danger,.btn-success,.btn-primary {
    background: linear-gradient(135deg, #b8860b, var(--accent), #c0392b) !important;
    border: none !important; font-weight: 700 !important; text-transform: uppercase; transition: all 0.3s ease !important;
}
.btn-danger:hover,.btn-success:hover,.btn-primary:hover {
    filter: brightness(110%) !important; box-shadow: 0 4px 20px var(--accent-glow) !important;
}
.table { color: var(--text-primary) !important; }
.table td,.table th { border-color: rgba(212,165,68,0.06) !important; }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(212,165,68,0.02) !important; }
.table-hover tbody tr:hover { background-color: rgba(212,165,68,0.04) !important; }
.alert { border-radius: var(--radius-md) !important; font-family: var(--font-body) !important; }
.download-button {
    background: linear-gradient(135deg, #b8860b, var(--accent)) !important;
    background-image: none !important; border: none !important;
    border-radius: var(--radius-md) !important; color: var(--text-white) !important;
    font-family: var(--font-heading) !important; transition: all 0.3s ease !important;
}

.center-col .scroll-form .heading-sf {
    background: var(--bg-card) !important; background-image: none !important;
    width: 100% !important; margin-left: 0 !important;
    border: 1px solid var(--border-card); border-radius: var(--radius-md); padding: 0 20px !important;
}
.center-col .scroll-form .heading-sf > span { font-family: var(--font-body) !important; color: var(--text-primary) !important; }
.center-col .scroll-form .inside form .default input {
    background: var(--bg-input) !important; background-image: none !important; width: 100% !important;
    border: 1px solid rgba(180,140,80,0.1); border-radius: var(--radius-md);
    font-family: var(--font-body) !important; color: var(--text-primary) !important;
}
.center-col .formbox .submit button,.center-col .scroll-form .inside form .submit button {
    background: linear-gradient(135deg, #b8860b, var(--accent)) !important;
    background-image: none !important; border-radius: var(--radius-md) !important; width: auto !important; padding: 0 25px !important;
}
.center-col .formbox .submit button b,.center-col .scroll-form .inside form .submit button b {
    font-family: var(--font-heading) !important; color: var(--text-white) !important;
    text-shadow: none !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1px;
}

/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.left-col .box-sm-v1 { animation: fadeInUp 0.6s var(--ease) both; }
.left-col .box-sm-v1:nth-child(1) { animation-delay: 0.05s; }
.left-col .box-sm-v1:nth-child(2) { animation-delay: 0.12s; }
.right-col .box-sm-v1 { animation: fadeInUp 0.6s var(--ease) both; }
.right-col .box-sm-v1:nth-child(1) { animation-delay: 0.08s; }
.right-col .box-sm-v1:nth-child(2) { animation-delay: 0.15s; }
.center-col .banner-main { animation: fadeInUp 0.5s var(--ease) both; }
.center-col .newsfeed { animation: fadeInUp 0.6s var(--ease) 0.1s both; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg-body); }
::-webkit-scrollbar-thumb { background: rgba(212,165,68,0.15); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(212,165,68,0.25); }

/* ============================================================
   MOBILE NAV
   ============================================================ */
.hamburger-menu {
    display: none; flex-direction: column; justify-content: center; align-items: center;
    width: 44px; height: 44px; cursor: pointer; z-index: 100;
    position: absolute; right: 20px; top: 8px;
}
.hamburger-menu span { display: block; width: 22px; height: 2px; background: var(--accent); border-radius: 2px; transition: all 0.3s var(--ease); }
.hamburger-menu span:nth-child(2) { margin: 5px 0; width: 16px; }
.hamburger-menu.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.hamburger-menu.active span:nth-child(2) { opacity: 0; }
.hamburger-menu.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

.mobile-nav-overlay {
    display: none; position: fixed; inset: 0;
    background: rgba(12,10,9,0.97);
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    z-index: 90; justify-content: center; align-items: center; flex-direction: column;
    opacity: 0; transition: opacity 0.4s ease; pointer-events: none;
}
.mobile-nav-overlay.active { opacity: 1; pointer-events: all; }
.mobile-nav-overlay ul { list-style: none; padding: 0; text-align: center; }
.mobile-nav-overlay ul li { margin: 14px 0; opacity: 0; transform: translateY(15px); transition: all 0.4s var(--ease); }
.mobile-nav-overlay.active ul li { opacity: 1; transform: translateY(0); }
.mobile-nav-overlay.active ul li:nth-child(1) { transition-delay: 0.1s; }
.mobile-nav-overlay.active ul li:nth-child(2) { transition-delay: 0.15s; }
.mobile-nav-overlay.active ul li:nth-child(3) { transition-delay: 0.2s; }
.mobile-nav-overlay.active ul li:nth-child(4) { transition-delay: 0.25s; }
.mobile-nav-overlay.active ul li:nth-child(5) { transition-delay: 0.3s; }
.mobile-nav-overlay.active ul li:nth-child(6) { transition-delay: 0.35s; }
.mobile-nav-overlay ul li a {
    color: var(--text-primary); font-size: 16px; font-family: var(--font-heading);
    text-transform: uppercase; letter-spacing: 3px; text-decoration: none;
    transition: all 0.3s ease; padding: 8px 20px; border-radius: var(--radius-sm); font-weight: 600;
}
.mobile-nav-overlay ul li a:hover { color: var(--accent); background: var(--accent-dim); text-shadow: 0 0 15px var(--accent-glow); }
body.nav-open { overflow: hidden; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1290px) {
    .jrdeju-body .jrdeju-container.main { flex-wrap: wrap; justify-content: center; }
    .jrdeju-body .jrdeju-container .left-col,
    .jrdeju-body .jrdeju-container .right-col { width: 280px; min-width: 280px; max-width: 280px; }
}
@media (max-width: 1024px) {
    .jrdeju-header { height: 450px; }
    .jrdeju-header .jrdeju-nav ul { display: none !important; }
    .hamburger-menu { display: flex !important; }
    .mobile-nav-overlay { display: flex; }
    .jrdeju-header .jrdeju-nav > .logo-head { margin: 10px auto auto !important; }
    .jrdeju-body .jrdeju-container.main { flex-direction: column; align-items: center; }
    .jrdeju-body .jrdeju-container .left-col,
    .jrdeju-body .jrdeju-container .center-col,
    .jrdeju-body .jrdeju-container .right-col { width: 100% !important; min-width: 100% !important; max-width: 650px !important; }
    .jrdeju-body .jrdeju-container .center-col { order: -1; }
    .jrdeju-header .header-dod { padding-top: 260px !important; flex-wrap: wrap; justify-content: center; gap: 10px; }
    .jrdeju-footer .foot-menu ul { flex-wrap: wrap; justify-content: center; gap: 8px; }
}
@media (max-width: 768px) {
    .jrdeju-header { height: 350px; }
    .jrdeju-header .jrdeju-nav { height: 52px !important; min-height: 52px !important; }
    .jrdeju-header .jrdeju-nav::before { height: 52px !important; }
    .jrdeju-header .jrdeju-nav > .logo-head { width: 90px !important; min-width: 90px !important; max-width: 90px !important; }
    .jrdeju-header .header-dod { padding-top: 180px !important; }
    .jrdeju-header .header-dod .stat-box { width: 140px !important; height: 55px !important; }
    .jrdeju-header .header-dod .stat-box strong { font-size: 16px !important; }
    .jrdeju-body { margin-top: -60px; padding-top: 30px; }
    .xy-news-header { flex-direction: column !important; align-items: flex-start !important; }
    .xy-news-header .right { padding-top: 0; padding-bottom: 12px; }
    .jrdeju-footer .foot-menu ul { flex-direction: column; align-items: center; }
    .jrdeju-footer .foot-foot { flex-direction: column; align-items: center; gap: 10px; }
}
@media (max-width: 480px) {
    .jrdeju-header { height: 280px; }
    .jrdeju-header .jrdeju-nav { height: 48px !important; min-height: 48px !important; }
    .jrdeju-header .jrdeju-nav::before { height: 48px !important; }
    .jrdeju-header .jrdeju-nav > .logo-head { width: 70px !important; min-width: 70px !important; max-width: 70px !important; }
    .hamburger-menu { right: 10px; top: 4px; }
    .jrdeju-header .header-dod { padding-top: 130px !important; }
    .jrdeju-header .header-dod .stat-box { width: 120px !important; height: 48px !important; }
    .jrdeju-header .header-dod .stat-box strong { font-size: 14px !important; }
    .jrdeju-header .header-dod .stat-box span.info-stat { font-size: 9px !important; }
    .jrdeju-body { margin-top: -40px; }
    .jrdeju-body .jrdeju-container { padding: 0 10px; }
    .xy-news-header .xy-nh-ul { flex-wrap: wrap; gap: 3px; }
}



/* ============================================================
   PREMIUM FANTASY UPGRADE
   - Richer ambience (gold + ember)
   - Hero CTA block
   - Premium news cards, tabs, footer
   ============================================================ */

:root{
    --accent: #e0b55b;
    --accent-dim: rgba(224,181,91,0.16);
    --accent-glow: rgba(224,181,91,0.38);
    --border-card: rgba(224,181,91,0.13);
    --border-glow: rgba(224,181,91,0.28);
    --ember: #e24b2e;
    --ember-glow: rgba(226,75,46,0.32);
    --discord: #5865F2;
    --shadow-soft: 0 8px 30px rgba(0,0,0,0.45);
    --shadow-glow: 0 0 45px rgba(224,181,91,0.08);
}

body{
    background-color: var(--bg-body) !important;
    background-image:
        radial-gradient(1200px 700px at 15% -10%, rgba(224,181,91,0.10), transparent 55%),
        radial-gradient(900px 550px at 85% 0%, rgba(226,75,46,0.09), transparent 55%),
        radial-gradient(900px 650px at 50% 120%, rgba(224,181,91,0.06), transparent 55%),
        linear-gradient(180deg, #070506 0%, #0c0a09 55%, #070506 100%) !important;
}

/* Header ambience */
.jrdeju-header{
    height: 692px;
    z-index: 1;
}
.jrdeju-header::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        radial-gradient(1000px 520px at 20% 20%, rgba(224,181,91,0.24), transparent 60%),
        radial-gradient(780px 520px at 80% 20%, rgba(226,75,46,0.20), transparent 62%),
        linear-gradient(180deg, rgba(6,5,5,0.52) 0%, rgba(6,5,5,0.28) 50%, rgba(6,5,5,0.78) 100%);
}
.jrdeju-header::after{
    z-index:2;
    height: 240px;
    background: linear-gradient(to top, var(--bg-body) 0%, rgba(7,5,6,0.78) 25%, transparent 100%);
}
.jrdeju-header .jrdeju-nav{
    position: relative;
    z-index: 4;
}
.jrdeju-header .jrdeju-nav::before{
    background: linear-gradient(180deg, rgba(7,5,6,0.88) 0%, rgba(7,5,6,0.55) 100%) !important;
    border-bottom: 1px solid rgba(224,181,91,0.10);
}

/* Hero + stats layout */
.jrdeju-header .header-dod{
    max-width: 1280px;
    padding-top: 95px !important;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 22px;
    z-index: 3;
}
.jrdeju-header .header-dod .download{ display:none !important; }

.jr-hero{
    grid-column: 1;
    max-width: 720px;
    padding: 24px 28px;
    margin-top: 54px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(21,17,16,0.88) 0%, rgba(12,10,9,0.78) 60%, rgba(10,8,8,0.88) 100%);
    border: 1px solid rgba(224,181,91,0.18);
    box-shadow: var(--shadow-soft), var(--shadow-glow);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.jr-hero::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:16px;
    pointer-events:none;
    background:
        radial-gradient(700px 240px at 0% 0%, rgba(224,181,91,0.12), transparent 60%),
        radial-gradient(600px 260px at 100% 0%, rgba(226,75,46,0.10), transparent 60%),
        linear-gradient(90deg, rgba(224,181,91,0.07), transparent 55%, rgba(224,181,91,0.04));
}

.jr-hero__badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding: 6px 12px;
    border-radius:999px;
    font-family: var(--font-heading);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 1px solid rgba(224,181,91,0.22);
    color: var(--accent);
    background: rgba(224,181,91,0.08);
    position: relative;
    z-index: 1;
}
.jr-hero__badge.is-offline{
    color:#ff6b6b;
    border-color: rgba(255,107,107,0.22);
    background: rgba(255,107,107,0.08);
}
.jr-hero__title{
    margin: 10px 0 8px;
    font-family: var(--font-heading);
    font-weight: 800;
    font-size: 44px;
    line-height: 1.06;
    color: #f7f2ea;
    text-shadow: 0 0 30px rgba(224,181,91,0.12), 0 6px 22px rgba(0,0,0,0.45);
    position: relative;
    z-index: 1;
}
.jr-hero__subtitle{
    margin: 0 0 18px;
    max-width: 60ch;
    font-family: var(--font-body);
    font-size: 14px;
    color: rgba(213,205,196,0.82);
    line-height: 1.7;
    position: relative;
    z-index: 1;
}
.jr-hero__cta{
    display:flex;
    flex-wrap:wrap;
    gap: 10px;
    position: relative;
    z-index: 1;
}

/* Buttons */
.jr-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    height:44px;
    padding: 0 18px;
    border-radius: 999px;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    text-decoration:none !important;
    transition: transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease);
    border: 1px solid rgba(224,181,91,0.22);
    background: rgba(12,10,9,0.55);
    color: var(--text-white) !important;
}
.jr-btn i{ font-size: 14px; opacity: 0.95; }
.jr-btn:hover{
    transform: translateY(-1px);
    border-color: rgba(224,181,91,0.36);
    box-shadow: 0 10px 25px rgba(0,0,0,0.35), 0 0 25px rgba(224,181,91,0.12);
}
.jr-btn--primary{
    border-color: rgba(224,181,91,0.34);
    background: linear-gradient(135deg, rgba(224,181,91,0.92) 0%, rgba(184,134,11,0.92) 45%, rgba(226,75,46,0.80) 100%);
    color: #1b120a !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.45), 0 0 30px rgba(224,181,91,0.18);
}
.jr-btn--primary:hover{
    box-shadow: 0 14px 40px rgba(0,0,0,0.55), 0 0 45px rgba(224,181,91,0.22);
}
.jr-btn--ghost{ background: rgba(12,10,9,0.35); }
.jr-btn--discord{
    border-color: rgba(88,101,242,0.35);
    background: rgba(88,101,242,0.14);
}
.jr-btn--discord:hover{
    box-shadow: 0 12px 30px rgba(0,0,0,0.45), 0 0 30px rgba(88,101,242,0.18);
}

/* Stats stack */
.jr-stats{
    grid-column: -4;
    display:flex;
    flex-direction:column;
    gap: 10px;
    align-items:flex-end;
}
.jrdeju-header .header-dod .stat-box{
    width: 210px !important;
    height: 66px !important;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(12,10,9,0.82) 0%, rgba(12,10,9,0.70) 100%) !important;
    border: 1px solid rgba(224,181,91,0.16);
    box-shadow: 0 10px 26px rgba(0,0,0,0.35), 0 0 35px rgba(224,181,91,0.06);
}
.jrdeju-header .header-dod .stat-box:hover{ border-color: rgba(224,181,91,0.34); }
.jrdeju-header .header-dod .stat-box strong{ font-size: 20px !important; }
.jrdeju-header .header-dod .stat-box span.info-stat{
    max-width: 120px !important;
    letter-spacing: 0.7px;
}

/* News tabs polish */
.xy-news-header{
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(21,17,16,0.92) 0%, rgba(12,10,9,0.82) 100%) !important;
    border: 1px solid rgba(224,181,91,0.14);
    box-shadow: 0 10px 26px rgba(0,0,0,0.28);
}
.xy-news-header .left{ position:relative; }
.xy-news-header .left::after{
    content:'';
    position:absolute;
    left: 20px;
    bottom: 10px;
    width: 54px;
    height: 2px;
    background: linear-gradient(90deg, rgba(224,181,91,0.9), rgba(226,75,46,0.75), transparent);
    box-shadow: 0 0 18px rgba(224,181,91,0.18);
}
.xy-news-header .xy-nh-ul li a{
    border: 1px solid rgba(224,181,91,0.10);
    background: rgba(0,0,0,0.10);
}
.xy-news-header .xy-nh-ul li a:hover{ border-color: rgba(224,181,91,0.26); }
.xy-news-header .xy-nh-ul li a.active{ border-color: rgba(224,181,91,0.35); }

/* News cards - more premium */
.center-col .newsfeed .first-new,
.center-col .newsfeed .news-single{
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    padding: 22px 22px 18px;
    background: linear-gradient(180deg, rgba(21,17,16,0.88) 0%, rgba(12,10,9,0.84) 100%) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    border: 1px solid rgba(224,181,91,0.13);
}
.center-col .newsfeed .first-new:hover,
.center-col .newsfeed .news-single:hover{
    box-shadow: 0 14px 45px rgba(0,0,0,0.48), 0 0 55px rgba(224,181,91,0.08);
}
.center-col .newsfeed .first-new h2 a{ color: #f8f1e8 !important; }
.center-col .newsfeed .first-new h2 a::after{
    content:'';
    display:block;
    height:1px;
    width:0;
    background: linear-gradient(90deg, rgba(224,181,91,0.9), rgba(226,75,46,0.65), transparent);
    transition: width .25s var(--ease);
}
.center-col .newsfeed .first-new:hover h2 a::after{ width: 110px; }

.center-col .newsfeed .bd .text img{
    max-width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(224,181,91,0.12);
    box-shadow: 0 14px 40px rgba(0,0,0,0.45);
    margin: 10px 0 12px;
}
.center-col .newsfeed .news .date-more{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 12px;
    padding-top: 14px;
    border-top: 1px solid rgba(224,181,91,0.08);
}
.center-col .newsfeed .news .date-more .date{ font-size: 11px; letter-spacing: 0.3px; }
.center-col .newsfeed .news .date-more .date1 a{
    border: 1px solid rgba(224,181,91,0.22);
    background: linear-gradient(135deg, rgba(224,181,91,0.92) 0%, rgba(184,134,11,0.92) 45%, rgba(226,75,46,0.80) 100%) !important;
    color:#1b120a !important;
}
.center-col .newsfeed .news .date-more .date1 a:hover{ transform: translateY(-1px); }

/* Footer - richer */
.jrdeju-footer{
    background: linear-gradient(180deg, rgba(12,10,9,0.65) 0%, rgba(7,5,6,0.95) 60%, rgba(7,5,6,1) 100%) !important;
    border-top: 1px solid rgba(224,181,91,0.12);
    padding-top: 42px !important;
    position: relative;
}
.jrdeju-footer::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(224,181,91,0.60), rgba(226,75,46,0.42), rgba(224,181,91,0.25), transparent);
    box-shadow: 0 0 25px rgba(224,181,91,0.18);
}
.jrdeju-footer .foot-menu ul{ gap: 10px; flex-wrap: wrap; }
.jrdeju-footer .foot-menu ul li{ margin: 0 10px !important; }
.jrdeju-footer .foot-menu ul li a{
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(224,181,91,0.10);
    background: rgba(0,0,0,0.12);
    display:inline-flex;
}
.jrdeju-footer .foot-menu ul li:hover a{
    border-color: rgba(224,181,91,0.26);
    background: rgba(224,181,91,0.08);
}
.jrdeju-footer .foot-foot{ padding-bottom: 36px !important; gap: 14px; }
.jrdeju-footer .foot-foot .ownertag p{ margin:0; }
.jrdeju-footer .foot-foot .ownertag a{ color: var(--accent) !important; }
.jrdeju-footer .foot-foot .author a img{ filter: drop-shadow(0 0 16px rgba(224,181,91,0.12)); }

/* Responsive */
@media (max-width: 1100px){
    .jrdeju-header .header-dod{
        grid-template-columns: 1fr;
        align-items: flex-start;
        padding-top: 105px !important;
    }
    .jr-stats{
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }
}
@media (max-width: 560px){
    .jrdeju-header{ height: 540px; }
    .jr-hero{ padding: 20px 18px; }
    .jr-hero__title{ font-size: 34px; }
    .jr-btn{ width: 100%; justify-content: center; }
    .jr-stats{ flex-direction: column; align-items: stretch; width: 100%; }
    .jrdeju-header .header-dod .stat-box{ width: 100% !important; }
}

@media (prefers-reduced-motion: reduce){
    .jr-btn,
    .jrdeju-header .header-dod .stat-box,
    .center-col .newsfeed .first-new,
    .center-col .newsfeed .news-single{
        transition: none !important;
    }
}


/* Layering (keep readability, avoid "black sheet" feel) */
.jrdeju-header::before{ z-index: 1; }
.jrdeju-header::after{ z-index: 2; }
.jrdeju-header .jrdeju-nav{ position: relative; z-index: 6; }
.jrdeju-header .header-dod{ position: relative; z-index: 5; }
.jrdeju-body{ position: relative; z-index: 8; }

/* Ornaments: small gradient underline for sidebar headings */
.jrdeju-body .jrdeju-container .box-sm-v1 .heading h2{
    position: relative;
}
.jrdeju-body .jrdeju-container .box-sm-v1 .heading h2::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-8px;
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, rgba(224,181,91,0.9), rgba(226,75,46,0.65), transparent);
    box-shadow: 0 0 18px rgba(224,181,91,0.12);
}




/* ============================================================
   PAGES (Register / Download / Rankings)
   ============================================================ */
.page-hd{
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(224,181,91,0.14);
    box-shadow: 0 18px 50px rgba(0,0,0,0.55);
    margin-bottom: 18px;
    background-position: center !important;
    background-size: cover !important;
}
.page-hd::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(900px 360px at 15% 20%, rgba(224,181,91,0.22), transparent 60%),
        radial-gradient(800px 380px at 85% 20%, rgba(226,75,46,0.16), transparent 62%),
        linear-gradient(180deg, rgba(7,5,6,0.50) 0%, rgba(7,5,6,0.78) 70%, rgba(7,5,6,0.92) 100%);
    pointer-events:none;
}
.page-hd .bd-c{
    position: relative;
    z-index: 1;
    padding: 22px 24px;
}
.page-hd h2{
    font-family: var(--font-heading);
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #f7f2ea;
    text-shadow: 0 10px 25px rgba(0,0,0,0.55);
    margin: 0;
}

.padding-container{
    background: linear-gradient(135deg, rgba(21,17,16,0.92) 0%, rgba(12,10,9,0.85) 100%) !important;
    border: 1px solid rgba(224,181,91,0.14) !important;
    border-radius: 16px !important;
    padding: 22px !important;
    box-shadow: 0 16px 50px rgba(0,0,0,0.55);
}

/* Inputs + buttons */
.form-control{
    background: rgba(12,10,9,0.55) !important;
    border: 1px solid rgba(224,181,91,0.16) !important;
    color: rgba(245,239,232,0.92) !important;
    border-radius: 12px !important;
    height: 46px;
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
}
.form-control::placeholder{ color: rgba(213,205,196,0.55) !important; }
.form-control:focus{
    border-color: rgba(224,181,91,0.34) !important;
    box-shadow: 0 0 0 4px rgba(224,181,91,0.08), 0 0 22px rgba(224,181,91,0.10) !important;
}

.btn{
    border-radius: 999px !important;
    font-family: var(--font-heading) !important;
    font-weight: 800 !important;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    padding: 11px 18px !important;
    border: 1px solid rgba(224,181,91,0.22) !important;
    transition: transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease) !important;
}
.btn:hover{ transform: translateY(-1px); }

.btn-primary{
    background: linear-gradient(135deg, rgba(224,181,91,0.92) 0%, rgba(184,134,11,0.92) 45%, rgba(226,75,46,0.80) 100%) !important;
    border-color: rgba(224,181,91,0.32) !important;
    color: #1b120a !important;
    box-shadow: 0 14px 40px rgba(0,0,0,0.55), 0 0 30px rgba(224,181,91,0.14);
}
.btn-primary:hover{ box-shadow: 0 18px 50px rgba(0,0,0,0.65), 0 0 42px rgba(224,181,91,0.18); }

.btn-danger{
    background: linear-gradient(135deg, rgba(226,75,46,0.92) 0%, rgba(192,57,43,0.92) 50%, rgba(224,181,91,0.70) 100%) !important;
    border-color: rgba(226,75,46,0.35) !important;
    color: #160a07 !important;
    box-shadow: 0 14px 40px rgba(0,0,0,0.55), 0 0 30px rgba(226,75,46,0.12);
}

/* Tables */
.table{
    background: rgba(0,0,0,0.12);
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(224,181,91,0.10);
}
.table thead.thead-inverse th{
    background: linear-gradient(180deg, rgba(7,5,6,0.92) 0%, rgba(7,5,6,0.70) 100%);
    color: rgba(245,239,232,0.92);
    border-bottom: 1px solid rgba(224,181,91,0.14);
    font-family: var(--font-heading);
    letter-spacing: 1.4px;
    text-transform: uppercase;
    font-size: 11px;
}
.table > tbody > tr > td,
.table > tbody > tr > th{
    border-top: 1px solid rgba(224,181,91,0.08) !important;
    color: rgba(213,205,196,0.88);
}
.table-striped > tbody > tr:nth-of-type(odd){ background-color: rgba(224,181,91,0.03); }
.table-hover > tbody > tr:hover{ background-color: rgba(224,181,91,0.06); }

/* Ranking header + switch */
.heading-main{
    padding: 16px 18px;
    border-radius: 16px;
    border: 1px solid rgba(224,181,91,0.12);
    background: linear-gradient(135deg, rgba(21,17,16,0.86) 0%, rgba(12,10,9,0.78) 100%);
    box-shadow: 0 16px 45px rgba(0,0,0,0.55);
    margin-bottom: 16px;
}
.heading-main strong{
    font-family: var(--font-heading);
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #f7f2ea;
}
.heading-main .switch{ gap: 10px; }
.heading-main .switch .option{
    border-radius: 999px;
    border: 1px solid rgba(224,181,91,0.16);
    background: rgba(0,0,0,0.14);
    padding: 9px 14px;
}
.heading-main .switch .option.active,
.heading-main .switch .option:hover{
    border-color: rgba(224,181,91,0.34);
    background: rgba(224,181,91,0.08);
}
.heading-main .switch .option span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-family: var(--font-heading);
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-size: 11px;
    color: rgba(245,239,232,0.92);
}
.heading-main .switch .option img{ width: 16px; height: 16px; opacity: 0.9; }

/* Ranking search panel */
.jumbotron{
    background: linear-gradient(135deg, rgba(21,17,16,0.70) 0%, rgba(12,10,9,0.55) 100%) !important;
    border: 1px solid rgba(224,181,91,0.12);
    border-radius: 16px;
    box-shadow: 0 16px 45px rgba(0,0,0,0.55);
}



/* ==========================================================
   PATCH v3 (Jr Deju) – restore header banner, center nav logo,
   fix ranking layout + pagination (news) to match theme
   ========================================================== */

/* Make the header background image more visible (less dark overlay) */
.jrdeju-header::before{
  background:
    radial-gradient(1000px 520px at 20% 20%, rgba(224,181,91,0.18), transparent 60%),
    radial-gradient(780px 520px at 80% 20%, rgba(226,75,46,0.14), transparent 62%),
    linear-gradient(180deg, rgba(6,5,5,0.28) 0%, rgba(6,5,5,0.12) 50%, rgba(6,5,5,0.58) 100%) !important;
}

/* Restore the original top centered logo (between Download and Ranking) */
.jrdeju-header .fake-logo{ display:none !important; } /* safety (old builds) */

@media (min-width: 1102px){
  .jrdeju-header .jrdeju-nav{
    display:grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items:center;
    gap: 18px;
  }
  .jrdeju-header .jrdeju-nav ul{
    display:flex !important;
    align-items:center;
    gap: 28px;
    height: 58px;
  }
  .jrdeju-header .jrdeju-nav ul.l-menu{ justify-content:flex-end; }
  .jrdeju-header .jrdeju-nav ul.r-menu{ justify-content:flex-start; }
  .jrdeju-header .jrdeju-nav > .logo-head{
    display:block !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    margin: 0 18px !important;
  }
}

/* Keep the logo visible on tablets too (hide only on very small screens) */
@media (max-width: 1101px){
  .jrdeju-header .jrdeju-nav > .logo-head{
    display:block !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    margin: 5px 12px auto !important;
  }
}
@media (max-width: 720px){
  .jrdeju-header .jrdeju-nav > .logo-head{ display:none !important; }
}

/* Header CTA: show the original Download button again (hero card removed) */
.jrdeju-header .header-dod{
  padding-top: 120px !important;
  display:grid;
  grid-template-columns: 1fr auto;
  align-items:end;
  gap: 18px;
  z-index: 3;
}
.jrdeju-header .header-dod .download{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding: 14px 22px;
  border-radius: 999px;
  border: 1px solid rgba(224,181,91,0.28);
  background: linear-gradient(135deg, rgba(224,181,91,0.95) 0%, rgba(226,75,46,0.78) 100%);
  box-shadow: 0 18px 40px rgba(0,0,0,0.45), 0 0 30px rgba(224,181,91,0.18);
  text-decoration:none !important;
}
.jrdeju-header .header-dod .download span{
  color: rgba(12,10,9,0.92) !important;
  font-family: var(--font-heading);
  letter-spacing: 2px;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 11px;
}
.jrdeju-header .header-dod .download:hover{
  filter: brightness(1.05);
  border-color: rgba(224,181,91,0.42);
}

/* Ranking: fix alignment (header + switch + search panel) */
.heading-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap: 14px;
}
.heading-main .switch{
  display:flex;
  align-items:center;
  gap: 10px;
}

.padding-container .jumbotron{
  padding: 16px 18px !important;
}
.padding-container .jumbotron form .row{
  display:flex;
  align-items:center;
  gap: 12px;
}
.padding-container .jumbotron form .col-lg-7{
  flex: 1 1 auto;
  width:auto !important;
  max-width:none !important;
}
.padding-container .jumbotron form .col-lg-5{
  flex: 0 0 auto;
  width:auto !important;
  max-width:none !important;
}
.padding-container .jumbotron .form-control{
  border-radius: 999px !important;
  background: rgba(0,0,0,0.22) !important;
  border: 1px solid rgba(224,181,91,0.16) !important;
  color: rgba(245,239,232,0.92) !important;
  height: 44px;
}
.padding-container .jumbotron .btn{
  margin-left: 0 !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  font-family: var(--font-heading);
  letter-spacing: 1.6px;
  text-transform: uppercase;
  font-weight: 800;
  border: 1px solid rgba(224,181,91,0.22) !important;
  background: rgba(224,181,91,0.10) !important;
  color: rgba(245,239,232,0.92) !important;
}
.padding-container .jumbotron .btn:hover{
  border-color: rgba(224,181,91,0.38) !important;
  background: rgba(224,181,91,0.16) !important;
}

/* News pagination: remove the red box look and match the gold fantasy theme */
.pagination{ margin: 18px 0 !important; }
.pagination a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid rgba(224,181,91,0.16);
  background: rgba(0,0,0,0.22);
  color: rgba(245,239,232,0.88) !important;
  text-decoration:none !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.25);
}
.pagination a:hover{
  border-color: rgba(224,181,91,0.34);
  background: rgba(224,181,91,0.08);
}
.pagination a.current{
  background: linear-gradient(135deg, rgba(224,181,91,0.95) 0%, rgba(226,75,46,0.78) 100%) !important;
  color: rgba(12,10,9,0.94) !important;
  border-color: rgba(224,181,91,0.46);
  box-shadow: 0 18px 40px rgba(0,0,0,0.35), 0 0 30px rgba(224,181,91,0.14);
}

/* Ranking pagination (players/guilds): match premium fantasy theme */
.wp-pagenavi{ margin: 18px 0 !important; display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.wp-pagenavi a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid rgba(224,181,91,0.16);
  background: rgba(0,0,0,0.22);
  color: rgba(245,239,232,0.88) !important;
  text-decoration:none !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.25);
}
.wp-pagenavi a:hover{
  border-color: rgba(224,181,91,0.34);
  background: rgba(224,181,91,0.08);
}
.wp-pagenavi a.current{
  background: linear-gradient(135deg, rgba(224,181,91,0.95) 0%, rgba(226,75,46,0.78) 100%) !important;
  color: rgba(12,10,9,0.94) !important;
  border-color: rgba(224,181,91,0.46);
  box-shadow: 0 18px 40px rgba(0,0,0,0.35), 0 0 30px rgba(224,181,91,0.14);
}