/* ===========================
   DEMONROAD CLEAN WHITE THEME ⚪
   =========================== */

/* Alapszöveg szín */
body, html {
    background:
        radial-gradient(circle at 15% 20%, #1a1a1a, transparent 40%),
        radial-gradient(circle at 85% 80%, #101010, transparent 40%),
        radial-gradient(circle at 60% 10%, #0d0d0d, transparent 40%),
        linear-gradient(180deg, #000000 0%, #0d0d0d 40%, #1a1a1a 100%);
    background-blend-mode: overlay, lighten;
    background-color: #0a0a0a;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff !important; /* ⚪ minden szöveg fehér */
    text-shadow: none !important;
}

/* Minden doboz, navbar, footer, kártya */
.card,
.nk-box,
.navbar,
.footer {
    background-color: rgba(18, 18, 18, 0.95) !important;
    border: 1px solid rgba(45, 45, 45, 0.9) !important;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Linkek */
a,
.navbar a,
.footer a {
    color: #ffffff !important;
    text-shadow: none !important;
    transition: 0.2s;
}
a:hover,
.navbar a:hover,
.footer a:hover {
    color: #ff3b3b !important; /* hoverkor piros */
}

/* Input, gombok, kártyák */
.form-control {
    background-color: #111 !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
}
.form-control:focus {
    border-color: #ff3b3b !important;
    box-shadow: none !important;
}

.btn-primary {
    background-color: #222 !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
    text-shadow: none !important;
}
.btn-primary:hover {
    background-color: #333 !important;
    color: #ff3b3b !important;
}

/* Card header */
.card-header {
    background-color: #111 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #333 !important;
    font-weight: bold;
    font-size: 26px;
    text-shadow: none !important;
}

/* Layout offset fixek */
.layer-offset,
.page-offset {
    margin-left: 40px !important;
}
@media (max-width: 991px) {
    .layer-offset,
    .page-offset {
        margin-left: 0 !important;
    }
}

/* Flex row + responsive */
.row {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}
@media (max-width: 991px) {
    .row {
        flex-wrap: wrap;
    }
}

/* NAVBAR CLEAN STYLE — no glow, white text */
.navbar,
.navbar a,
.navbar-brand,
.navbar-nav .nav-link,
.navbar-nav .dropdown-item {
    color: #ffffff !important;
    text-shadow: none !important;
    background-color: transparent !important;
}

/* Hover állapot */
.navbar a:hover,
.navbar-nav .nav-link:hover,
.navbar-nav .dropdown-item:hover {
    color: #ff3b3b !important;
    text-shadow: none !important;
}

/* Navbar brand logo fix (ha a kép mellé kerülne szöveg) */
.navbar-brand {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Aktív menüpont fehér maradjon */
.navbar .nav-link.active {
    color: #ffffff !important;
    font-weight: bold;
    text-shadow: none !important;
}

/* ===============================
   RANKING / EVENTS / TUTORIALS WHITE THEME ⚪
   =============================== */

/* Csak ezekre az aliasokra hat */
body.Ranking,
body.Events,
body.Tutorials {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Navbar és linkek ezeknél az oldalaknál */
body.Ranking .navbar a,
body.Events .navbar a,
body.Tutorials .navbar a,
body.Ranking .footer a,
body.Events .footer a,
body.Tutorials .footer a {
    color: #ffffff !important;
    text-shadow: none !important;
}

body.Ranking .navbar a:hover,
body.Events .navbar a:hover,
body.Tutorials .navbar a:hover {
    color: #ff3b3b !important;
    text-shadow: none !important;
}

/* Card fixek */
body.Ranking .card,
body.Events .card,
body.Tutorials .card {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Gombok */
body.Ranking .btn,
body.Events .btn,
body.Tutorials .btn {
    color: #ffffff !important;
    text-shadow: none !important;
    border-color: #444 !important;
}


body.Ranking .card-header {
    color: #ffffff !important;
    text-shadow: none !important;
}


body.Ranking table thead th {
    color: #ffffff !important;
}

body.Ranking .card-header button.btn b.text-danger,
body.Ranking .card-header button.btn b,
body.Ranking .card-header button.btn {
    color: #ffffff !important;
    text-shadow: none !important;
}

body.Ranking .card-header button.btn .arrow {
    color: #ffffff !important;
}

/* Dropdown háttér és szöveg szín */
.dropdown-menu {
    background-color: #1b1b1b !important;
    border: 1px solid #333 !important;
    color: #ffffff !important;
}

/* Dropdown linkek színe */
.dropdown-menu a.dropdown-item {
    color: #ffffff !important;
    background: transparent !important;
}

/* Hover effekt */
.dropdown-menu a.dropdown-item:hover {
    background-color: #292929 !important;
    color: #ff3b3b !important;
}