/* Custom eSports Theme Overrides - Professional Korean Minimalist Style */

/* === CORE VARIABLES & TYPOGRAPHY === */
:root {
    --bg-dark-start: #151b3d; /* Lighter than #101631 */
    --bg-dark-mid: #121b3d;
    --bg-dark-end: #0c1021;
    --gold-accent: #f8d46b;
    --gold-light: #ffd76b;
    --text-main: #e8e8e8;
    --text-muted: #aaaaaa;
    --accent-blue: #3b82f6; /* Modern eSports Blue */
}

.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: linear-gradient(180deg, var(--bg-dark-start) 0%, var(--bg-dark-mid) 40%, var(--bg-dark-end) 100%) !important;
    background-attachment: fixed !important;
    color: var(--text-main) !important;
    font-family: "Poppins", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    letter-spacing: 0.2px;
}

body.night-mode {
    --link-color: #f8d46b;
    --card-dark-input: rgba(10, 13, 20, 0.60);
    --card-dark-color: rgba(10, 13, 20, 0.55);
    --card-dark-divider: rgba(248, 212, 107, 0.12);
}

body .btn.btn-primary,
body a.btn.btn-primary,
body .btn.btn-success,
body a.btn.btn-success {
    background: rgba(248, 212, 107, 0.92) !important;
    border: 1px solid rgba(248, 212, 107, 0.92) !important;
    color: rgba(11, 16, 32, 0.98) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,0.25);
}

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: rgba(248, 212, 107, 0.98) !important;
    border-color: rgba(248, 212, 107, 0.98) !important;
    color: rgba(11, 16, 32, 1) !important;
}

body .btn.btn-light,
body a.btn.btn-light {
    background: rgba(248, 212, 107, 0.12) !important;
    border: 1px solid rgba(248, 212, 107, 0.28) !important;
    color: rgba(248, 212, 107, 0.95) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,0.22);
}

body .btn.btn-light:hover,
body a.btn.btn-light:hover,
body .btn.btn-light:focus,
body a.btn.btn-light:focus {
    background: rgba(248, 212, 107, 0.18) !important;
    border-color: rgba(248, 212, 107, 0.42) !important;
    color: rgba(255, 255, 255, 0.98) !important;
}

