/**
 * NationsRO UI components & layout system
 */

/* General Styles */
body {
	background: radial-gradient(circle at top, var(--nr-bg-mid) 0%, var(--nr-bg-deep) 100%) no-repeat fixed;
	color: var(--nr-text);
	font-family: var(--nr-font-body);
	font-size: 14px;
	margin: 0;
	padding: 0;
}

a {
	color: var(--nr-accent);
	text-decoration: none;
	transition: color 0.2s ease, text-shadow 0.2s ease;
}

a:hover,
a:focus {
	color: var(--nr-accent-soft);
	text-shadow: 0 0 8px var(--nr-accent-glow);
	text-decoration: none;
}

/* Glassmorphic Main Layout Container */
body > .container.flux-main {
	background: var(--nr-bg-surface);
	backdrop-filter: blur(16px) saturate(180%);
	-webkit-backdrop-filter: blur(16px) saturate(180%);
	border: 1px solid var(--nr-border);
	border-radius: var(--nr-radius-lg);
	box-shadow: var(--nr-shadow-container), 0 0 40px rgba(0, 240, 255, 0.03);
	padding: 30px;
	margin-top: 40px;
	margin-bottom: 50px;
}

/* On home page, we want a tighter fit and custom borders */
body > .container.flux-main-home {
	background: rgba(10, 12, 28, 0.55);
	margin-top: 30px;
	box-shadow: var(--nr-shadow-container);
}

h1, h2, h3, h4, h5 {
	color: #fff;
	font-family: var(--nr-font-display);
	font-weight: 700;
	letter-spacing: -0.5px;
}

h3 {
	border-bottom: 2px solid rgba(255, 255, 255, 0.08);
	padding-bottom: 10px;
	text-transform: uppercase;
	font-size: 1.45rem;
	letter-spacing: 0.5px;
}

/* Navbar customization */
.navbar-inverse {
	background: rgba(7, 9, 19, 0.85) !important;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-bottom: 1px solid var(--nr-border);
	box-shadow: var(--nr-shadow-navbar);
	height: var(--nr-navbar-height);
	display: flex;
	align-items: center;
}

.navbar-brand-img {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	height: var(--nr-navbar-height);
}

.navbar-brand-img img {
	max-height: 48px;
	width: auto;
	object-fit: contain;
}

.navbar-inverse .navbar-nav > li > a {
	color: var(--nr-text-nav);
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: color 0.2s, background-color 0.2s;
	padding: 22px 16px;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color: var(--nr-accent);
	background: rgba(255, 255, 255, 0.03);
}

.navbar-inverse .dropdown-menu {
	background: rgba(7, 9, 19, 0.98);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--nr-radius-md);
	box-shadow: var(--nr-shadow-container);
	padding: 8px 0;
}

.navbar-inverse .dropdown-menu > li > a {
	color: var(--nr-text-nav);
	padding: 10px 20px;
	font-weight: 500;
}

.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > li > a:focus {
	background: rgba(0, 240, 255, 0.12);
	color: var(--nr-accent);
}

/* Play Now Button Styling */
.btn-play-now {
	background: linear-gradient(135deg, var(--nr-cta) 0%, var(--nr-cta-dark) 100%);
	color: #fff !important;
	font-family: var(--nr-font-display);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border-radius: var(--nr-radius-pill);
	border: 1px solid rgba(255, 255, 255, 0.25);
	box-shadow: 0 4px 20px var(--nr-cta-glow);
	transition: transform 0.2s, box-shadow 0.2s, background 0.3s;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 10px 24px;
	text-decoration: none;
}

.btn-play-now:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 25px var(--nr-cta-glow), 0 0 10px var(--nr-accent);
	background: linear-gradient(135deg, #ff1a66 0%, var(--nr-cta) 100%);
}

