/* Rising Stars — OLD CLIENT theme base (cloned from legends)
 * Visual identity is driven by css/oldclient.css (classic LoL client era).
 * Do not confuse with content/themes/default — that theme is untouched.
 */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Rajdhani:wght@600;700&display=swap");

/* === CORE VARIABLES & TYPOGRAPHY (hub tokens) === */
:root {
    --rs-bg: #050505;
    --rs-panel: #0b0e13;
    --rs-panel-edge: rgba(255, 255, 255, 0.06);
    --rs-gold: #c5a059;
    --rs-gold-bright: #e0c07a;
    --rs-gold-ink: #14110c;
    --rs-text: #ffffff;
    --rs-muted: #8b93a3;
    --rs-nav: #c5c9d2;
    --rs-radius: 10px;

    --bg-dark-start: #0a0c10;
    --bg-dark-mid: #07080c;
    --bg-dark-end: #050505;
    --gold-accent: #c5a059;
    --gold-light: #e0c07a;
    --text-main: #f2f3f5;
    --text-muted: #8b93a3;
    --accent-blue: #c5a059;
    --link-color: #c5a059;
    --header-bg-color-dark: #07090e;
    --card-dark-color: #0b0e13;
    --card-dark-input: rgba(5, 7, 11, 0.88);
    --card-dark-divider: rgba(197, 160, 89, 0.14);
    --plyr-color-main: #c5a059;
}

.action-dropdown-menu .main-icon,
.action-dropdown-menu .main-icon * {
    color: var(--gold-accent) !important;
    fill: var(--gold-accent) !important;
    stroke: var(--gold-accent) !important;
}

body, html {
    background:
      radial-gradient(900px 480px at 12% -8%, rgba(197, 160, 89, 0.07), transparent 55%),
      radial-gradient(700px 420px at 92% 0%, rgba(197, 160, 89, 0.04), transparent 50%),
      linear-gradient(180deg, var(--bg-dark-start) 0%, var(--bg-dark-mid) 45%, var(--bg-dark-end) 100%) !important;
    background-attachment: fixed !important;
    color: var(--text-main) !important;
    font-family: var(--oc-font-display, "Cinzel"), "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing: 0.15px;
}

body.night-mode {
    --link-color: #c5a059;
    --header-bg-color-dark: #07090e;
    --body-bg-color-dark: #050505;
    --card-dark-input: rgba(5, 7, 11, 0.88);
    --card-dark-color: #0b0e13;
    --card-dark-divider: rgba(197, 160, 89, 0.14);
    --plyr-color-main: #c5a059;
}