body .btn.btn-outline-primary,
body a.btn.btn-outline-primary {
    background: rgba(16, 24, 48, 0.88) !important;
    border: 1px solid rgba(248, 212, 107, 0.28) !important;
    color: rgba(248, 212, 107, 0.95) !important;
    border-radius: 14px;
}

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(248, 212, 107, 0.12) !important;
    border-color: rgba(248, 212, 107, 0.45) !important;
    color: rgba(255, 255, 255, 0.98) !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(11, 16, 32, 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(11, 16, 32, 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(11, 16, 32, 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(11, 16, 32, 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(248, 212, 107, 0.95) !important;
    fill: rgba(248, 212, 107, 0.95) !important;
    stroke: rgba(248, 212, 107, 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(248, 212, 107, 0.95) !important;
    fill: rgba(248, 212, 107, 0.95) !important;
    stroke: rgba(248, 212, 107, 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(248, 212, 107, 0.92) !important;
    fill: rgba(248, 212, 107, 0.92) !important;
    stroke: rgba(248, 212, 107, 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(248, 212, 107, 0.16) !important;
    border: 1px solid rgba(248, 212, 107, 0.30) !important;
    color: rgba(248, 212, 107, 0.95) !important;
}

body tr.esports-rank-1 {
    background: rgba(248, 212, 107, 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(248, 212, 107, 0.92) !important;
    color: rgba(11, 16, 32, 0.98) !important;
}

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

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

/* === HEADER & NAVIGATION === */
header, 
.site-header, 
.main-header {
    background: rgba(12,16,33,0.98) !important;
    border-bottom: 1px solid rgba(245,217,107,0.15) !important;
    box-shadow: 0 1px 10px rgba(0,0,0,0.3) !important; /* Reduced shadow */
    backdrop-filter: blur(10px);
}

.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(248,212,107,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(248,212,107,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 (remove gray pills) === */
.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 {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 16px;
    color: #ffffff !important;
    box-shadow: inset 3px 0 0 rgba(248,212,107,0.95) !important;
    border-bottom: 0 !important;
}

.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;
}

.main-side-nav>li>a,
.side-nav>li>a {
    position: relative;
}

.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(248, 212, 107, 0.92) !important;
    fill: rgba(248, 212, 107, 0.92) !important;
    stroke: rgba(248, 212, 107, 0.92) !important;
}

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

.settings-page .card {
    background: rgba(12, 18, 39, 0.65) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.settings-page .card-header {
    background: rgba(12, 18, 39, 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(248, 212, 107, 0.95) !important;
    fill: rgba(248, 212, 107, 0.95) !important;
    stroke: rgba(248, 212, 107, 0.95) !important;
}

.settings-page .form-control,
.settings-page .form-select,
.settings-page .input-group-text {
    background-color: rgba(12, 18, 39, 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(248, 212, 107, 0.45) !important;
    box-shadow: 0 0 0 0.2rem rgba(248, 212, 107, 0.12) !important;
}

.settings-page .btn-primary {
    background: linear-gradient(180deg, rgba(248, 212, 107, 0.95) 0%, rgba(248, 212, 107, 0.78) 100%) !important;
    border-color: rgba(248, 212, 107, 0.85) !important;
    color: rgba(12, 18, 39, 0.98) !important;
    border-radius: 10px;
    font-weight: 600;
}

.settings-page .btn-primary:hover {
    background: linear-gradient(180deg, rgba(255, 222, 128, 0.98) 0%, rgba(248, 212, 107, 0.86) 100%) !important;
    border-color: rgba(255, 222, 128, 0.95) !important;
    color: rgba(12, 18, 39, 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(248, 212, 107, 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(248, 212, 107, 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(248, 212, 107, 0.85) !important;
    fill: rgba(248, 212, 107, 0.85) !important;
    stroke: rgba(248, 212, 107, 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(248, 212, 107, 0.12) !important;
    border: 1px solid rgba(248, 212, 107, 0.30) !important;
    color: rgba(248, 212, 107, 0.95) !important;
}

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

.profile-buttons-wrapper .btn.btn-light i {
    color: rgba(248, 212, 107, 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(248, 212, 107, 0.95) !important;
    fill: rgba(248, 212, 107, 0.95) !important;
    stroke: rgba(248, 212, 107, 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(248, 212, 107, 0.95) !important;
    fill: rgba(248, 212, 107, 0.95) !important;
    stroke: rgba(248, 212, 107, 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(248, 212, 107, 0.95) !important;
    fill: rgba(248, 212, 107, 0.95) !important;
    stroke: rgba(248, 212, 107, 0.95) !important;
}

.user-popover-content .popover-footer .btn.btn-light i {
    color: rgba(248, 212, 107, 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(248, 212, 107, 0.95) !important;
    fill: rgba(248, 212, 107, 0.95) !important;
    stroke: rgba(248, 212, 107, 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(248, 212, 107, 0.95) !important;
    fill: rgba(248, 212, 107, 0.95) !important;
    stroke: rgba(248, 212, 107, 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(248, 212, 107, 0.12) !important;
    border: 1px solid rgba(248, 212, 107, 0.28) !important;
    color: rgba(248, 212, 107, 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(248, 212, 107, 0.18) !important;
    border-color: rgba(248, 212, 107, 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(248, 212, 107, 0.92) !important;
    border: 1px solid rgba(248, 212, 107, 0.92) !important;
    color: rgba(11, 16, 32, 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(248, 212, 107, 0.98) !important;
    border-color: rgba(248, 212, 107, 0.98) !important;
    color: rgba(11, 16, 32, 1) !important;
}

.directory-page .btn.btn-outline-primary,
.directory-page a.btn.btn-outline-primary {
    background: rgba(16, 24, 48, 0.88) !important;
    border: 1px solid rgba(248, 212, 107, 0.28) !important;
    color: rgba(248, 212, 107, 0.95) !important;
    border-radius: 14px;
}

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

.wallet-page .content-tabs {
    background: rgba(12, 18, 39, 0.92) !important;
    border: 1px solid rgba(248, 212, 107, 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(248, 212, 107, 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(248, 212, 107, 0.95) !important;
    fill: rgba(248, 212, 107, 0.95) !important;
    stroke: rgba(248, 212, 107, 0.95) !important;
}

.wallet-page .card {
    background: rgba(12, 18, 39, 0.93) !important;
    border: 1px solid rgba(248, 212, 107, 0.16) !important;
    box-shadow: 0 22px 60px rgba(0,0,0,0.50) !important;
}

.wallet-page .card-header {
    background: rgba(12, 18, 39, 0.82) !important;
    border-bottom: 1px solid rgba(248, 212, 107, 0.14) !important;
    color: rgba(248, 212, 107, 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(248, 212, 107, 0.95) !important;
    fill: rgba(248, 212, 107, 0.95) !important;
    stroke: rgba(248, 212, 107, 0.95) !important;
}

.wallet-page .wallet-panel {
    background: rgba(16, 24, 48, 0.96) !important;
    border: 1px solid rgba(248, 212, 107, 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(248, 212, 107, 0.14) !important;
    text-align: left !important;
    padding: 0 0 12px 0 !important;
    color: rgba(248, 212, 107, 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(248, 212, 107, 0.30) 0%, rgba(12, 18, 39, 0.96) 55%, rgba(12, 18, 39, 0.96) 100%) !important;
    border: 1px solid rgba(248, 212, 107, 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(248, 212, 107, 0.16) !important;
}

.wallet-page .btn.btn-outline-primary {
    background: rgba(16, 24, 48, 0.88) !important;
    border: 1px solid rgba(248, 212, 107, 0.28) !important;
    color: rgba(248, 212, 107, 0.95) !important;
    border-radius: 14px;
}

.wallet-page .btn.btn-outline-primary:hover {
    background: rgba(248, 212, 107, 0.12) !important;
    border-color: rgba(248, 212, 107, 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(248, 212, 107, 0.95) !important;
    fill: rgba(248, 212, 107, 0.95) !important;
    stroke: rgba(248, 212, 107, 0.95) !important;
}

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

.wallet-page .table > :not(caption) > * > * {
    background-color: rgba(16, 24, 48, 0.92) !important;
    border-color: rgba(248, 212, 107, 0.12) !important;
}

.wallet-page .table thead th {
    color: rgba(248, 212, 107, 0.92) !important;
}

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

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

.wallet-page .form-control,
.wallet-page .form-select {
    background-color: rgba(16, 24, 48, 0.92) !important;
    border-color: rgba(248, 212, 107, 0.18) !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

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

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

.wallet-page .form-check-input {
    background-color: rgba(16, 24, 48, 0.92) !important;
    border-color: rgba(248, 212, 107, 0.22) !important;
}

.wallet-page .form-check-input:checked {
    background-color: rgba(248, 212, 107, 0.85) !important;
    border-color: rgba(248, 212, 107, 0.85) !important;
}

.wallet-page .js_wallet-balance,
.dropdown-menu .js_wallet-balance,
.dropdown-menu .js_points-balance {
    background: rgba(248, 212, 107, 0.12) !important;
    color: rgba(248, 212, 107, 0.95) !important;
    border: 1px solid rgba(248, 212, 107, 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(248, 212, 107, 0.95) !important;
    fill: rgba(248, 212, 107, 0.95) !important;
    stroke: rgba(248, 212, 107, 0.95) !important;
}

.user-popover-content .popover-footer .btn.btn-light {
    background: rgba(248, 212, 107, 0.12) !important;
    border: 1px solid rgba(248, 212, 107, 0.30) !important;
    color: rgba(248, 212, 107, 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(248, 212, 107, 0.18) !important;
    border-color: rgba(248, 212, 107, 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(248, 212, 107, 0.95) !important;
    fill: rgba(248, 212, 107, 0.95) !important;
    stroke: rgba(248, 212, 107, 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(12,18,39,0.92)) !important;
}

.esports-page .content-tabs {
    background: rgba(12, 18, 39, 0.75) !important;
    border: 1px solid rgba(248, 212, 107, 0.18) !important;
    margin-bottom: 0;
}

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

.esports-page .card {
    background: rgba(12, 18, 39, 0.65) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
}

.esports-page .card-header {
    background: rgba(12, 18, 39, 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(248, 212, 107, 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(248,212,107,0.95) 0%, rgba(248,212,107,0.78) 100%) !important;
    border-color: rgba(248,212,107,0.85) !important;
    color: rgba(12, 18, 39, 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(248,212,107,0.86) 100%) !important;
    border-color: rgba(255,222,128,0.95) !important;
    color: rgba(12, 18, 39, 0.98) !important;
}

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

.btn-esports-secondary:hover {
    background: rgba(248,212,107,0.14) !important;
    border-color: rgba(248,212,107,0.45) !important;
    color: rgba(255,255,255,0.98) !important;
}

.esports-page .alert-info {
    background: rgba(31, 50, 118, 0.35) !important;
    border-color: rgba(31, 50, 118, 0.45) !important;
    color: rgba(255,255,255,0.92) !important;
}

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

.esports-page .form-select,
.esports-page .form-control {
    background-color: rgba(12, 18, 39, 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(248,212,107,0.45) !important;
    box-shadow: 0 0 0 0.2rem rgba(248,212,107,0.12) !important;
}

.esports-page .table thead th {
    background: rgba(12, 18, 39, 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(248,212,107,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(248,212,107,0.12);
    border: 1px solid rgba(248,212,107,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(12, 18, 39, 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(248,212,107,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(248,212,107,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(12, 18, 39, 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(248,212,107,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(248,212,107,0.14), rgba(12,18,39,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(248,212,107,0.14);
    border: 1px solid rgba(248,212,107,0.25);
    color: var(--gold-accent);
}

.esports-split-card {
    background: rgba(12, 18, 39, 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(248,212,107,0.10) !important;
    border-color: rgba(248,212,107,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(12, 18, 39, 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(248,212,107,0.07);
}

.esports-standings-table tbody tr:hover>* {
    background: rgba(248,212,107,0.07);
}

.esports-dark-table {
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 14px;
    overflow: hidden;
    background: rgba(12, 18, 39, 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(248,212,107,0.07);
}

.esports-dark-table tbody tr:hover>* {
    background: rgba(248,212,107,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(12, 18, 39, 0.55);
    border: 1px solid rgba(255,255,255,0.10);
    margin-bottom: 10px;
}

.esports-bracket-match:hover {
    border-color: rgba(248,212,107,0.28);
    background: rgba(12, 18, 39, 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(248,212,107,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(10, 13, 20, 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(248, 212, 107, 0.14);
    border-color: rgba(248, 212, 107, 0.35);
    color: rgba(255, 255, 255, 0.96);
}

.main-header .menu-icon {
    color: rgba(248, 212, 107, 0.95);
}

.main-header .menu-icon:hover {
    color: rgba(248, 212, 107, 1);
}

.profile-tabs-wrapper {
    background: rgba(10, 13, 20, 0.70) !important;
    border: 1px solid rgba(248, 212, 107, 0.18) !important;
    border-radius: 14px;
    padding: 6px 8px;
    overflow: hidden;
}

body.night-mode .profile-tabs-wrapper {
    background: rgba(10, 13, 20, 0.70) !important;
    border-color: rgba(248, 212, 107, 0.18) !important;
}

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

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

.profile-tabs-wrapper a.active {
    color: rgba(248, 212, 107, 0.98) !important;
    background: rgba(248, 212, 107, 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(10, 13, 20, 0.98);
    border: 1px solid rgba(248, 212, 107, 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(248, 212, 107, 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(248, 212, 107, 0.92) !important;
    color: rgba(248, 212, 107, 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(248, 212, 107, 0.92) !important;
}

.user-menu + .dropdown-menu .main-icon,
.user-menu + .dropdown-menu .main-icon * {
    color: rgba(248, 212, 107, 0.92) !important;
    fill: rgba(248, 212, 107, 0.92) !important;
    stroke: rgba(248, 212, 107, 0.92) !important;
}

body.night-mode .comment-form {
    background: rgba(10, 13, 20, 0.60) !important;
    border: 1px solid rgba(248, 212, 107, 0.16) !important;
    border-radius: 14px !important;
}

body.night-mode .comment-form textarea,
body.night-mode .post-form textarea {
    background: rgba(10, 13, 20, 0.60) !important;
    border: 1px solid rgba(248, 212, 107, 0.16) !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

body.night-mode .post-footer {
    background: rgba(10, 13, 20, 0.55) !important;
    border-top-color: rgba(248, 212, 107, 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(248, 212, 107, 0.10) !important;
    border-color: rgba(248, 212, 107, 0.22) !important;
    color: rgba(248, 212, 107, 0.95) !important;
}

.esports-team-hero .btn.btn-light:hover {
    background: rgba(248, 212, 107, 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(248, 212, 107, 0.10) !important;
    border-color: rgba(248, 212, 107, 0.22) !important;
    color: rgba(248, 212, 107, 0.95) !important;
}

body.night-mode .comment-form .x-form-tools li,
body.night-mode .comment-form .x-form-tools li i {
    color: rgba(248, 212, 107, 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(12, 18, 39, 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(248,212,107,0.28) !important;
    box-shadow: 0 18px 36px rgba(0,0,0,0.38);
}

.esports-member-card {
    background: rgba(12, 18, 39, 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(248,212,107,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(248,212,107,0.16) !important;
    border-color: rgba(248,212,107,0.28) !important;
    color: #ffffff !important;
}

.esports-page .btn-primary:hover {
    background: rgba(248,212,107,0.22) !important;
    border-color: rgba(248,212,107,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(248, 212, 107, 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(248,212,107,0.10);
    border-color: rgba(248,212,107,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: 900;
    font-size: 20px;
    color: var(--text-muted);
    transition: all 0.2s ease;
}

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

.navbar-wrapper li.dropdown.js_live-requests .svg-container.header-icon::before {
    content: "\f500";
}

.navbar-wrapper li.dropdown.js_live-messages .svg-container.header-icon::before {
    content: "\f086";
}

.navbar-wrapper li.dropdown.js_live-notifications .svg-container.header-icon::before {
    content: "\f0f3";
}

.navbar-wrapper li.dropdown.d-none.d-xxl-block .svg-container.header-icon::before {
    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);
    text-shadow: 0 0 10px rgba(248, 212, 107, 0.35);
}

.main-side-nav>li.active>a .svg-container.main-icon::before,
.side-nav>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;
    transform: scale(1.05);
    text-shadow: 0 0 10px rgba(248, 212, 107, 0.35);
}

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

.main-side-nav #newsfeed > ul > li:first-child > a > .svg-container.main-icon::before {
    content: "\f09e";
}

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

.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(248,212,107,0.65) !important;
    box-shadow: 0 0 0 4px rgba(248,212,107,0.12) !important;
}

.fr_welcome_field input:focus+svg,
.fr_welcome_field select:focus+svg {
    color: rgba(248,212,107,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(248,212,107,0.95) !important;
    border-color: rgba(248,212,107,0.95) !important;
}

.fr_welcome_btn,
.fr_auth_form .btn-primary,
.card-register .btn-primary {
    background: linear-gradient(180deg, #ffd76b 0%, #f8d46b 55%, #d8a63c 100%) !important;
    border-color: rgba(248,212,107,0.55) !important;
    color: #0c1021 !important;
    box-shadow: 0 10px 22px rgba(248,212,107,0.18) !important;
}

.fr_welcome_btn:hover,
.fr_auth_form .btn-primary:hover,
.card-register .btn-primary:hover {
    box-shadow: 0 14px 30px rgba(248,212,107,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(248,212,107,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(248,212,107,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(248,212,107,0.95) 0%, rgba(248,212,107,0.78) 100%) !important;
    border-color: rgba(248,212,107,0.85) !important;
    color: rgba(12, 18, 39, 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(248,212,107,0.86) 100%) !important;
    border-color: rgba(255,222,128,0.95) !important;
    color: rgba(12, 18, 39, 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(248,212,107,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 === */
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(248, 212, 107, 0.12) !important;
    color: rgba(248, 212, 107, 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(248, 212, 107, 0.10) !important;
    border-radius: 8px;
}

body .language-dropdown:hover,
body .language-dropdown:focus {
    background: rgba(248, 212, 107, 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(248,212,107,0.95) 0%, rgba(248,212,107,0.78) 100%) !important;
    color: rgba(12, 18, 39, 0.98) !important;
    fill: rgba(12, 18, 39, 0.98) !important;
    border: 1px solid rgba(248,212,107,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(248,212,107,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;
}