.btn-play-now .play-icon {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-play-now .play-icon::after {
	content: '';
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent var(--nr-cta);
	margin-left: 2px;
}

/* Navbar Play Item Spacing */
.navbar-play-item {
	display: flex;
	align-items: center;
	height: var(--nr-navbar-height);
	padding: 0 10px;
}

.navbar-play-item .btn-play-now {
	padding: 2px 10px;
	font-size: 9.5px;
	gap: 5px;
	box-shadow: 0 2px 8px var(--nr-cta-glow);
}

.navbar-play-item .btn-play-now .play-icon {
	width: 14px;
	height: 14px;
}

.navbar-play-item .btn-play-now .play-icon::after {
	border-width: 3px 0 3px 5px;
	margin-left: 1px;
}

/* Hero Section */
.hero-section {
	position: relative;
	background: linear-gradient(180deg, rgba(7, 9, 19, 0.5) 0%, rgba(7, 9, 19, 0.95) 100%), 
	            url('../img/hero_bg.png') center/cover no-repeat;
	border-bottom: 1px solid var(--nr-border);
	padding: 100px 0 80px;
	margin-top: 14px;
	overflow: hidden;
}

.hero-glow {
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(0, 240, 255, 0.08) 0%, rgba(255, 0, 85, 0.03) 50%, transparent 100%);
	pointer-events: none;
}

.hero-badge {
	display: inline-block;
	background: rgba(0, 240, 255, 0.1);
	border: 1px solid var(--nr-border-glow);
	color: var(--nr-accent);
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	padding: 6px 14px;
	border-radius: var(--nr-radius-pill);
	margin-bottom: 20px;
}

.hero-title {
	font-size: 4rem;
	font-weight: 900;
	margin: 0 0 15px;
	background: linear-gradient(to right, #fff 30%, var(--nr-accent-soft) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.hero-subtitle {
	font-size: 17px;
	color: var(--nr-text-muted);
	line-height: 1.6;
	margin-bottom: 35px;
	max-width: 600px;
}

.hero-rates-grid {
	display: flex;
	gap: 15px;
	margin-bottom: 40px;
}

.rate-card {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: var(--nr-radius-md);
	padding: 14px 24px;
	text-align: center;
	min-width: 110px;
	backdrop-filter: blur(8px);
}

.rate-card .rate-val {
	font-family: var(--nr-font-display);
	font-size: 24px;
	font-weight: 900;
	color: var(--nr-accent);
}

.rate-card .rate-label {
	font-size: 11px;
	color: var(--nr-text-muted);
	text-transform: uppercase;
	margin-top: 4px;
}

.hero-ctas {
	display: flex;
	gap: 15px;
	margin-bottom: 30px;
}

.btn-hero-cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 30px;
	font-family: var(--nr-font-display);
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-radius: var(--nr-radius-md);
	transition: all 0.25s ease;
}

.btn-hero-primary {
	background: linear-gradient(135deg, var(--nr-accent) 0%, #0077b6 100%);
	color: #070913 !important;
	box-shadow: 0 4px 20px rgba(0, 240, 255, 0.35);
	border: none;
}

.btn-hero-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 25px rgba(0, 240, 255, 0.5);
	color: #070913 !important;
}

.btn-hero-secondary {
	background: rgba(255, 255, 255, 0.05);
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.12);
}

.btn-hero-secondary:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.25);
	transform: translateY(-2px);
}

.hero-status-bar {
	display: flex;
	align-items: center;
	gap: 10px;
}

.status-pulse-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #00ff66;
	box-shadow: 0 0 10px #00ff66;
	animation: pulseStatus 1.8s infinite;
}

@keyframes pulseStatus {
	0%, 100% { opacity: 0.6; transform: scale(0.9); }
	50% { opacity: 1; transform: scale(1.1); }
}

.status-text {
	font-size: 13px;
	color: var(--nr-text-muted);
}

.mascot-wrapper {
	position: relative;
	display: flex;
	justify-content: center;
}

.mascot-wrapper img {
	max-height: 400px;
}

/* Feature Slider */
.feature-slider {
	position: relative;
	border-radius: var(--nr-radius-lg);
	overflow: hidden;
	height: 320px;
	border: 1px solid var(--nr-border);
	margin-bottom: 30px;
	box-shadow: var(--nr-shadow-container);
}

.slides-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}

.slide-item {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease-in-out, visibility 0.5s;
	display: flex;
	align-items: flex-end;
	padding: 40px;
	background-size: cover;
	background-position: center;
}

.slide-item.active {
	opacity: 1;
	visibility: visible;
}