/* Primary = hub solid gold gradient */
body .btn.btn-primary,
body a.btn.btn-primary,
body .btn.btn-success,
body a.btn.btn-success {
    background: linear-gradient(180deg, #e2c377 0%, #c9a45c 50%, #a07d3a 100%) !important;
    border: 1px solid #d4b36a !important;
    color: #14110c !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.78rem;
    border-radius: 4px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}

body .btn.btn-primary:hover,
body a.btn.btn-primary:hover,
body .btn.btn-success:hover,
body a.btn.btn-success:hover,
body .btn.btn-primary:focus,
body a.btn.btn-primary:focus,
body .btn.btn-success:focus,
body a.btn.btn-success:focus {
    background: #e0c07a !important;
    border-color: #e0c07a !important;
    color: #0b0a08 !important;
}

/* Ghost / light = hub outline gold */
body .btn.btn-light,
body a.btn.btn-light {
    background: transparent !important;
    border: 1px solid rgba(197, 160, 89, 0.55) !important;
    color: #c5a059 !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.78rem;
    border-radius: 4px !important;
    box-shadow: none;
}

body .btn.btn-light:hover,
body a.btn.btn-light:hover,
body .btn.btn-light:focus,
body a.btn.btn-light:focus {
    background: rgba(197, 160, 89, 0.1) !important;
    border-color: rgba(197, 160, 89, 0.75) !important;
    color: #e0c07a !important;
}

body .btn.btn-outline-primary,
body a.btn.btn-outline-primary {
    background: transparent !important;
    border: 1px solid rgba(197, 160, 89, 0.55) !important;
    color: #c5a059 !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.78rem;
    border-radius: 4px !important;
}

body .btn.btn-outline-primary:hover,
body a.btn.btn-outline-primary:hover,
body .btn.btn-outline-primary:focus,
body a.btn.btn-outline-primary:focus {
    background: rgba(197, 160, 89, 0.1) !important;
    border-color: rgba(197, 160, 89, 0.75) !important;
    color: #e0c07a !important;
}

body .btn .main-icon,
body .btn .main-icon *,
body .btn:not(.btn-social) svg,
body .btn:not(.btn-social) svg * {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

body .btn.btn-opgg,
body a.btn.btn-opgg {
    background: rgba(255, 106, 0, 0.92) !important;
    border: 1px solid rgba(255, 106, 0, 0.92) !important;
    color: rgba(20, 17, 12, 0.98) !important;
}

body .btn.btn-opgg:hover,
body a.btn.btn-opgg:hover,
body .btn.btn-opgg:focus,
body a.btn.btn-opgg:focus {
    background: rgba(255, 106, 0, 0.98) !important;
    border-color: rgba(255, 106, 0, 0.98) !important;
    color: rgba(20, 17, 12, 1) !important;
}

body .btn.btn-push,
body a.btn.btn-push {
    background: rgba(34, 197, 94, 0.92) !important;
    border: 1px solid rgba(34, 197, 94, 0.92) !important;
    color: rgba(20, 17, 12, 0.98) !important;
}

body .btn.btn-push:hover,
body a.btn.btn-push:hover,
body .btn.btn-push:focus,
body a.btn.btn-push:focus {
    background: rgba(34, 197, 94, 0.98) !important;
    border-color: rgba(34, 197, 94, 0.98) !important;
    color: rgba(20, 17, 12, 1) !important;
}

body .btn.btn-remove,
body a.btn.btn-remove {
    background: rgba(239, 68, 68, 0.92) !important;
    border: 1px solid rgba(239, 68, 68, 0.92) !important;
    color: rgba(255, 255, 255, 0.98) !important;
}

body .btn.btn-remove:hover,
body a.btn.btn-remove:hover,
body .btn.btn-remove:focus,
body a.btn.btn-remove:focus {
    background: rgba(239, 68, 68, 0.98) !important;
    border-color: rgba(239, 68, 68, 0.98) !important;
    color: rgba(255, 255, 255, 1) !important;
}

body .modal .main-icon,
body .modal .main-icon *,
body .modal .svg-container.main-icon,
body .modal .svg-container.main-icon svg,
body .modal .svg-container.main-icon svg * {
    color: rgba(197, 160, 89, 0.95) !important;
    fill: rgba(197, 160, 89, 0.95) !important;
    stroke: rgba(197, 160, 89, 0.95) !important;
}

body .publisher-tools-tabs .main-icon,
body .publisher-tools-tabs .main-icon *,
body .publisher-tools-tabs .svg-container.main-icon,
body .publisher-tools-tabs .svg-container.main-icon svg,
body .publisher-tools-tabs .svg-container.main-icon svg * {
    color: rgba(197, 160, 89, 0.95) !important;
    fill: rgba(197, 160, 89, 0.95) !important;
    stroke: rgba(197, 160, 89, 0.95) !important;
}

body.night-mode .main-side-nav > li > a,
body.night-mode .main-side-nav ul > li > a {
    color: rgba(255, 255, 255, 0.92) !important;
}

body.night-mode .main-side-nav > li > a .main-icon,
body.night-mode .main-side-nav > li > a .main-icon *,
body.night-mode .main-side-nav ul > li > a .main-icon,
body.night-mode .main-side-nav ul > li > a .main-icon * {
    color: rgba(197, 160, 89, 0.92) !important;
    fill: rgba(197, 160, 89, 0.92) !important;
    stroke: rgba(197, 160, 89, 0.92) !important;
}

body .esports-toast {
    position: fixed;
    top: 90px;
    right: 24px;
    z-index: 1050;
    min-width: 180px;
    margin: 0;
    box-shadow: 0 18px 40px rgba(0,0,0,0.30);
    padding: 8px 12px;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 12px;
}

body .badge.esports-stars-badge {
    background: rgba(197, 160, 89, 0.16) !important;
    border: 1px solid rgba(197, 160, 89, 0.30) !important;
    color: rgba(197, 160, 89, 0.95) !important;
}

body tr.esports-rank-1 {
    background: rgba(197, 160, 89, 0.18) !important;
}

body tr.esports-rank-2 {
    background: rgba(203, 213, 225, 0.14) !important;
}

body tr.esports-rank-3 {
    background: rgba(205, 127, 50, 0.18) !important;
}

body .badge.esports-rank-badge {
    border: 0 !important;
}

body .badge.esports-rank-badge-1 {
    background: rgba(197, 160, 89, 0.92) !important;
    color: rgba(20, 17, 12, 0.98) !important;
}

body .badge.esports-rank-badge-2 {
    background: rgba(203, 213, 225, 0.92) !important;
    color: rgba(20, 17, 12, 0.98) !important;
}

body .badge.esports-rank-badge-3 {
    background: rgba(205, 127, 50, 0.92) !important;
    color: rgba(20, 17, 12, 0.98) !important;
}

/* === HEADER & NAVIGATION === */
header, 
.site-header, 
.main-header {
    background: rgba(5, 7, 11, 0.94) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px);
}

.main-navigation ul li a,
.main-header .navbar-nav > li > a {
    color: var(--gold-accent) !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    padding: 14px 22px !important;
    transition: 0.2s ease-in-out;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.main-navigation ul li a:hover, 
.main-header .navbar-nav > li > a:hover {
    color: #ffffff !important;
    background: rgba(197, 160, 89,0.10) !important;
    border-radius: 6px;
}

.main-navigation ul li.current-menu-item a,
.main-header .navbar-nav > li.active > a {
    color: #ffffff !important;
    background: rgba(197, 160, 89,0.10) !important;
    border-radius: 6px;
}

/* === TOP BAR ICONS (remove gray hover blocks) === */
.navbar-wrapper>ul>li>a:hover,
body.night-mode .navbar-wrapper>ul>li>a:hover,
.navbar-wrapper>ul>li.dropdown.show>a,
body.night-mode .navbar-wrapper>ul>li.dropdown.show>a {
    background-color: transparent !important;
}

.navbar-wrapper>ul>li>a::after {
    content: none !important;
}

.navbar-wrapper>ul>li>a:hover::after,
.navbar-wrapper>ul>li.dropdown.show>a::after {
    transform: none !important;
}

.navbar-wrapper>ul>li>a {
    transition: transform 0.18s ease, color 0.18s ease;
    transform-origin: center;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.navbar-wrapper>ul>li>a:hover,
body.night-mode .navbar-wrapper>ul>li>a:hover {
    transform: scale(1.06);
}

/* === SIDEBAR / MOBILE MENU === */
.main-side-nav > li > a,
.side-nav > li > a {
    position: relative;
    border-radius: 0;
    transition: color 0.18s ease;
}

.main-side-nav a,
.side-nav a {
    border-bottom: 0 !important;
}

.main-side-nav a:hover,
body.night-mode .main-side-nav a:hover,
.side-nav a:hover,
body.night-mode .side-nav a:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
}

/* Active: cyan left bar handles selection (no gold underline) */
.main-side-nav > li.active > a,
body.night-mode .main-side-nav > li.active > a,
.side-nav > li.active > a,
body.night-mode .side-nav > li.active > a,
.main-side-nav ul > li.active > a,
body.night-mode .main-side-nav ul > li.active > a {
    background-color: transparent !important;
    background-image: none !important;
    border-radius: 0;
    color: #ffffff !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
    font-weight: 600;
}

.main-side-nav > li > a::before,
.side-nav > li > a::before,
.main-side-nav > li.active > a::before,
.side-nav > li.active > a::before,
.main-side-nav ul > li.active > a::before,
.side-nav ul > li.active > a::before {
    content: none !important;
}

.settings-page .side-nav > li > a,
.settings-page .side-nav ul > li > a {
    color: rgba(255, 255, 255, 0.90) !important;
}

.settings-page .side-nav > li > a .main-icon,
.settings-page .side-nav > li > a .main-icon *,
.settings-page .side-nav ul > li > a .main-icon,
.settings-page .side-nav ul > li > a .main-icon * {
    color: rgba(197, 160, 89, 0.92) !important;
    fill: rgba(197, 160, 89, 0.92) !important;
    stroke: rgba(197, 160, 89, 0.92) !important;
}

.settings-page .side-nav > li.active > a,
.settings-page .side-nav ul > li.active > a {
    background: rgba(197, 160, 89, 0.10) !important;
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.98) !important;
}

.settings-page .card {
    background: rgba(11, 14, 19, 0.65) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.settings-page .card-header {
    background: rgba(11, 14, 19, 0.75) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

.settings-page .card-header.with-icon .main-icon,
.settings-page .card-header.with-icon .main-icon * {
    color: rgba(197, 160, 89, 0.95) !important;
    fill: rgba(197, 160, 89, 0.95) !important;
    stroke: rgba(197, 160, 89, 0.95) !important;
}

.settings-page .form-control,
.settings-page .form-select,
.settings-page .input-group-text {
    background-color: rgba(11, 14, 19, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

.settings-page .form-control:focus,
.settings-page .form-select:focus {
    border-color: rgba(197, 160, 89, 0.45) !important;
    box-shadow: 0 0 0 0.2rem rgba(197, 160, 89, 0.12) !important;
}

.settings-page .btn-primary {
    background: linear-gradient(180deg, rgba(197, 160, 89, 0.95) 0%, rgba(197, 160, 89, 0.78) 100%) !important;
    border-color: rgba(197, 160, 89, 0.85) !important;
    color: rgba(11, 14, 19, 0.98) !important;
    border-radius: 10px;
    font-weight: 600;
}

.settings-page .btn-primary:hover {
    background: linear-gradient(180deg, rgba(224, 192, 122, 0.98) 0%, rgba(197, 160, 89, 0.86) 100%) !important;
    border-color: rgba(224, 192, 122, 0.95) !important;
    color: rgba(11, 14, 19, 0.98) !important;
}

.feeds-item .btn.btn-light.rounded-pill.js_follow,
.feeds-item .btn.btn-light.rounded-pill.js_friend-add {
    background: transparent !important;
    border: 0 !important;
    color: rgba(197, 160, 89, 0.85) !important;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

.feeds-item .btn.btn-light.rounded-pill.js_follow:hover,
.feeds-item .btn.btn-light.rounded-pill.js_friend-add:hover {
    background: rgba(197, 160, 89, 0.08) !important;
    transform: none;
}

.feeds-item .btn.btn-light.rounded-pill.js_follow .main-icon,
.feeds-item .btn.btn-light.rounded-pill.js_follow .main-icon *,
.feeds-item .btn.btn-light.rounded-pill.js_friend-add .main-icon,
.feeds-item .btn.btn-light.rounded-pill.js_friend-add .main-icon * {
    color: rgba(197, 160, 89, 0.85) !important;
    fill: rgba(197, 160, 89, 0.85) !important;
    stroke: rgba(197, 160, 89, 0.85) !important;
}

.feeds-item .btn.btn-light.rounded-pill.js_follow .main-icon,
.feeds-item .btn.btn-light.rounded-pill.js_friend-add .main-icon {
    width: 16px !important;
    height: 16px !important;
}

.profile-buttons-wrapper .btn.btn-light {
    background: rgba(197, 160, 89, 0.12) !important;
    border: 1px solid rgba(197, 160, 89, 0.30) !important;
    color: rgba(197, 160, 89, 0.95) !important;
}

.profile-buttons-wrapper .btn.btn-light:hover {
    background: rgba(197, 160, 89, 0.18) !important;
    border-color: rgba(197, 160, 89, 0.45) !important;
    color: rgba(255, 255, 255, 0.98) !important;
}

.profile-buttons-wrapper .btn.btn-light i {
    color: rgba(197, 160, 89, 0.95) !important;
}

.profile-header .action-dropdown-menu .main-icon,
.profile-header .action-dropdown-menu .main-icon *,
.profile-header .action-dropdown-menu svg,
.profile-header .action-dropdown-menu svg * {
    color: rgba(197, 160, 89, 0.95) !important;
    fill: rgba(197, 160, 89, 0.95) !important;
    stroke: rgba(197, 160, 89, 0.95) !important;
}

.profile-buttons-wrapper .btn.btn-light .main-icon,
.profile-buttons-wrapper .btn.btn-light .main-icon *,
.profile-buttons-wrapper .btn.btn-light svg,
.profile-buttons-wrapper .btn.btn-light svg * {
    color: rgba(197, 160, 89, 0.95) !important;
    fill: rgba(197, 160, 89, 0.95) !important;
    stroke: rgba(197, 160, 89, 0.95) !important;
}

.profile-page .about-list .svg-container.main-icon,
.profile-page .about-list .svg-container.main-icon *,
.profile-page .about-list .main-icon,
.profile-page .about-list .main-icon *,
.profile-page .about-list svg,
.profile-page .about-list svg * {
    color: rgba(197, 160, 89, 0.95) !important;
    fill: rgba(197, 160, 89, 0.95) !important;
    stroke: rgba(197, 160, 89, 0.95) !important;
}

.user-popover-content .popover-footer .btn.btn-light i {
    color: rgba(197, 160, 89, 0.95) !important;
}

.chat-sidebar-footer .main-icon,
.chat-sidebar-footer .main-icon *,
.chat-sidebar-footer .svg-container.main-icon,
.chat-sidebar-footer .svg-container.main-icon svg,
.chat-sidebar-footer .svg-container.main-icon svg * {
    color: rgba(197, 160, 89, 0.95) !important;
    fill: rgba(197, 160, 89, 0.95) !important;
    stroke: rgba(197, 160, 89, 0.95) !important;
}

.chat-sidebar-footer .action-dropdown-menu .main-icon,
.chat-sidebar-footer .action-dropdown-menu .main-icon *,
.chat-sidebar-footer .action-dropdown-menu svg,
.chat-sidebar-footer .action-dropdown-menu svg * {
    color: rgba(197, 160, 89, 0.95) !important;
    fill: rgba(197, 160, 89, 0.95) !important;
    stroke: rgba(197, 160, 89, 0.95) !important;
}

.directory-page .btn .main-icon,
.directory-page .btn .main-icon *,
.directory-page .btn svg,
.directory-page .btn svg * {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

.directory-page .btn.btn-light,
.directory-page a.btn.btn-light {
    background: rgba(197, 160, 89, 0.12) !important;
    border: 1px solid rgba(197, 160, 89, 0.28) !important;
    color: rgba(197, 160, 89, 0.95) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,0.22);
}

.directory-page .btn.btn-light:hover,
.directory-page a.btn.btn-light:hover,
.directory-page .btn.btn-light:focus,
.directory-page a.btn.btn-light:focus {
    background: rgba(197, 160, 89, 0.18) !important;
    border-color: rgba(197, 160, 89, 0.42) !important;
    color: rgba(255, 255, 255, 0.98) !important;
}

.directory-page .btn.btn-primary,
.directory-page a.btn.btn-primary,
.directory-page .btn.btn-success,
.directory-page a.btn.btn-success {
    background: rgba(197, 160, 89, 0.92) !important;
    border: 1px solid rgba(197, 160, 89, 0.92) !important;
    color: rgba(20, 17, 12, 0.98) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,0.25);
}

.directory-page .btn.btn-primary:hover,
.directory-page a.btn.btn-primary:hover,
.directory-page .btn.btn-success:hover,
.directory-page a.btn.btn-success:hover {
    background: rgba(197, 160, 89, 0.98) !important;
    border-color: rgba(197, 160, 89, 0.98) !important;
    color: rgba(20, 17, 12, 1) !important;
}

.directory-page .btn.btn-outline-primary,
.directory-page a.btn.btn-outline-primary {
    background: rgba(11, 14, 19, 0.88) !important;
    border: 1px solid rgba(197, 160, 89, 0.28) !important;
    color: rgba(197, 160, 89, 0.95) !important;
    border-radius: 14px;
}

.directory-page .btn.btn-outline-primary:hover,
.directory-page a.btn.btn-outline-primary:hover {
    background: rgba(197, 160, 89, 0.12) !important;
    border-color: rgba(197, 160, 89, 0.45) !important;
    color: rgba(255, 255, 255, 0.98) !important;
}

.wallet-page .content-tabs {
    background: rgba(11, 14, 19, 0.92) !important;
    border: 1px solid rgba(197, 160, 89, 0.18) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,0.45) !important;
}

.wallet-page .content-tabs a {
    color: rgba(255, 255, 255, 0.85) !important;
}

.wallet-page .content-tabs li.active a {
    color: rgba(197, 160, 89, 0.98) !important;
}

.wallet-page .content-tabs .main-icon,
.wallet-page .content-tabs .main-icon *,
.wallet-page .content-tabs svg,
.wallet-page .content-tabs svg * {
    color: rgba(197, 160, 89, 0.95) !important;
    fill: rgba(197, 160, 89, 0.95) !important;
    stroke: rgba(197, 160, 89, 0.95) !important;
}

.wallet-page .card {
    background: rgba(11, 14, 19, 0.93) !important;
    border: 1px solid rgba(197, 160, 89, 0.16) !important;
    box-shadow: 0 22px 60px rgba(0,0,0,0.50) !important;
}

.wallet-page .card-header {
    background: rgba(11, 14, 19, 0.82) !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.14) !important;
    color: rgba(197, 160, 89, 0.95) !important;
}

.wallet-page .card-header .main-icon,
.wallet-page .card-header .main-icon *,
.wallet-page .card-header svg,
.wallet-page .card-header svg * {
    color: rgba(197, 160, 89, 0.95) !important;
    fill: rgba(197, 160, 89, 0.95) !important;
    stroke: rgba(197, 160, 89, 0.95) !important;
}

.wallet-page .wallet-panel {
    background: rgba(11, 14, 19, 0.96) !important;
    border: 1px solid rgba(197, 160, 89, 0.16) !important;
    border-radius: 16px;
    padding: 16px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03), 0 18px 44px rgba(0,0,0,0.35);
}

.wallet-page .wallet-panel + .wallet-panel {
    margin-top: 16px;
}

.wallet-page .section-title {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(197, 160, 89, 0.14) !important;
    text-align: left !important;
    padding: 0 0 12px 0 !important;
    color: rgba(197, 160, 89, 0.92) !important;
    font-weight: 700;
    letter-spacing: 0.3px;
    border-radius: 0 !important;
}

.wallet-page .stat-panel.bg-gradient-info {
    background: linear-gradient(135deg, rgba(197, 160, 89, 0.30) 0%, rgba(11, 14, 19, 0.96) 55%, rgba(11, 14, 19, 0.96) 100%) !important;
    border: 1px solid rgba(197, 160, 89, 0.16);
    border-radius: 14px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04), 0 18px 44px rgba(0,0,0,0.35);
}

.wallet-page .stat-panel .bg-icon {
    color: rgba(197, 160, 89, 0.16) !important;
}

.wallet-page .btn.btn-outline-primary {
    background: rgba(11, 14, 19, 0.88) !important;
    border: 1px solid rgba(197, 160, 89, 0.28) !important;
    color: rgba(197, 160, 89, 0.95) !important;
    border-radius: 14px;
}

.wallet-page .btn.btn-outline-primary:hover {
    background: rgba(197, 160, 89, 0.12) !important;
    border-color: rgba(197, 160, 89, 0.45) !important;
    color: rgba(255, 255, 255, 0.98) !important;
}

.wallet-page .btn.btn-outline-primary .main-icon,
.wallet-page .btn.btn-outline-primary .main-icon *,
.wallet-page .btn.btn-outline-primary svg,
.wallet-page .btn.btn-outline-primary svg * {
    color: rgba(197, 160, 89, 0.95) !important;
    fill: rgba(197, 160, 89, 0.95) !important;
    stroke: rgba(197, 160, 89, 0.95) !important;
}

.wallet-page .table {
    color: rgba(255, 255, 255, 0.9) !important;
}

.wallet-page .table > :not(caption) > * > * {
    background-color: rgba(11, 14, 19, 0.92) !important;
    border-color: rgba(197, 160, 89, 0.12) !important;
}

.wallet-page .table thead th {
    color: rgba(197, 160, 89, 0.92) !important;
}

.wallet-page .badge.bg-light.text-primary {
    background: rgba(197, 160, 89, 0.12) !important;
    color: rgba(197, 160, 89, 0.95) !important;
    border: 1px solid rgba(197, 160, 89, 0.22) !important;
}

.wallet-page .badge.bg-info {
    background: rgba(197, 160, 89, 0.14) !important;
    color: rgba(197, 160, 89, 0.98) !important;
    border: 1px solid rgba(197, 160, 89, 0.24) !important;
}

.wallet-page .form-control,
.wallet-page .form-select {
    background-color: rgba(11, 14, 19, 0.92) !important;
    border-color: rgba(197, 160, 89, 0.18) !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

.wallet-page .form-control:focus,
.wallet-page .form-select:focus {
    border-color: rgba(197, 160, 89, 0.45) !important;
    box-shadow: 0 0 0 0.2rem rgba(197, 160, 89, 0.12) !important;
}

.wallet-page .form-text {
    color: rgba(255, 255, 255, 0.65) !important;
}

.wallet-page .form-check-input {
    background-color: rgba(11, 14, 19, 0.92) !important;
    border-color: rgba(197, 160, 89, 0.22) !important;
}

.wallet-page .form-check-input:checked {
    background-color: rgba(197, 160, 89, 0.85) !important;
    border-color: rgba(197, 160, 89, 0.85) !important;
}

.wallet-page .js_wallet-balance,
.dropdown-menu .js_wallet-balance,
.dropdown-menu .js_points-balance {
    background: rgba(197, 160, 89, 0.12) !important;
    color: rgba(197, 160, 89, 0.95) !important;
    border: 1px solid rgba(197, 160, 89, 0.22) !important;
}

.profile-header .profile-name-wrapper .pro-badge .svg-container,
.profile-header .profile-name-wrapper .pro-badge .svg-container *,
.profile-header .profile-name-wrapper .pro-badge svg,
.profile-header .profile-name-wrapper .pro-badge svg * {
    color: rgba(197, 160, 89, 0.95) !important;
    fill: rgba(197, 160, 89, 0.95) !important;
    stroke: rgba(197, 160, 89, 0.95) !important;
}

.user-popover-content .popover-footer .btn.btn-light {
    background: rgba(197, 160, 89, 0.12) !important;
    border: 1px solid rgba(197, 160, 89, 0.30) !important;
    color: rgba(197, 160, 89, 0.95) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,0.22);
}

.user-popover-content .popover-footer .btn.btn-light:hover {
    background: rgba(197, 160, 89, 0.18) !important;
    border-color: rgba(197, 160, 89, 0.45) !important;
    color: rgba(255, 255, 255, 0.98) !important;
}

.user-popover-content .popover-footer .btn.btn-light .main-icon,
.user-popover-content .popover-footer .btn.btn-light .main-icon *,
.user-popover-content .popover-footer .btn.btn-light svg,
.user-popover-content .popover-footer .btn.btn-light svg * {
    color: rgba(197, 160, 89, 0.95) !important;
    fill: rgba(197, 160, 89, 0.95) !important;
    stroke: rgba(197, 160, 89, 0.95) !important;
}

.user-popover-content .popover-footer .btn.btn-icon {
    width: 44px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px !important;
}

.page-header {
    background: radial-gradient(1200px 280px at 50% 0%, rgba(94,114,228,0.25), rgba(11, 14, 19,0.92)) !important;
}

.esports-page .content-tabs,
.esports-page .esports-nav {
    background: linear-gradient(180deg, rgba(16, 22, 34, 0.95) 0%, rgba(8, 11, 18, 0.98) 100%) !important;
    border: 1px solid rgba(120, 160, 200, 0.14) !important;
    border-radius: 4px !important;
    margin-bottom: 1.15rem;
    padding: 0.25rem 0.85rem !important;
    box-shadow: 0 0 0 1px rgba(80, 140, 200, 0.06), 0 14px 36px rgba(0, 0, 0, 0.4);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.esports-page .esports-nav ul {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0.15rem 0.35rem;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    min-width: max-content;
}

.esports-page .esports-nav li {
    float: none !important;
    margin: 0 !important;
}

.esports-page .esports-nav li a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0.95rem 0.85rem !important;
    border-radius: 0 !important;
    color: rgba(197, 201, 210, 0.9) !important;
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    background: transparent !important;
    white-space: nowrap;
    box-shadow: none !important;
    transition: color .15s ease, border-color .15s ease;
}

.esports-page .esports-nav li a:hover {
    color: #fff !important;
    background: transparent !important;
    border-color: transparent !important;
}

.esports-page .esports-nav li.active a {
    color: #c8aa6e !important;
    background: transparent !important;
    border-bottom-color: #c8aa6e !important;
    box-shadow: none !important;
}

.esports-page .esports-nav li.active a:hover {
    color: #e0c080 !important;
    background: transparent !important;
}

.esports-page .position-relative {
    margin-top: 10px;
    margin-bottom: 14px;
}

.esports-page .card {
    background: rgba(11, 14, 19, 0.65) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
}

.esports-page .card-header {
    background: rgba(11, 14, 19, 0.75) !important;
    border-bottom: 1px solid rgba(255,255,255,0.10) !important;
    color: rgba(255,255,255,0.90) !important;
}

.esports-page .card-header.with-icon i {
    color: rgba(197, 160, 89, 0.95);
}

.esports-page .card .card-body {
    background: transparent !important;
}

.mw-0 {
    min-width: 0 !important;
}

.esports-page .card .text-white,
.esports-page .card .text-muted {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.esports-page a {
    color: var(--gold-accent);
}

.esports-page a:hover {
    color: #ffffff;
}

.btn-esports-primary {
    background: linear-gradient(180deg, rgba(197, 160, 89,0.95) 0%, rgba(197, 160, 89,0.78) 100%) !important;
    border-color: rgba(197, 160, 89,0.85) !important;
    color: rgba(11, 14, 19, 0.98) !important;
    border-radius: 10px;
    font-weight: 600;
}

.btn-esports-primary:hover {
    background: linear-gradient(180deg, rgba(255,222,128,0.98) 0%, rgba(197, 160, 89,0.86) 100%) !important;
    border-color: rgba(255,222,128,0.95) !important;
    color: rgba(11, 14, 19, 0.98) !important;
}

.btn-esports-secondary {
    background: rgba(197, 160, 89,0.06) !important;
    border: 1px solid rgba(197, 160, 89,0.28) !important;
    color: rgba(197, 160, 89,0.95) !important;
    border-radius: 10px;
    font-weight: 600;
}

.btn-esports-secondary:hover {
    background: rgba(197, 160, 89,0.14) !important;
    border-color: rgba(197, 160, 89,0.45) !important;
    color: rgba(255,255,255,0.98) !important;
}

.esports-page .alert-info {
    background: rgba(11, 14, 19, 0.95) !important;
    border-color: rgba(197, 160, 89, 0.28) !important;
    color: rgba(197, 201, 210, 0.95) !important;
}

.esports-page .table {
    color: rgba(255,255,255,0.92);
}

.esports-page .form-select,
.esports-page .form-control {
    background-color: rgba(11, 14, 19, 0.75) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    color: rgba(255,255,255,0.92) !important;
}

.esports-page .form-select:focus,
.esports-page .form-control:focus {
    border-color: rgba(197, 160, 89,0.45) !important;
    box-shadow: 0 0 0 0.2rem rgba(197, 160, 89,0.12) !important;
}

.esports-page .table thead th {
    background: rgba(11, 14, 19, 0.75);
    color: rgba(255,255,255,0.92);
    border-color: rgba(255,255,255,0.08);
}

.esports-page .table td {
    border-color: rgba(255,255,255,0.08);
}

.esports-page .table tbody tr {
    background: transparent !important;
}

.esports-page .table tbody td {
    background: transparent !important;
}

.esports-page .table-striped>tbody>tr:nth-of-type(odd)>*,
.esports-page .table-striped>tbody>tr:nth-of-type(even)>* {
    background: transparent !important;
}

.esports-page .table tbody tr:hover {
    background: rgba(197, 160, 89,0.06);
}

.esports-page .table.table-sm td,
.esports-page .table.table-sm th {
    padding: 0.55rem 0.75rem;
}

.esports-page .table a {
    color: var(--gold-accent);
}

.esports-page .table a:hover {
    color: #ffffff;
    text-decoration: none;
}

.team-tag {
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(197, 160, 89,0.12);
    border: 1px solid rgba(197, 160, 89,0.22);
    color: var(--gold-accent);
    line-height: 1;
    white-space: nowrap;
}

.esports-team-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.esports-team-link .tbl-image {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    box-shadow: 0 8px 18px rgba(0,0,0,0.28);
}

.esports-match-hero {
    display: flex;
    align-items: stretch;
    gap: 16px;
    background: rgba(11, 14, 19, 0.55);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 14px;
    padding: 14px 14px;
}

.esports-match-team {
    flex: 1;
    min-width: 220px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.esports-match-team.is-away {
    justify-content: flex-end;
}

.esports-match-center {
    flex: 0 0 320px;
    min-width: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 2px 6px;
    border-left: 1px solid rgba(255,255,255,0.10);
    border-right: 1px solid rgba(255,255,255,0.10);
}

.esports-match-score {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;
    font-weight: 800;
    letter-spacing: 0.5px;
    font-size: 28px;
    line-height: 1;
}

.esports-score-sep {
    color: rgba(255,255,255,0.55);
}

.esports-score-num {
    min-width: 28px;
    text-align: center;
}

.esports-score-win {
    color: rgba(46, 204, 113, 0.95) !important;
}

.esports-score-loss {
    color: rgba(231, 76, 60, 0.95) !important;
}

.esports-score-draw {
    color: rgba(197, 160, 89,0.95) !important;
}

.esports-match-deadlines {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    text-align: center;
}

.esports-team-avatar {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.04);
    box-shadow: 0 10px 22px rgba(0,0,0,0.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.esports-team-avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 6px;
}

.esports-team-avatar-fallback {
    font-weight: 800;
    letter-spacing: 0.6px;
    font-size: 13px;
    color: rgba(197, 160, 89,0.95);
}

@media (max-width: 991px) {
    .esports-match-hero {
        flex-direction: column;
    }
    .esports-match-center {
        flex-basis: auto;
        width: 100%;
        border-left: 0;
        border-right: 0;
        border-top: 1px solid rgba(255,255,255,0.10);
        border-bottom: 1px solid rgba(255,255,255,0.10);
        padding: 10px 6px;
    }
    .esports-match-team,
    .esports-match-team.is-away {
        justify-content: space-between;
    }
}

.esports-team-card {
    background: rgba(11, 14, 19, 0.65) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    text-decoration: none !important;
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.esports-team-card:hover {
    transform: translateY(-2px);
    border-color: rgba(197, 160, 89,0.28) !important;
    box-shadow: 0 18px 36px rgba(0,0,0,0.38);
}

.esports-team-card-cover {
    height: 180px;
    background-color: rgba(255,255,255,0.04);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.esports-team-card-cover:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.45) 100%);
}

.esports-team-hero {
    display: flex;
    gap: 18px;
    align-items: center;
}

.esports-team-hero-logo {
    width: 170px;
    height: 170px;
    border-radius: 18px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 18px 36px rgba(0,0,0,0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.esports-team-hero-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
}

.esports-team-hero-logo-fallback {
    width: 100%;
    height: 100%;
    background: radial-gradient(120px 120px at 30% 20%, rgba(197, 160, 89,0.14), rgba(11, 14, 19,0.2));
}

.esports-team-hero-main {
    flex: 1;
    min-width: 240px;
}

@media (max-width: 767px) {
    .esports-team-hero {
        flex-direction: column;
        align-items: flex-start;
    }
    .esports-team-hero-logo {
        width: 140px;
        height: 140px;
    }
}

.esports-team-card-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(197, 160, 89,0.14);
    border: 1px solid rgba(197, 160, 89,0.25);
    color: var(--gold-accent);
}

.esports-split-card {
    background: rgba(11, 14, 19, 0.55) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
}

.esports-split-card .btn-light {
    background: rgba(255,255,255,0.06) !important;
    border-color: rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
}

.esports-split-card .btn-light:hover {
    background: rgba(197, 160, 89,0.10) !important;
    border-color: rgba(197, 160, 89,0.28) !important;
}

.esports-standings-table tbody tr.esports-rank-promote {
    background: rgba(46, 204, 113, 0.22) !important;
    box-shadow: inset 6px 0 0 rgba(46, 204, 113, 0.75);
}

.esports-standings-table tbody tr.esports-rank-relegate {
    background: rgba(231, 76, 60, 0.22) !important;
    box-shadow: inset 6px 0 0 rgba(231, 76, 60, 0.75);
}

.esports-standings-table tbody tr.esports-rank-promote>* {
    background: rgba(46, 204, 113, 0.22) !important;
}

.esports-standings-table tbody tr.esports-rank-relegate>* {
    background: rgba(231, 76, 60, 0.22) !important;
}

.esports-standings-table tbody tr.esports-rank-promote td,
.esports-standings-table tbody tr.esports-rank-relegate td {
    color: rgba(255,255,255,0.94) !important;
}

.esports-standings-table {
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 14px;
    overflow: hidden;
    background: rgba(11, 14, 19, 0.55);
}

.esports-standings-table thead th {
    background: rgba(255,255,255,0.06);
    border-bottom: 1px solid rgba(255,255,255,0.10) !important;
    color: rgba(255,255,255,0.85);
    font-weight: 700;
    white-space: nowrap;
}

.esports-standings-table td {
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    vertical-align: middle;
    color: rgba(255,255,255,0.80);
    background: transparent !important;
}

.esports-standings-table tbody tr {
    background: transparent !important;
}

.esports-standings-table tbody tr:hover {
    background: rgba(197, 160, 89,0.07);
}

.esports-standings-table tbody tr:hover>* {
    background: rgba(197, 160, 89,0.07);
}

.esports-dark-table {
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 14px;
    overflow: hidden;
    background: rgba(11, 14, 19, 0.55);
}

.esports-dark-table thead th {
    background: rgba(255,255,255,0.06);
    border-bottom: 1px solid rgba(255,255,255,0.10) !important;
    color: rgba(255,255,255,0.85);
    font-weight: 700;
    white-space: nowrap;
}

.esports-dark-table td {
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    vertical-align: middle;
    color: rgba(255,255,255,0.80);
    background: transparent !important;
}

.esports-dark-table tbody tr {
    background: transparent !important;
}

.esports-dark-table tbody tr:hover {
    background: rgba(197, 160, 89,0.07);
}

.esports-dark-table tbody tr:hover>* {
    background: rgba(197, 160, 89,0.07);
}

.esports-ready-player {
    background: rgba(46, 204, 113, 0.12) !important;
}

.esports-bracket {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    padding-bottom: 6px;
}

.esports-bracket-round {
    min-width: 260px;
}

.esports-bracket-round-title {
    color: rgba(255,255,255,0.85);
    font-weight: 700;
    margin-bottom: 10px;
}

.esports-bracket-match {
    display: block;
    padding: 12px;
    border-radius: 12px;
    background: rgba(11, 14, 19, 0.55);
    border: 1px solid rgba(255,255,255,0.10);
    margin-bottom: 10px;
}

.esports-bracket-match:hover {
    border-color: rgba(197, 160, 89,0.28);
    background: rgba(11, 14, 19, 0.70);
    text-decoration: none;
}

.header-social {
    gap: 10px;
    justify-content: flex-start;
    display: flex;
    align-items: center;
}

.header-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    background: transparent;
    border: 0;
    opacity: 0.72;
    transition: opacity 120ms ease, transform 120ms ease, filter 120ms ease;
    line-height: 0;
}

.header-social-link i {
    font-size: 13px;
    line-height: 1;
}

.header-social-link:hover {
    text-decoration: none;
    opacity: 1;
    filter: drop-shadow(0 0 10px rgba(197, 160, 89,0.10));
    transform: translateY(-1px);
}

.rsk-hover-info {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rsk-hover-info .rsk-hover-box {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    width: 360px;
    max-width: min(360px, 85vw);
    background: rgba(5, 7, 11, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 10px 12px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.55);
    z-index: 1050;
    display: none;
}

.rsk-hover-info:hover .rsk-hover-box {
    display: block;
}

.rsk-hover-box .rsk-hover-title {
    color: rgba(255, 255, 255, 0.92);
    font-weight: 400;
    font-size: 12px;
    margin: 0 0 6px;
}

.rsk-hover-box .rsk-hover-text {
    color: rgba(255, 255, 255, 0.78);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
}

.rsk-hover-box .rsk-hover-split {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.btn-esports-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.2;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.86);
}

.btn-esports-chip:hover {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.20);
    color: rgba(255, 255, 255, 0.95);
    text-decoration: none;
}

