/* ====================================
 RED NEON TECH THEME
 вставить в конец CSS
==================================== */

:root {
 --bg: #080808;
 --bg2: #111111;
 --card: #161616;
 --card2: #1c1c1c;
 --text: #e8e8e8;
 --muted: #9d9d9d;

 --red: #ff2b2b;
 --red2: #ff4545;
 --redGlow: rgba(255, 43, 43, 0.45);
}

/* BODY */

body {
 background: radial-gradient(circle at top, #220606 0%, #110909 25%, #080808 70%) !important;
 color: var(--text) !important;
}

/* HEADER */

#header {
 background: #0d0d0d !important;
 border-bottom: 1px solid rgba(255, 43, 43, 0.25);
 box-shadow: 0 0 25px rgba(255, 43, 43, 0.08);
}

#head-i {
 background: none !important;
}

/* LOGO */

.site-n,
.site-n a {
 color: #fff !important;
 letter-spacing: 3px;
 text-shadow: 0 0 10px rgba(255, 43, 43, 0.7);
}

.site-n a span {
 color: var(--red) !important;
}

/* MENU */

#nav-box {
 background: #111 !important;
 border-bottom: 1px solid rgba(255, 43, 43, 0.2);
}

#nav-w {
 background: none !important;
}

#catmenu li a {
 transition: 0.25s;
}

#catmenu li a:hover {
 color: var(--red) !important;
 text-shadow: 0 0 10px var(--redGlow);
}

/* CONTENT */

#cas-i {
 background: rgba(15, 15, 15, 0.92) !important;
 border-radius: 20px;
 backdrop-filter: blur(8px);
}

/* POSTS */

.eBlock {
 background: linear-gradient(180deg, #1a1a1a, #131313) !important;
 border: none !important;
 border-top: 2px solid var(--red) !important;
 border-radius: 18px;
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 transition: 0.3s;
}

.eBlock:hover {
 transform: translateY(-4px);
 box-shadow: 
 0 0 20px rgba(255, 43, 43, 0.15),
 0 15px 35px rgba(0, 0, 0, 0.55);
}

.eTitle,
.eTitle a {
 color: #fff !important;
}

.eTitle a:hover {
 color: var(--red) !important;
 text-decoration: none;
}

/* SIDEBAR */

.sidebox {
 background: #171717 !important;
 border: 1px solid rgba(255, 43, 43, 0.12);
 border-radius: 18px;
 overflow: hidden;
 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
}

.sidetitle {
 background: linear-gradient(135deg, #ff2b2b, #8d0f0f) !important;
 border: none !important;
 color: #fff !important;
 text-shadow: 0 0 12px rgba(255, 255, 255, 0.15);
}

/* LINKS */

a {
 color: #ff5959 !important;
}

a:hover {
 color: #fff !important;
}

/* BUTTONS */

#casing input[type='submit'],
#casing input[type='button'],
#casing input[type='reset'],
#casing button {
 background: linear-gradient(135deg, #ff2b2b, #b11111) !important;
 border: none !important;
 border-radius: 12px !important;
 color: #fff !important;
 box-shadow: 0 0 12px rgba(255, 43, 43, 0.35);
 transition: 0.3s;
}

#casing input[type='submit']:hover,
#casing input[type='button']:hover,
#casing input[type='reset']:hover,
#casing button:hover {
 transform: translateY(-2px);
 box-shadow: 0 0 20px rgba(255, 43, 43, 0.8);
}

/* INPUTS */

#casing input[type='text'],
#casing input[type='password'],
#casing textarea,
#casing select {
 background: #111 !important;
 color: #fff !important;
 border: 1px solid #2f2f2f !important;
 border-radius: 10px !important;
 box-shadow: none !important;
}

#casing input:focus,
#casing textarea:focus,
#casing select:focus {
 border-color: #ff2b2b !important;
 box-shadow: 0 0 10px rgba(255, 43, 43, 0.45) !important;
}

/* FORUM */

.gTableTop {
 background: linear-gradient(135deg, #ff2b2b, #8d0f0f) !important;
 border: none !important;
}

.gTableBody,
.gTableBody1,
.posttdMessage,
.postTdInfo,
.forumNameTd,
.threadNametd {
 background: #181818 !important;
}

/* FOOTER */

#footer {
 background: #0b0b0b !important;
 border-top: 1px solid rgba(255, 43, 43, 0.2);
}

/* SEARCH */

#sch-box {
 display: none !important;
}

.nav-l {
 width: auto !important;
}

/* RULES LINK */

a[href="/rules/1"],
a[href="https://famemc.moy.su/rules/1"] {
 display: none !important;
}

/* MOBILE NAVIGATION BUTTON */

.nav-head {
 display: none !important;
}

/* SCROLLBAR */

::-webkit-scrollbar {
 width: 10px;
}

::-webkit-scrollbar-track {
 background: #090909;
}

::-webkit-scrollbar-thumb {
 background: #ff2b2b;
 border-radius: 30px;
}

::-webkit-scrollbar-thumb:hover {
 background: #ff4d4d;
}

/* ================================
 USER PANEL — FIX TO RIGHT (PC)
================================ */

@media (min-width: 1024px) {

 #header {
 position: relative !important;
 }

 .nav-r,
 #uMenuContainer,
 .loginza,
 .userPanel,
 .user-box,
 .user-menu,
 #userPanel,
 #loginza,
 .topUserPanel {
 position: absolute !important;
 right: 10px !important;
 top: 50% !important;
 transform: translateY(-50%) !important;
 margin: 0 !important;
 float: none !important;
 display: block !important;
 }

}