.slide-item:nth-child(1) {
	background-image: linear-gradient(180deg, rgba(7, 9, 19, 0.2) 0%, rgba(7, 9, 19, 0.95) 100%), url('https://i.imgur.com/kYqU37z.jpg');
}
.slide-item:nth-child(2) {
	background-image: linear-gradient(180deg, rgba(7, 9, 19, 0.2) 0%, rgba(7, 9, 19, 0.95) 100%), url('https://i.imgur.com/G5qE6l9.jpg');
}
.slide-item:nth-child(3) {
	background-image: linear-gradient(180deg, rgba(7, 9, 19, 0.2) 0%, rgba(7, 9, 19, 0.95) 100%), url('https://i.imgur.com/UvxD2mO.jpg');
}

.slide-content {
	position: relative;
	z-index: 2;
	max-width: 500px;
}

.slide-tag {
	display: inline-block;
	background: var(--nr-accent);
	color: #070913;
	font-weight: 800;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 4px 10px;
	border-radius: var(--nr-radius-sm);
	margin-bottom: 12px;
}

.slide-content h2 {
	font-size: 26px;
	margin: 0 0 10px;
}

.slide-content p {
	color: var(--nr-text-nav);
	margin-bottom: 15px;
	font-size: 13.5px;
	line-height: 1.5;
}

.btn-slide {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 6px 16px;
	border-radius: var(--nr-radius-pill);
	transition: all 0.2s;
}

.btn-slide:hover {
	background: var(--nr-accent);
	color: #070913;
	border-color: var(--nr-accent);
}

.slider-controls {
	position: absolute;
	bottom: 25px;
	right: 40px;
	display: flex;
	gap: 10px;
	z-index: 10;
}

.slider-control {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.4);
	background: transparent;
	cursor: pointer;
	padding: 0;
	transition: all 0.2s;
}

.slider-control.active,
.slider-control:hover {
	background: var(--nr-accent);
	border-color: var(--nr-accent);
	box-shadow: 0 0 8px var(--nr-accent-glow);
}

/* Sidebar Widgets */
.sidebar-widget {
	background: var(--nr-bg-card);
	border: 1px solid var(--nr-border);
	border-radius: var(--nr-radius-md);
	margin-bottom: 24px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.widget-header {
	background: rgba(255, 255, 255, 0.02);
	border-bottom: 1px solid var(--nr-border);
	padding: 12px 20px;
}

.widget-header h4 {
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--nr-accent-soft);
	display: flex;
	align-items: center;
	gap: 8px;
}

.widget-content {
	padding: 16px 20px;
}

/* Server Status list */
.server-stat-item {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.server-stat-item:last-child {
	border: none;
	padding-bottom: 0;
}

.server-stat-item:first-child {
	padding-top: 0;
}

.server-stat-item .stat-name {
	color: var(--nr-text-muted);
}

.server-stat-item .stat-val {
	font-weight: 600;
}

.bg-cyan-text { color: var(--nr-accent); }
.bg-pink-text { color: var(--nr-cta); }

/* Tabs inside Ranking widget */
.ranking-tabs {
	border-bottom: none;
	display: flex;
	gap: 5px;
	margin: 0;
}

.ranking-tabs > li {
	flex: 1;
	margin: 0;
}

.ranking-tabs > li > a {
	border: none !important;
	background: transparent !important;
	color: var(--nr-text-muted) !important;
	text-align: center;
	padding: 8px 0;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	border-radius: var(--nr-radius-sm);
	transition: all 0.2s;
}

.ranking-tabs > li.active > a {
	color: var(--nr-accent) !important;
	background: rgba(0, 240, 255, 0.08) !important;
	box-shadow: inset 0 -2px 0 var(--nr-accent);
}

.ranking-tabs > li > a:hover {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.03) !important;
}

/* Ranking lists */
.ranking-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.ranking-item {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.ranking-item:last-child {
	border: none;
}

.rank-pos {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--nr-font-display);
	font-weight: 800;
	font-size: 11px;
	background: rgba(255, 255, 255, 0.05);
	color: var(--nr-text-muted);
}