.btn-esports-chip.is-active {
    background: rgba(197, 160, 89, 0.14);
    border-color: rgba(197, 160, 89, 0.35);
    color: rgba(255, 255, 255, 0.96);
}

.main-header .menu-icon {
    color: rgba(197, 160, 89, 0.95);
}

.main-header .menu-icon:hover {
    color: rgba(197, 160, 89, 1);
}

.profile-tabs-wrapper {
    background: rgba(5, 7, 11, 0.70) !important;
    border: 1px solid rgba(197, 160, 89, 0.18) !important;
    border-radius: 14px;
    padding: 6px 8px;
    overflow: hidden;
}

body.night-mode .profile-tabs-wrapper {
    background: rgba(5, 7, 11, 0.70) !important;
    border-color: rgba(197, 160, 89, 0.18) !important;
}

.profile-tabs-wrapper a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
    color: rgba(197, 160, 89, 0.72) !important;
    border-radius: 12px;
    font-weight: 400 !important;
    border-bottom: 0 !important;
}

.profile-tabs-wrapper a:hover {
    color: rgba(197, 160, 89, 0.95) !important;
    background: rgba(197, 160, 89, 0.08) !important;
    text-decoration: none;
}

.profile-tabs-wrapper a.active {
    color: rgba(197, 160, 89, 0.98) !important;
    background: rgba(197, 160, 89, 0.12) !important;
    border-bottom: 0 !important;
}