.rank-1 { background: var(--nr-gold); color: #070913; box-shadow: 0 0 10px var(--nr-gold-glow); }
.rank-2 { background: var(--nr-silver); color: #070913; }
.rank-3 { background: var(--nr-bronze); color: #070913; }

.rank-details {
	flex-grow: 1;
}

.rank-name {
	font-weight: 600;
	color: #fff;
}

.rank-sub {
	font-size: 11px;
	color: var(--nr-text-muted);
	margin-top: 2px;
}

.rank-badge {
	font-size: 10px;
	background: rgba(255, 255, 255, 0.06);
	padding: 2px 6px;
	border-radius: var(--nr-radius-sm);
	color: var(--nr-text-muted);
}

/* Castle list */
.castle-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.castle-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.castle-item:last-child {
	border: none;
}

.castle-meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

.castle-name {
	font-weight: 600;
}

/* News Cards Redesign */
.news-card {
	background: var(--nr-bg-card);
	border: 1px solid var(--nr-border);
	border-radius: var(--nr-radius-md);
	padding: 24px;
	margin-bottom: 24px;
	position: relative;
	transition: transform 0.2s, box-shadow 0.2s;
}

.news-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4), 0 0 15px rgba(0, 240, 255, 0.02);
}

.news-card-badge {
	position: absolute;
	top: 24px;
	right: 24px;
	background: var(--nr-cta);
	color: #fff;
	font-weight: 800;
	font-size: 9px;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: var(--nr-radius-sm);
	letter-spacing: 0.08em;
}

.news-card-title {
	font-size: 20px;
	margin: 0 0 8px;
	padding-right: 60px;
	color: #fff;
}

.news-card-meta {
	font-size: 11px;
	color: var(--nr-text-muted);
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.news-card-meta .spacer {
	opacity: 0.3;
}

.news-card-content {
	color: var(--nr-text-nav);
	line-height: 1.6;
	font-size: 13.5px;
}

.news-card-content p {
	margin-bottom: 12px;
}

.news-card-footer {
	margin-top: 15px;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	padding-top: 12px;
}

.btn-news-link {
	color: var(--nr-accent);
	font-weight: 700;
	font-size: 12.5px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.btn-news-link:hover {
	color: var(--nr-accent-soft);
}

/* In-page navigation panels (submenu / pagemenu) */
.flux-panel-nav {
	background: rgba(12, 15, 36, 0.5);
	border: 1px solid var(--nr-border);
	border-radius: var(--nr-radius-md);
	padding: 16px 20px;
	margin-bottom: 24px;
}

.flux-panel-nav-header {
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.flux-panel-nav .flux-submenu-label,
.flux-panel-nav .flux-pagemenu-label {
	display: block;
	color: var(--nr-text-muted);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: 0;
}

.nav-pills-condensed {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav-pills-condensed > li > a {
	border-radius: var(--nr-radius-pill);
	padding: 6px 16px;
	font-size: 13px;
	font-weight: 600;
	color: var(--nr-text-nav);
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
	transition: all 0.2s;
}

.nav-pills-condensed > li > a:hover,
.nav-pills-condensed > li > a:focus {
	background: rgba(0, 240, 255, 0.1);
	border-color: rgba(0, 240, 255, 0.25);
	color: var(--nr-accent);
}

.nav-pills-condensed > li.active > a,
.nav-pills-condensed > li.active > a:hover,
.nav-pills-condensed > li.active > a:focus {
	background: var(--nr-accent);
	border-color: var(--nr-accent);
	color: #070913;
	box-shadow: 0 0 12px var(--nr-accent-glow);
}

/* Form Design & Harmonization */
.flux-main .generic-form,
.flux-main .generic-form-div {
	background: rgba(12, 15, 36, 0.5);
	border: 1px solid var(--nr-border);
	border-radius: var(--nr-radius-md);
	padding: 24px 30px;
	color: var(--nr-text);
	width: 100%;
	max-width: 580px;
	margin: 0 auto;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

.flux-main .generic-form-table {
	width: 100%;
	border: none;
	background: transparent;
}

.flux-main .generic-form-table th {
	background: transparent;
	border: none;
	vertical-align: middle;
	width: 35%;
	text-align: right;
}

.flux-main .generic-form-table td {
	background: transparent;
	border: none;
	vertical-align: middle;
	padding: 8px 0 8px 15px;
}

.flux-main .generic-form-table th label {
	color: var(--nr-text-nav);
	font-weight: 600;
	font-size: 13px;
	margin: 0;
}

.flux-main .generic-form-table td p {
	color: var(--nr-text-muted);
	font-size: 12px;
	margin: 4px 0 0;
}

/* Form inputs styling */
input[type=text],
input[type=password],
input[type=file],
input[type=email],
input[type=number],
textarea,
select,
.form-control {
	background-color: var(--nr-bg-input);
	color: #fff;
	border: 1px solid var(--nr-border-input);
	border-radius: var(--nr-radius-sm);
	padding: 8px 14px;
	font-size: 13.5px;
	transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=file]:focus,
textarea:focus,
select:focus,
.form-control:focus {
	border-color: var(--nr-accent);
	box-shadow: 0 0 10px rgba(0, 240, 255, 0.25);
	background-color: rgba(15, 20, 48, 0.9);
	outline: none;
	color: #fff;
}

/* Action buttons */
.submit_button,
input[type=submit],
input[type=button],
button,
.btn-primary {
	background: linear-gradient(135deg, #2c385b 0%, #151c38 100%);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: #fff;
	font-family: var(--nr-font-display);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 12.5px;
	border-radius: var(--nr-radius-sm);
	padding: 9px 22px;
	cursor: pointer;
	transition: all 0.2s;
}

.submit_button:hover,
input[type=submit]:hover,
input[type=button]:hover,
button:hover,
.btn-primary:hover {
	background: linear-gradient(135deg, var(--nr-accent) 0%, #0077b6 100%);
	color: #070913;
	border-color: var(--nr-accent);
	box-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

/* Tables visual revamp */
.table-scroll-wrap {
	border-radius: var(--nr-radius-md);
	overflow: hidden;
	border: 1px solid var(--nr-border);
	margin-bottom: 24px;
}

.horizontal-table,
.vertical-table,
.generic-form-table {
	background: var(--nr-bg-table) !important;
	border: none !important;
	width: 100%;
	border-collapse: collapse;
}

.horizontal-table th,
.vertical-table th {
	background: var(--nr-bg-table-th) !important;
	color: #fff !important;
	border-bottom: 1px solid var(--nr-border) !important;
	font-weight: 700;
	font-family: var(--nr-font-display);
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.5px;
	padding: 12px 16px;
}

.horizontal-table td,
.vertical-table td {
	background: var(--nr-bg-table-td) !important;
	color: var(--nr-text-nav) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
	padding: 12px 16px;
	font-size: 13.5px;
}

.horizontal-table tr:hover td {
	background: rgba(255, 255, 255, 0.01) !important;
}

/* Alerts custom styling */
.alert-flux {
	border-radius: var(--nr-radius-md);
	border: none;
	padding: 14px 20px;
	margin-bottom: 24px;
}

.alert-flux.alert-success,
.message.alert {
	background: rgba(0, 255, 102, 0.1) !important;
	border: 1px solid rgba(0, 255, 102, 0.25) !important;
	color: #a3ffd6 !important;
}

.alert-flux.alert-info,
.notice.alert {
	background: rgba(0, 240, 255, 0.08) !important;
	border: 1px solid rgba(0, 240, 255, 0.25) !important;
	color: #d1f8ff !important;
}

/* Sticky Footer */
#footer {
	background: rgba(7, 9, 19, 0.98);
	border-top: 1px solid var(--nr-border);
	padding: 24px 0;
	height: auto;
}

#footer .text-muted,
#footer a {
	color: var(--nr-text-muted);
	font-size: 13px;
}

#footer a:hover {
	color: var(--nr-accent);
}

#footer .footer-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

#footer .footer-meta-section {
	flex: 0 1 auto;
}

#footer select.form-control {
	display: inline-block;
	width: auto;
	min-width: 120px;
	height: 38px !important;
	padding: 6px 12px !important;
	vertical-align: middle;
	background-color: var(--nr-bg-input);
	border: 1px solid var(--nr-border-input);
	color: #fff;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	background: var(--nr-bg-deep);
}

::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.12);
	border-radius: var(--nr-radius-pill);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--nr-accent);
}