.profile-tabs-wrapper .main-icon,
.profile-tabs-wrapper .main-icon * {
    color: var(--gold-accent) !important;
    fill: var(--gold-accent) !important;
    stroke: var(--gold-accent) !important;
}

.profile-tabs-wrapper svg.main-icon {
    fill: currentColor;
    color: currentColor;
}

.profile-tabs-wrapper .svg-container svg,
.profile-tabs-wrapper .svg-container svg * {
    fill: var(--gold-accent) !important;
    stroke: var(--gold-accent) !important;
}

.user-menu + .dropdown-menu {
    background: rgba(5, 7, 11, 0.98);
    border: 1px solid rgba(197, 160, 89, 0.20);
}

.user-menu + .dropdown-menu .dropdown-item {
    color: rgba(255, 255, 255, 0.86) !important;
}

.user-menu + .dropdown-menu .dropdown-item:hover,
.user-menu + .dropdown-menu .dropdown-item:focus {
    background: rgba(197, 160, 89, 0.10);
    color: rgba(255, 255, 255, 0.95);
}

.user-menu + .dropdown-menu .dropdown-divider {
    border-top-color: rgba(255, 255, 255, 0.10);
}

.user-menu + .dropdown-menu svg.main-icon {
    fill: rgba(197, 160, 89, 0.92) !important;
    color: rgba(197, 160, 89, 0.92) !important;
}

.user-menu + .dropdown-menu svg.main-icon *,
.user-menu + .dropdown-menu svg * {
    fill: currentColor !important;
    stroke: currentColor !important;
}

.user-menu + .dropdown-menu i {
    color: rgba(197, 160, 89, 0.92) !important;
}

.user-menu + .dropdown-menu .main-icon,
.user-menu + .dropdown-menu .main-icon * {
    color: rgba(197, 160, 89, 0.92) !important;
    fill: rgba(197, 160, 89, 0.92) !important;
    stroke: rgba(197, 160, 89, 0.92) !important;
}

body.night-mode .comment-form {
    background: rgba(5, 7, 11, 0.60) !important;
    border: 1px solid rgba(197, 160, 89, 0.16) !important;
    border-radius: 14px !important;
}

body.night-mode .comment-form textarea,
body.night-mode .post-form textarea {
    background: rgba(5, 7, 11, 0.60) !important;
    border: 1px solid rgba(197, 160, 89, 0.16) !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

body.night-mode .post-footer {
    background: rgba(5, 7, 11, 0.55) !important;
    border-top-color: rgba(197, 160, 89, 0.12) !important;
}

.esports-team-hero .btn.btn-light,
.esports-team-hero .btn.btn-light:hover,
.esports-team-hero .btn.btn-light:focus {
    background: rgba(197, 160, 89, 0.10) !important;
    border-color: rgba(197, 160, 89, 0.22) !important;
    color: rgba(197, 160, 89, 0.95) !important;
}

.esports-team-hero .btn.btn-light:hover {
    background: rgba(197, 160, 89, 0.14) !important;
}

.esports-team-hero .input-group .btn.btn-light,
.esports-team-hero .input-group .btn.btn-light:hover,
.esports-team-hero .input-group .btn.btn-light:focus {
    background: rgba(197, 160, 89, 0.10) !important;
    border-color: rgba(197, 160, 89, 0.22) !important;
    color: rgba(197, 160, 89, 0.95) !important;
}

body.night-mode .comment-form .x-form-tools li,
body.night-mode .comment-form .x-form-tools li i {
    color: rgba(197, 160, 89, 0.92) !important;
}

.main-side-nav .header-social {
    justify-content: center;
    gap: 8px;
}

.main-side-nav .header-social-link {
    border: 0;
    padding: 2px;
}

.main-side-nav .header-social-link svg {
    width: 14px !important;
    height: 14px !important;
}

.main-side-nav .header-social-link[data-social="kakaotalk"] svg {
    width: 18px !important;
    height: 18px !important;
}

.main-side-nav .header-social-link svg {
    display: block;
}

.main-side-nav .header-social-link svg * {
    vector-effect: non-scaling-stroke;
}

.main-side-nav .header-social-link:hover {
    color: rgba(255,255,255,0.92);
}

.esports-division-card {
    text-decoration: none !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    background: rgba(11, 14, 19, 0.55) !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.esports-division-card:hover {
    transform: translateY(-2px);
    border-color: rgba(197, 160, 89,0.28) !important;
    box-shadow: 0 18px 36px rgba(0,0,0,0.38);
}

.esports-member-card {
    background: rgba(11, 14, 19, 0.55) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    text-decoration: none !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.esports-member-card:hover {
    transform: translateY(-2px);
    border-color: rgba(197, 160, 89,0.28) !important;
    box-shadow: 0 18px 36px rgba(0,0,0,0.38);
}

.esports-member-avatar {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    object-fit: cover;
    box-shadow: 0 10px 22px rgba(0,0,0,0.35);
    flex: 0 0 auto;
}

.esports-page .btn-primary {
    background: rgba(197, 160, 89,0.16) !important;
    border-color: rgba(197, 160, 89,0.28) !important;
    color: #ffffff !important;
}

.esports-page .btn-primary:hover {
    background: rgba(197, 160, 89,0.22) !important;
    border-color: rgba(197, 160, 89,0.35) !important;
    color: #ffffff !important;
}

.navbar-wrapper .svg-container.header-icon::before {
    transition: transform 0.18s ease, color 0.18s ease, text-shadow 0.18s ease;
}

.navbar-wrapper>ul>li>a:hover .svg-container.header-icon::before {
    transform: scale(1.08);
    text-shadow: 0 0 14px rgba(197, 160, 89, 0.35);
}

.esports-social-btn {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.10);
    color: #ffffff !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.esports-social-btn:hover {
    transform: scale(1.06);
    box-shadow: 0 10px 24px rgba(0,0,0,0.35);
    background: rgba(197, 160, 89,0.10);
    border-color: rgba(197, 160, 89,0.35);
}

/* === HEADER ICONS (Top Right) === */
.navbar-wrapper .svg-container.header-icon {
    width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.navbar-wrapper .svg-container.header-icon svg {
    display: none !important;
}

.navbar-wrapper .svg-container.header-icon::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    font-size: 18px;
    color: #c5c9d2;
    transition: color 0.2s ease, transform 0.18s ease;
}

.navbar-wrapper a:hover .svg-container.header-icon::before,
.navbar-wrapper li.dropdown.show .svg-container.header-icon::before {
    color: var(--gold-accent);
}

.navbar-wrapper li.dropdown.js_live-requests .svg-container.header-icon::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f0c0"; /* users */
}

.navbar-wrapper li.dropdown.js_live-messages .svg-container.header-icon::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f27a"; /* comment outline */
}

.navbar-wrapper li.dropdown.js_live-notifications .svg-container.header-icon::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f0f3"; /* bell */
}

.navbar-wrapper li.dropdown.d-none.d-xxl-block .svg-container.header-icon::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f067";
}

.search-wrapper .search-input-icon .svg-container.header-icon {
    width: 18px !important;
    height: 18px !important;
}

.search-wrapper .search-input-icon .svg-container.header-icon svg {
    display: none !important;
}

.search-wrapper .search-input-icon .svg-container.header-icon::before {
    content: "\f002";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
    color: var(--text-muted);
}

.search-wrapper:focus-within .search-input-icon .svg-container.header-icon::before {
    color: var(--gold-accent);
}


/* === SIDEBAR (Left Menu) === */
.main-side-nav .svg-container.main-icon {
    width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.main-side-nav .svg-container.main-icon svg {
    display: none !important;
}

.main-side-nav .svg-container.main-icon::before {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    color: var(--gold-accent);
    transition: all 0.2s ease;
}

.main-side-nav a[href*="/esports"] .svg-container.main-icon::before,
.side-nav a[href*="/esports"] .svg-container.main-icon::before {
    content: "\f11b";
}

.main-side-nav .svg-container.js_lol-menu-icon svg,
.side-nav .svg-container.js_lol-menu-icon svg {
    display: none !important;
}

.main-side-nav .svg-container.js_lol-menu-icon::before,
.side-nav .svg-container.js_lol-menu-icon::before {
    content: "\f11b" !important;
}

.main-side-nav a:hover .svg-container.main-icon::before {
    color: #ffffff;
    transform: scale(1.05);
}

.main-side-nav > li.active > a .svg-container.main-icon::before,
.side-nav > li.active > a .svg-container.main-icon::before,
.main-side-nav ul > li.active > a .svg-container.main-icon::before,
.side-nav ul > li.active > a .svg-container.main-icon::before,
body.night-mode .main-side-nav > li.active > a .svg-container.main-icon::before,
body.night-mode .side-nav > li.active > a .svg-container.main-icon::before {
    color: #ffffff;
}

/* News Feed — class-based so it works with or without trailing slash on system_url */
.main-side-nav a.js_side-newsfeed .svg-container.main-icon::before,
.main-side-nav a[href="#newsfeed"] .svg-container.main-icon::before,
.main-side-nav #newsfeed > ul > li:first-child > a > .svg-container.main-icon::before,
.main-side-nav a[href$="/"] .svg-container.main-icon::before,
.main-side-nav a[href$="risingstars.kr"] .svg-container.main-icon::before {
    content: "\f1ea"; /* newspaper */
}

.main-side-nav a[href="#mine"] .svg-container.main-icon::before {
    content: "\f466";
}

.main-side-nav a[href="#boosted"] .svg-container.main-icon::before {
    content: "\f201";
}

.main-side-nav a[href*="/popular"] .svg-container.main-icon::before {
    content: "\f0e7";
}

.main-side-nav a[href*="/discover"] .svg-container.main-icon::before {
    content: "\f14e";
}

.main-side-nav a[href*="/scheduled"] .svg-container.main-icon::before {
    content: "\f017";
}

.main-side-nav a[href*="/memories"] .svg-container.main-icon::before {
    content: "\f1da";
}

.main-side-nav a[href*="/saved"] .svg-container.main-icon::before {
    content: "\f02e";
}

.main-side-nav a[href*="/boosted/posts"] .svg-container.main-icon::before {
    content: "\f15c";
}

.main-side-nav a[href*="/my/blogs"] .svg-container.main-icon::before {
    content: "\f1ea";
}

.main-side-nav a[href*="/my/products"] .svg-container.main-icon::before {
    content: "\f54e";
}

.main-side-nav a[href*="/my/funding"] .svg-container.main-icon::before {
    content: "\f4b9";
}

.main-side-nav a[href*="/my/offers"] .svg-container.main-icon::before {
    content: "\f02c";
}

.main-side-nav a[href*="/my/jobs"] .svg-container.main-icon::before {
    content: "\f0b1";
}

.main-side-nav a[href*="/my/courses"] .svg-container.main-icon::before {
    content: "\f19d";
}

.main-side-nav a[href*="lol.risingstars"] .svg-container.main-icon::before {
    content: "\f11b";
}

.main-side-nav a[href*="/people"] .svg-container.main-icon::before {
    content: "\f0c0";
}

.main-side-nav a[href*="/pages"] .svg-container.main-icon::before {
    content: "\f024";
}

.main-side-nav a[href*="/groups"] .svg-container.main-icon::before {
    content: "\f0c0";
}

.main-side-nav a[href*="/events"] .svg-container.main-icon::before {
    content: "\f073";
}

.main-side-nav a[href*="/reels"] .svg-container.main-icon::before {
    content: "\f008";
}

.main-side-nav a[href*="/watch"] .svg-container.main-icon::before {
    content: "\f03d";
}

.main-side-nav a[href*="/blogs"] .svg-container.main-icon::before {
    content: "\f1ea";
}

.main-side-nav a[href*="/jobs"] .svg-container.main-icon::before {
    content: "\f0b1";
}

.main-side-nav a[href*="/courses"] .svg-container.main-icon::before {
    content: "\f19d";
}

.main-side-nav a[href*="/forums"] .svg-container.main-icon::before {
    content: "\f086";
}

.main-side-nav a[href*="/market"] .svg-container.main-icon::before {
    content: "\f54e";
}

.main-side-nav a[href*="/games"] .svg-container.main-icon::before {
    content: "\f11b";
}

.main-side-nav a[data-bs-toggle="collapse"]:after {
    display: inline-block !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f054" !important;
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    float: none !important;
    color: var(--gold-accent) !important;
}

.main-side-nav a[data-bs-toggle="collapse"] {
    position: relative;
    display: block;
    padding-right: 46px;
}

.main-side-nav a[data-bs-toggle="collapse"][aria-expanded="true"]:after {
    transform: translateY(-50%) rotate(90deg) !important;
    color: var(--gold-accent) !important;
}

.main-side-nav a[data-bs-toggle="collapse"]:hover:after {
    color: #ffffff !important;
}


/* === FEED & CONTENT COLORS === */
/* Standard Card - Slightly lighter than bg-dark-end but dark enough */
.card, 
.post-card, 
.light-post-card, 
.publisher-box,
.trn-card {
    background: rgba(9,13,30,0.97) !important;
    border: 1px solid rgba(245,217,107,0.15) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
    margin-bottom: 24px !important;
}

.fr_auth_form {
    background: rgba(9,13,30,0.97) !important;
    border: 1px solid rgba(245,217,107,0.15) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.35) !important;
    padding: 22px !important;
}

.fr_auth_form .js_panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.card-header, 
.trn-card-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(245,217,107,0.15) !important;
    padding: 16px 20px !important;
    color: var(--gold-accent) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.fr_welcome_title {
    background: transparent !important;
    border-bottom: 0 !important;
    padding: 0 !important;
    color: var(--gold-accent) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px;
    text-transform: none !important;
}

.fr_welcome_field input,
.fr_welcome_field select {
    background: rgba(15,23,42,0.65) !important;
    border: 1px solid rgba(245,217,107,0.18) !important;
    color: rgba(255,255,255,0.92) !important;
}

.fr_welcome_field input::placeholder {
    color: rgba(170,170,170,0.85) !important;
}

.fr_welcome_field input:focus,
.fr_welcome_field select:focus {
    border-color: rgba(197, 160, 89,0.65) !important;
    box-shadow: 0 0 0 4px rgba(197, 160, 89,0.12) !important;
}

.fr_welcome_field input:focus+svg,
.fr_welcome_field select:focus+svg {
    color: rgba(197, 160, 89,0.95) !important;
}

.fr_auth_form .form-check-input {
    background-color: rgba(15,23,42,0.65) !important;
    border-color: rgba(245,217,107,0.22) !important;
}

.fr_auth_form .form-check-input:checked {
    background-color: rgba(197, 160, 89,0.95) !important;
    border-color: rgba(197, 160, 89,0.95) !important;
}

.fr_welcome_btn,
.fr_auth_form .btn-primary,
.card-register .btn-primary {
    background: linear-gradient(180deg, #e0c07a 0%, #c5a059 55%, #d8a63c 100%) !important;
    border-color: rgba(197, 160, 89,0.55) !important;
    color: #0c1021 !important;
    box-shadow: 0 10px 22px rgba(197, 160, 89,0.18) !important;
}

.fr_welcome_btn:hover,
.fr_auth_form .btn-primary:hover,
.card-register .btn-primary:hover {
    box-shadow: 0 14px 30px rgba(197, 160, 89,0.26) !important;
    filter: brightness(1.03) !important;
}

.fr_auth_form .js_toggle-password {
    height: 56px;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    color: rgba(245,217,107,0.75);
}

.fr_auth_form .js_toggle-password:hover {
    color: rgba(245,217,107,0.95);
}

.fr_auth_form a.float-end {
    color: rgba(197, 160, 89,0.9) !important;
}

.fr_auth_form a.float-end:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Remove default card decorations */
.card:before, .trn-card:before,
.card-header:after, .trn-card-header:after {
    display: none !important;
}

/* Publisher (Post Box) Specifics */
.publisher {
    background: rgba(9,13,30,0.97) !important;
    border: 1px solid rgba(245,217,107,0.15) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

.publisher-message textarea {
    background: rgba(15,23,42,0.55) !important;
    border: 1px solid rgba(245,217,107,0.10) !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    min-height: 46px;
}

.publisher-message textarea:focus {
    border-color: var(--gold-accent) !important;
    box-shadow: 0 0 0 2px rgba(197, 160, 89,0.18) !important;
}

.publisher-message {
    padding: 15px 15px 20px 65px !important;
}

.publisher-emojis i {
    color: rgba(245,217,107,0.75) !important;
}

.publisher-emojis i:hover {
    color: rgba(245,217,107,0.95) !important;
}

.publisher-tools-tabs {
    border-top: 1px solid rgba(245,217,107,0.12) !important;
    border-bottom: 1px solid rgba(245,217,107,0.12) !important;
}

.publisher-tools-tab,
body.night-mode .publisher-tools-tab {
    background: rgba(15,23,42,0.55) !important;
    border: 1px solid rgba(245,217,107,0.10) !important;
    color: rgba(241,245,249,0.90) !important;
}

.publisher-tools-tab:hover,
body.night-mode .publisher-tools-tab:hover {
    background: rgba(15,23,42,0.75) !important;
    border-color: rgba(245,217,107,0.18) !important;
    color: rgba(255,255,255,0.98) !important;
}

.publisher-tools-tab .main-icon {
    color: #5e72e4 !important;
    fill: #5e72e4 !important;
    stroke: #5e72e4 !important;
}

.publisher-tools-tab .main-icon * {
    color: #5e72e4 !important;
    fill: #5e72e4 !important;
    stroke: #5e72e4 !important;
}

.publisher-footer-options {
    border-bottom-color: rgba(245,217,107,0.12) !important;
}

.publisher-footer-buttons {
    gap: 10px;
    align-items: center;
}

.publisher-footer-buttons .btn-group .btn.btn-light.dropdown-toggle {
    background: rgba(15,23,42,0.65) !important;
    border: 1px solid rgba(245,217,107,0.15) !important;
    color: rgba(245,217,107,0.95) !important;
}

.publisher-footer-buttons .btn-group .btn.btn-light.dropdown-toggle:hover {
    background: rgba(15,23,42,0.78) !important;
    border-color: rgba(245,217,107,0.28) !important;
    color: rgba(255,255,255,0.98) !important;
}

.publisher-footer-buttons .btn.btn-primary {
    background: linear-gradient(180deg, rgba(197, 160, 89,0.95) 0%, rgba(197, 160, 89,0.78) 100%) !important;
    border-color: rgba(197, 160, 89,0.85) !important;
    color: rgba(11, 14, 19, 0.98) !important;
    border-radius: 12px;
    font-weight: 700;
}

.publisher-footer-buttons .btn.btn-primary:hover {
    background: linear-gradient(180deg, rgba(255,222,128,0.98) 0%, rgba(197, 160, 89,0.86) 100%) !important;
    border-color: rgba(255,222,128,0.95) !important;
    color: rgba(11, 14, 19, 0.98) !important;
}

.publisher-footer-buttons .dropdown-menu {
    background: rgba(9,13,30,0.98) !important;
    border: 1px solid rgba(245,217,107,0.15) !important;
}

.publisher-footer-buttons .dropdown-item {
    color: rgba(241,245,249,0.90) !important;
}

.publisher-footer-buttons .dropdown-item:hover {
    background: rgba(245,217,107,0.10) !important;
    color: rgba(255,255,255,0.98) !important;
}

.publisher .publisher-footer {
    background: rgba(255,255,255,0.02) !important;
    border-top: 1px solid rgba(245,217,107,0.12) !important;
}

.post {
    background: rgba(9,13,30,0.97) !important;
    border: 1px solid rgba(245,217,107,0.15) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

.post .post-body {
    background: transparent !important;
}

/* Inputs */
input.form-control, 
textarea.form-control, 
select.form-control {
    background-color: rgba(15,23,42,0.6) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #f1f5f9 !important;
}

input.form-control:focus, 
textarea.form-control:focus, 
select.form-control:focus {
    background-color: rgba(15,23,42,0.9) !important;
    border-color: var(--gold-accent) !important;
    box-shadow: 0 0 0 1px rgba(197, 160, 89,0.2) !important;
}


/* === REACTION BUTTONS (React, Comment, Share) === */
.post-actions > .action-btn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
}

.post-actions > .action-btn .svg-container.action-icon {
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

.post-actions > .action-btn .svg-container.action-icon svg {
    display: none !important;
}

.post-actions > .action-btn .svg-container.action-icon::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
    color: var(--text-muted);
    transition: all 0.2s ease;
    display: block;
}

.post-actions > .action-btn.js_comment .svg-container.action-icon::before {
    content: "\f075";
}

.post-actions > .action-btn[data-url^="posts/share.php"] .svg-container.action-icon::before {
    content: "\f14d";
}

.post-actions .action-btn.reactions-wrapper .reaction-btn-icon {
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.post-actions .action-btn.reactions-wrapper .reaction-btn-icon i,
.post-actions .action-btn.reactions-wrapper .reaction-btn-icon .inline-emoji {
    display: none !important;
}

.post-actions .action-btn.reactions-wrapper .reaction-btn-icon::before {
    content: "\f005";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
    color: var(--text-muted);
    transition: all 0.2s ease;
    display: block;
}

.post-actions .action-btn.reactions-wrapper .reaction-btn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.post-actions .action-btn.reactions-wrapper .reaction-btn-name {
    display: block !important;
    margin: 0 !important;
}

.post-actions .action-btn.reactions-wrapper .reaction-btn-icon {
    margin: 0 !important;
}

.post-actions .action-btn span,
.post-actions .reaction-btn-name {
    font-size: 12px !important;
    color: #94a3b8 !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

.post-actions > .action-btn:hover .svg-container.action-icon::before,
.post-actions .action-btn.reactions-wrapper:hover .reaction-btn-icon::before {
    color: var(--gold-accent) !important;
    transform: scale(1.08);
}

.post-actions > .action-btn:hover span,
.post-actions .action-btn.reactions-wrapper:hover .reaction-btn-name {
    color: var(--gold-accent) !important;
}


/* === MOBILE BOTTOM BAR === */
.footer-bottom-bar {
    background: #0c1021 !important;
    border-top: 1px solid rgba(245,217,107,0.15) !important;
    height: auto !important;
    padding: 8px 0;
}

.footer-bottom-bar .svg-container.footer-bar-icon,
.footer-bottom-bar .svg-container.footer-bar-icon * {
    color: var(--gold-accent) !important;
    fill: var(--gold-accent) !important;
    stroke: var(--gold-accent) !important;
}

.footer-bottom-bar .footer-fa-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
    color: rgba(255, 255, 255, 0.55) !important;
}

.footer-bottom-bar .footer-bottom-bar-links > .link > a > .footer-fa-icon {
    color: rgba(255, 255, 255, 0.55) !important;
}

/* Links Container */
.footer-bottom-bar .footer-bottom-bar-links > .link > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--text-muted) !important;
    text-decoration: none !important;
}

.footer-bottom-bar .footer-bottom-bar-links > .link.active > a > .footer-fa-icon,
.footer-bottom-bar .footer-bottom-bar-links > .link > a > .footer-fa-icon.active {
    color: var(--gold-accent) !important;
}

.footer-bottom-bar .footer-bottom-bar-links > .link > a > .svg-container.footer-bar-icon {
    color: var(--gold-accent) !important;
}

.footer-bottom-bar-links>.link.active>a>.title,
body.night-mode .footer-bottom-bar-links>.link.active>a>.title {
    color: var(--text-muted) !important;
}

.footer-bottom-bar .svg-container.footer-bar-icon {
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.footer-bottom-bar .svg-container.footer-bar-icon svg {
    display: block !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.footer-bottom-bar .svg-container.footer-bar-icon svg * {
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.footer-bottom-bar .svg-container svg {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

.footer-bottom-bar .svg-container {
    overflow: visible !important;
}

@media (max-width: 1024px) {
    .footer-bottom-bar {
        display: block !important;
    }
}

/* === FOOTER (full-bleed) === */
.rs-site-footer {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 1rem 0 1.15rem;
    background: #0c1021 !important;
    color: var(--text-muted) !important;
    border-top: 1px solid rgba(255,255,255,0.05) !important;
    box-sizing: border-box;
}
.rs-site-footer .footer {
    background: transparent !important;
    border-top: 0 !important;
    margin: 0 !important;
    padding: 0.35rem 0 !important;
}
footer, .footer {
    background: #0c1021 !important;
    color: var(--text-muted) !important;
    border-top: 1px solid rgba(255,255,255,0.05) !important;
}

/* === MODALS & DROPDOWNS === */
.modal-content, .dropdown-menu {
    background-color: rgba(9,13,30,0.98) !important;
    border: 1px solid rgba(245,217,107,0.15) !important;
    color: var(--text-main) !important;
}
body .dropdown-menu .dropdown-item:hover,
body .dropdown-item:hover {
    background-color: rgba(255,255,255,0.05) !important;
    color: var(--gold-accent) !important;
}

.dropdown-item:focus,
.dropdown-item:active,
.dropdown-item.active {
    background-color: rgba(197, 160, 89, 0.12) !important;
    color: rgba(197, 160, 89, 0.98) !important;
}

body .footer .language-dropdown,
body .footer .language-dropdown * {
    color: rgba(255, 255, 255, 0.85) !important;
}

body .footer .language-dropdown:hover,
body .footer .language-dropdown:focus {
    background: rgba(197, 160, 89, 0.10) !important;
    border-radius: 8px;
}

body .language-dropdown:hover,
body .language-dropdown:focus {
    background: rgba(197, 160, 89, 0.10) !important;
    border-radius: 8px;
}

.alert.alert-info.see-more {
    background: rgba(9,13,30,0.97) !important;
    border: 1px solid rgba(245,217,107,0.15) !important;
    color: #94a3b8 !important;
    border-radius: 12px !important;
    text-align: center;
}

.alert.alert-info.see-more.done {
    color: var(--gold-accent) !important;
}

.pg_wrapper a {
    background-color: rgba(9,13,30,0.97) !important;
}

body.night-mode .pg_wrapper a {
    background-color: rgba(9,13,30,0.97) !important;
}

.add-story .add,
body.night-mode .add-story .add {
    background: linear-gradient(180deg, rgba(197, 160, 89,0.95) 0%, rgba(197, 160, 89,0.78) 100%) !important;
    color: rgba(11, 14, 19, 0.98) !important;
    fill: rgba(11, 14, 19, 0.98) !important;
    border: 1px solid rgba(197, 160, 89,0.65) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,0.35);
}

.add-story .add:hover,
body.night-mode .add-story .add:hover {
    background: linear-gradient(180deg, rgba(255,222,128,0.98) 0%, rgba(197, 160, 89,0.86) 100%) !important;
    border-color: rgba(255,222,128,0.95) !important;
}

.posts-filter a.dropdown-toggle,
.posts-filter .btn-group .btn.dropdown-toggle {
    color: var(--gold-accent) !important;
}

.posts-filter .countries-filter {
    background: rgba(9,13,30,0.7) !important;
    border: 1px solid rgba(245,217,107,0.15) !important;
    border-radius: 10px !important;
    padding: 6px 10px !important;
    font-size: 13px;
    display: inline-flex !important;
    align-items: center;
    line-height: normal;
}

.posts-filter a.dropdown-toggle:hover,
.posts-filter .btn-group .btn.dropdown-toggle:hover {
    color: #ffffff !important;
}

.posts-filter .btn-group .btn.dropdown-toggle {
    background: rgba(9,13,30,0.7) !important;
    border: 1px solid rgba(245,217,107,0.15) !important;
    border-radius: 10px !important;
}

.posts-filter .btn-group .btn-group-icon {
    color: var(--gold-accent) !important;
}

.post-actions .d-none.d-xl-inline-block {
    display: block !important;
}

.lightbox-data {
    background: rgba(9,13,30,0.98) !important;
    border-left: 1px solid rgba(245,217,107,0.15) !important;
}

.lightbox-data .post-body,
.lightbox-data .post-footer {
    background: transparent !important;
    color: var(--text-main) !important;
}

.profile-header {
    background: rgba(9,13,30,0.97) !important;
    border: 1px solid rgba(245,217,107,0.15) !important;
}

.profile-cover-wrapper {
    background: rgba(9,13,30,0.97) !important;
}

/* SEO hub pages only (not site chrome) */
.rs-seo-hub .rs-seo-card {
    background: rgba(10, 13, 28, 0.78) !important;
    border: 1px solid rgba(197, 160, 89, 0.18) !important;
    color: #e8e8e8;
}
.rs-seo-hub h1,
.rs-seo-hub h2 {
    color: #fff;
}
.rs-seo-faq {
    background: rgba(11, 14, 19, 0.72);
    border: 1px solid rgba(197, 160, 89, 0.12);
    border-radius: 10px;
    padding: 0.75rem 1rem;
}
.rs-seo-faq summary {
    cursor: pointer;
    font-weight: 600;
    color: #fff;
}
.rs-seo-related li {
    margin-bottom: 0.35rem;
}
.rs-seo-related a {
    color: #c5a059 !important;
}

/* === Compact browse toolbars (Pages/Groups/Events/…) === */
.rs-page-toolbar {
    padding: 0.5rem 0 0 !important;
    margin: 0 !important;
}
.rs-page-toolbar .js_search-form {
    max-width: 720px;
    margin: 0 auto;
}

/* Search inline in tabs row */
.content-tabs .rs-tabs-search {
    vertical-align: middle;
    max-width: min(360px, 42vw);
}
.content-tabs .rs-tabs-search .js_search-form .input-group,
.rs-page-toolbar .js_search-form .input-group {
    background: rgba(11, 14, 19, 0.92);
    border: 1px solid rgba(197, 160, 89, 0.28);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: none;
    padding: 0.12rem;
}
.content-tabs .rs-tabs-search .form-control,
.rs-page-toolbar .js_search-form .form-control {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #e8e8e8 !important;
    height: 36px !important;
    padding-left: 0.85rem !important;
    font-size: 0.9rem !important;
}
.content-tabs .rs-tabs-search .form-control::placeholder,
.rs-page-toolbar .js_search-form .form-control::placeholder {
    color: rgba(158, 163, 181, 0.9) !important;
}
.content-tabs .rs-tabs-search .btn,
.content-tabs .rs-tabs-search .btn-light,
.rs-page-toolbar .js_search-form .btn,
.rs-page-toolbar .js_search-form .btn-light {
    background: linear-gradient(180deg, rgba(197, 160, 89,0.98) 0%, rgba(197, 160, 89,0.82) 100%) !important;
    border: 0 !important;
    color: #0c1227 !important;
    font-weight: 700 !important;
    border-radius: 9px !important;
    min-width: 78px;
    height: 32px;
    margin: 2px;
    padding: 0 0.75rem !important;
    font-size: 0.85rem !important;
}
.content-tabs .float-end {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.35rem !important;
}
.content-tabs .float-end .btn-md {
    margin-top: 0 !important;
}

/* Soften leftover directory heroes without search */
.page-header:not(.mini):not(.rounded):not(.bank-transfer):not(:has(.js_search-form)):not(:has(.inner.text-left)) {
    min-height: 0 !important;
    padding: 1rem 0 0.25rem !important;
    background: transparent !important;
}
.page-header:not(.mini):not(.rounded):not(.bank-transfer):not(:has(.js_search-form)) > .floating-img,
.page-header:not(.mini):not(.rounded):not(.bank-transfer):not(:has(.js_search-form)) > .circle-1,
.page-header:not(.mini):not(.rounded):not(.bank-transfer):not(:has(.js_search-form)) > .circle-2,
.page-header:not(.mini):not(.rounded):not(.bank-transfer):not(:has(.js_search-form)) > .circle-3 {
    display: none !important;
}
.page-header:not(.mini):not(.rounded):not(.bank-transfer):not(:has(.js_search-form)) h2 {
    font-size: 1.35rem !important;
    margin: 0 0 0.25rem !important;
    color: #fff !important;
}
.page-header:not(.mini):not(.rounded):not(.bank-transfer):not(:has(.js_search-form)) p.text-xlg {
    display: none !important;
}

/* Tighter browse page spacing */
.directory-page,
div.sg-offcanvas.directory-page,
div.sg-offcanvas[style*="margin-top: -25px"],
div.sg-offcanvas[style*="margin-top:-25px"],
div.sg-offcanvas[style*="margin-top: 0"] {
    margin-top: 0.25rem !important;
}
.directory-page > .position-relative,
.pages-page > .position-relative,
.groups-page > .position-relative,
.events-page > .position-relative,
.jobs-page > .position-relative {
    margin-top: 0 !important;
    margin-bottom: 0.4rem !important;
}
.content-tabs {
    margin-bottom: 0.25rem !important;
}

/* Full-bleed footer (outside main-wrapper + under chat gutter) */
.rs-site-footer {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0.85rem 0 !important;
    background: #0c1021 !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    box-sizing: border-box !important;
}
.rs-site-footer > .container,
.rs-site-footer > .container-fluid {
    max-width: none !important;
    width: 100% !important;
}
@media (min-width: 1200px) {
    .main-wrapper .directory-page .content-tabs,
    .main-wrapper .pages-page .content-tabs,
    .main-wrapper .groups-page .content-tabs,
    .main-wrapper .events-page .content-tabs {
        margin-right: -75px;
        padding-right: 75px;
        box-sizing: border-box;
    }
    body.n_chat .main-wrapper .directory-page .content-tabs,
    body.n_chat .main-wrapper .pages-page .content-tabs,
    body.n_chat .main-wrapper .groups-page .content-tabs,
    body.n_chat .main-wrapper .events-page .content-tabs {
        margin-right: 0;
        padding-right: 0;
    }
}

/* Market has two search fields */
.content-tabs .rs-tabs-search:has(input[name="location"]) {
    max-width: min(520px, 55vw);
}
@media (max-width: 991.98px) {
    .content-tabs .rs-tabs-search {
        max-width: 100%;
        width: 100%;
        display: block !important;
        margin-bottom: 0.35rem;
    }
    .content-tabs .float-end {
        float: none !important;
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

/* ==========================================================================
   LEGENDS GLOBAL HARMONY — hub language across all pages
   Uniform look first; fine details later.
   ========================================================================== */

/* Page surfaces */
body.n_chat .main-wrapper,
body .main-wrapper {
  color: var(--rs-text);
}

a:not(.btn):not(.rs-btn):not(.nav-link) {
  color: var(--rs-gold);
}
a:not(.btn):not(.rs-btn):not(.nav-link):hover {
  color: var(--rs-gold-bright);
}

/* Cards / panels */
body .card,
body.night-mode .card,
body .x-card,
body .post,
body .publisher,
body .widget-box,
body .box,
body .js_chat-box,
body .modal-content,
body .dropdown-menu,
body .popover,
body .offcanvas,
body .list-group-item {
  background: var(--rs-panel) !important;
  border-color: var(--rs-panel-edge) !important;
  color: var(--rs-text) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

body .card-header,
body .card-footer,
body .modal-header,
body .modal-footer,
body .publisher-footer,
body .post-footer,
body .widget-box .title,
body .content-tabs {
  background: rgba(5, 7, 11, 0.72) !important;
  border-color: var(--rs-panel-edge) !important;
  color: var(--rs-text) !important;
}

body .card-header,
body .widget-box .title,
body .modal-title,
body h1, body h2, body h3, body h4, body h5 {
  font-family: var(--oc-font-display, "Cinzel"), "Noto Sans KR", sans-serif !important;
  letter-spacing: 0.02em;
}

body .card-header.with-icon .main-icon,
body .card-header.with-icon .main-icon *,
body .widget-box .title .main-icon,
body .widget-box .title .main-icon * {
  color: var(--rs-gold) !important;
  fill: var(--rs-gold) !important;
  stroke: var(--rs-gold) !important;
}

/* Forms */
body .form-control,
body .form-select,
body .input-group-text,
body textarea.form-control,
body .x-form-control,
body .publisher textarea,
body .comment-form textarea {
  background: rgba(5, 7, 11, 0.88) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: var(--rs-text) !important;
  border-radius: 6px !important;
}

body .form-control:focus,
body .form-select:focus,
body textarea.form-control:focus {
  border-color: rgba(197, 160, 89, 0.45) !important;
  box-shadow: 0 0 0 0.15rem rgba(197, 160, 89, 0.12) !important;
  background: rgba(5, 7, 11, 0.95) !important;
  color: var(--rs-text) !important;
}

body .form-control::placeholder,
body textarea::placeholder {
  color: var(--rs-muted) !important;
}

/* Tabs / content chrome */
body .nav-tabs,
body .content-tabs,
body .nav-pills {
  border-color: var(--rs-panel-edge) !important;
}
body .nav-tabs .nav-link,
body .content-tabs a,
body .nav-pills .nav-link {
  color: var(--rs-muted) !important;
  border-radius: 4px !important;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.72rem;
}
body .nav-tabs .nav-link.active,
body .nav-tabs .nav-link:hover,
body .content-tabs a.active,
body .content-tabs a:hover,
body .nav-pills .nav-link.active {
  color: var(--rs-gold-bright) !important;
  background: rgba(197, 160, 89, 0.1) !important;
  border-color: transparent !important;
}

/* Side nav */
body .main-side-nav > li.active > a,
body .side-nav > li.active > a,
body .main-side-nav ul > li.active > a {
  background-color: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
}
body .main-side-nav a .main-icon,
body .main-side-nav a .main-icon *,
body .side-nav a .main-icon,
body .side-nav a .main-icon * {
  color: var(--rs-gold) !important;
  fill: var(--rs-gold) !important;
  stroke: var(--rs-gold) !important;
}
body .main-side-nav > li.active > a .svg-container.main-icon::before,
body .main-side-nav ul > li.active > a .svg-container.main-icon::before {
  color: #fff !important;
}

/* Header icons — soft chrome, gold only on hover (see rs-theme.css) */
body .main-header .header-icon,
body .main-header .header-icon *,
body .main-header .main-icon,
body .main-header .main-icon *,
body .main-header svg {
  color: #c5c9d2 !important;
  fill: #c5c9d2 !important;
  stroke: #c5c9d2 !important;
}

/* Tables (rankings, matches, etc.) */
body .table,
body .table > :not(caption) > * > * {
  background: transparent !important;
  color: var(--rs-text) !important;
  border-color: var(--rs-panel-edge) !important;
}
body .table thead th,
body .table th {
  color: var(--rs-gold) !important;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom-color: rgba(197, 160, 89, 0.25) !important;
}
body .table-striped > tbody > tr:nth-of-type(odd) > * {
  background: rgba(255, 255, 255, 0.02) !important;
}
body .table-hover > tbody > tr:hover > * {
  background: rgba(197, 160, 89, 0.08) !important;
}

/* Badges */
body .badge {
  border-radius: 4px !important;
  font-weight: 700;
  letter-spacing: 0.04em;
}
body .badge.bg-primary,
body .badge-primary {
  background: linear-gradient(180deg, #e2c377 0%, #c9a45c 100%) !important;
  color: var(--rs-gold-ink) !important;
}

/* Esports / league pages (non-hub) */
body .esports-page .card,
body .esports-page .x-card,
body [class*="esports"] .card,
body .directory-page .card,
body .pages-page .card,
body .groups-page .card,
body .events-page .card,
body .market-page .card,
body .wallet-page .card,
body .settings-page .card,
body .profile-header,
body .profile-header-content {
  background: var(--rs-panel) !important;
  border: 1px solid var(--rs-panel-edge) !important;
  border-radius: var(--rs-radius) !important;
}

body .settings-page .btn-primary,
body .directory-page .btn.btn-primary,
body .directory-page a.btn.btn-primary {
  background: linear-gradient(180deg, #e2c377 0%, #c9a45c 50%, #a07d3a 100%) !important;
  border-color: #d4b36a !important;
  color: var(--rs-gold-ink) !important;
  border-radius: 4px !important;
}

/* Empty states / muted text */
body .text-muted,
body .no-data,
body .empty,
body .x-empty {
  color: var(--rs-muted) !important;
}

/* Dropdowns */
body .dropdown-menu .dropdown-item {
  color: var(--rs-nav) !important;
}
body .dropdown-menu .dropdown-item:hover,
body .dropdown-menu .dropdown-item:focus {
  background: rgba(197, 160, 89, 0.1) !important;
  color: var(--rs-gold-bright) !important;
}

/* Footer */
body .footer,
body .footer-bottom-bar,
body .rs-site-footer {
  background: rgba(5, 7, 11, 0.95) !important;
  border-top: 1px solid var(--rs-panel-edge) !important;
  color: var(--rs-muted) !important;
}

/* Alerts / empty notices */
body .alert,
body .alert-info,
body .alert-primary,
body .alert-secondary,
body .alert-warning,
body .alert-success,
body .x-alert {
  background: rgba(11, 14, 19, 0.95) !important;
  border: 1px solid rgba(197, 160, 89, 0.28) !important;
  color: var(--rs-nav) !important;
  border-radius: 6px !important;
}
body .alert-danger {
  background: rgba(40, 12, 14, 0.92) !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
  color: #fca5a5 !important;
}

/* Esports sub-nav capsule */
body .esports-nav,
body .esports-menu,
body nav[aria-label="Esports"],
body .content-tabs.esports-tabs {
  background: var(--rs-panel) !important;
  border: 1px solid var(--rs-panel-edge) !important;
  border-radius: var(--rs-radius) !important;
}

/* Secondary / danger buttons stay readable */
body .btn.btn-danger,
body a.btn.btn-danger {
  border-radius: 4px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.78rem;
}
body .btn.btn-secondary,
body a.btn.btn-secondary {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: var(--rs-nav) !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.78rem;
}

/* Feed action icons: don't force uppercase size on tiny pills */
.feeds-item .btn.btn-light.rounded-pill.js_follow,
.feeds-item .btn.btn-light.rounded-pill.js_friend-add {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: inherit !important;
}