/* =========================================================
   ONLYGAMERS / MYBB 1.8 - GLOBAL BASE
   Fișier curățat: fără HTML, fără reguli vechi duplicate
   ========================================================= */

* {
	box-sizing: border-box;
}

html {
	background: #050814;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	min-width: 0;
	overflow-x: hidden;
	color: #f4f7fb;
	font-family: "Oxanium", Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
}

a,
a:link,
a:visited {
	color: #f5b700;
	text-decoration: none;
}

a:hover,
a:active {
	color: #ffd45a;
	text-decoration: none;
}

img {
	max-width: 100%;
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
	color: inherit;
	font-size: inherit;
	border-collapse: collapse;
}

.wrapper {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hidden,
.hiddenrow {
	display: none !important;
}

.smalltext {
	font-size: 11px;
}

.largetext {
	font-size: 16px;
	font-weight: 700;
}

/* Elemente MyBB generale */

.tborder {
	width: 100%;
	border: 1px solid rgba(148, 163, 184, 0.15);
	border-radius: 12px;
	background: #0c1424;
	overflow: hidden;
}

.thead,
.thead_collapsed {
	padding: 12px 14px;
	border: 0;
	background: #101a2d;
	color: #fff;
}

.tcat {
	padding: 9px 12px;
	border-top: 1px solid rgba(148, 163, 184, 0.10);
	border-bottom: 1px solid rgba(148, 163, 184, 0.10);
	background: #0f1829;
	color: #8995aa;
}

.trow1,
.trow2 {
	padding: 11px;
	border-color: rgba(148, 163, 184, 0.10);
	background: #0c1424;
	color: #dbe2ee;
}

.trow1:hover,
.trow2:hover {
	background: #111c30;
}

.tfoot {
	padding: 10px;
	border-top: 1px solid rgba(148, 163, 184, 0.12);
	background: #0d1728;
	color: #8995aa;
}

.trow_shaded,
.post.unapproved_post {
	background: rgba(255, 193, 7, 0.08);
}

.trow_deleted,
.post.deleted_post {
	background: rgba(160, 120, 255, 0.08);
}

input.textbox,
textarea,
select {
	max-width: 100%;
	padding: 9px 11px;
	border: 1px solid rgba(148, 163, 184, 0.20);
	border-radius: 8px;
	outline: 0;
	background: #0d1728;
	color: #f4f7fb;
	font: inherit;
}

input.textbox:focus,
textarea:focus,
select:focus {
	border-color: rgba(245, 183, 0, 0.55);
	box-shadow: 0 0 0 3px rgba(245, 183, 0, 0.08);
}

button,
input.button,
a.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 8px 12px;
	border: 1px solid #f5b700;
	border-radius: 8px;
	outline: 0;
	background: #f5b700;
	color: #111 !important;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	transition: 0.18s ease;
}

button:hover,
input.button:hover,
a.button:hover {
	background: #ffd45a;
	border-color: #ffd45a;
	transform: translateY(-1px);
}

fieldset {
	margin: 0;
	padding: 14px;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 10px;
}

blockquote,
.codeblock {
	margin: 12px 0;
	padding: 13px 15px;
	border: 1px solid rgba(148, 163, 184, 0.15);
	border-left: 3px solid #f5b700;
	border-radius: 9px;
	background: #0d1728;
	color: #c9d2df;
}

blockquote cite,
.codeblock .title {
	display: block;
	margin-bottom: 9px;
	padding-bottom: 7px;
	border-bottom: 1px solid rgba(148, 163, 184, 0.12);
	color: #fff;
	font-style: normal;
	font-weight: 700;
}

.codeblock code {
	display: block;
	max-height: 280px;
	overflow: auto;
	white-space: pre;
	font-family: Consolas, Monaco, monospace;
	font-size: 12px;
}

.navigation {
	margin-bottom: 15px;
	padding: 10px 13px;
	border: 1px solid rgba(148, 163, 184, 0.13);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.018);
	color: #8995aa;
	font-size: 11px;
}

.navigation a {
	color: #f5b700 !important;
}

.pagination {
	margin: 8px 0;
	font-size: 11px;
}

.pagination a,
.pagination .pagination_current {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	min-height: 28px;
	margin: 2px;
	padding: 3px 7px;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 7px;
	background: #0d1728;
	color: #c9d2df;
}

.pagination a:hover,
.pagination .pagination_current {
	border-color: #f5b700;
	background: #f5b700;
	color: #111 !important;
}

.pm_alert,
.red_alert,
div.error {
	margin-bottom: 15px;
	padding: 10px 14px;
	border-radius: 9px;
}

.pm_alert {
	border: 1px solid rgba(245, 183, 0, 0.38);
	background: rgba(245, 183, 0, 0.10);
	color: #ffd45a;
}

.red_alert,
div.error {
	border: 1px solid rgba(255, 96, 96, 0.40);
	background: rgba(255, 96, 96, 0.09);
	color: #ffaaaa;
}

.online {
	color: #22e58d;
}

.offline {
	color: #7a879a;
}

/* Popup-uri și modaluri MyBB */

.popup_menu {
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 9px;
	background: #0d1728;
	overflow: hidden;
}

.popup_menu .popup_item {
	display: block;
	padding: 8px 10px;
	background: #0d1728;
	color: #c9d2df;
}

.popup_menu .popup_item:hover {
	background: rgba(245, 183, 0, 0.10);
	color: #ffd45a;
}

.blocker {
	z-index: 9999;
	background: rgba(2, 5, 12, 0.78);
	backdrop-filter: blur(4px);
}

.modal {
	border: 1px solid rgba(148, 163, 184, 0.18);
	border-radius: 12px;
	background: #0e1728;
	color: #f4f7fb;
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);
}

/* Compatibilitate postări MyBB până la etapa Show Thread */

.post {
	margin-bottom: 16px;
	border: 1px solid rgba(148, 163, 184, 0.14);
	border-radius: 11px;
	background: #0c1424;
	overflow: hidden;
}

.post .post_author {
	padding: 11px;
	border-bottom: 1px solid rgba(148, 163, 184, 0.12);
	background: #0d1728;
}

.post.classic .post_author {
	float: left;
	width: 18%;
	margin: 0;
	border-right: 1px solid rgba(148, 163, 184, 0.12);
	border-bottom: 0;
}

.post.classic .post_content {
	float: left;
	width: 82%;
	padding: 14px 16px;
}

.post_content {
	padding: 14px 16px;
}

.post_body {
	padding: 12px 0;
	font-size: 14px;
}

.post_controls {
	clear: both;
	padding: 9px 11px;
	border-top: 1px solid rgba(148, 163, 184, 0.12);
	background: #0d1728;
}

.postbit_buttons > a {
	display: inline-flex;
	align-items: center;
	margin: 2px;
	padding: 6px 9px;
	border: 1px solid rgba(148, 163, 184, 0.16);
	border-radius: 7px;
	background: rgba(255, 255, 255, 0.025);
	color: #c9d2df !important;
}

.postbit_buttons > a:hover {
	border-color: rgba(245, 183, 0, 0.38);
	color: #ffd45a !important;
}

@media (max-width: 760px) {
	.post.classic .post_author,
	.post.classic .post_content {
		float: none;
		width: 100%;
	}

	.post.classic .post_author {
		border-right: 0;
		border-bottom: 1px solid rgba(148, 163, 184, 0.12);
	}
}

/* =========================================================
   ONLYGAMERS FORUM - APP LAYOUT
   ========================================================= */

:root {
	--og-sidebar-width: 258px;
	--og-header-height: 76px;
	--og-bg: #050814;
	--og-sidebar-bg: #0d1728;
	--og-panel: #101827;
	--og-panel-soft: #131d30;
	--og-border: rgba(148, 163, 184, 0.16);
	--og-border-strong: rgba(245, 183, 0, 0.32);
	--og-yellow: #f5b700;
	--og-yellow-light: #ffd45a;
	--og-text: #f4f7fb;
	--og-muted: #8995aa;
	--og-success: #22e58d;
}

html,
body {
	min-height: 100%;
}

body {
	margin: 0;
	background:
		radial-gradient(circle at 75% 0%, rgba(44, 69, 120, 0.10), transparent 32%),
		var(--og-bg);
	color: var(--og-text);
	font-family: "Oxanium", sans-serif;
}

body.og-sidebar-open {
	overflow: hidden;
}

#container.og-app {
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.og-sidebar {
	position: fixed;
	inset: 0 auto 0 0;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: var(--og-sidebar-width);
	height: 100vh;
	box-sizing: border-box;
	padding: 24px 12px 16px;
	background:
		linear-gradient(180deg, rgba(255,255,255,0.015), transparent 26%),
		var(--og-sidebar-bg);
	border-right: 1px solid var(--og-border);
	overflow-y: auto;
	overflow-x: hidden;
}

.og-sidebar-top {
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.og-sidebar-brand {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 66px;
	padding: 0 12px 20px;
	border-bottom: 1px solid var(--og-border);
}

.og-sidebar-brand > a {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.og-sidebar-brand img {
	display: block;
	width: 42px;
	height: 42px;
	object-fit: contain;
}

.og-brand-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.og-brand-text strong {
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.1;
	white-space: nowrap;
}

.og-brand-text span {
	margin-top: 6px;
	color: var(--og-yellow-light);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 1.15px;
	white-space: nowrap;
}

.og-sidebar-close {
	display: none;
	position: absolute;
	right: 0;
	top: 4px;
	width: 36px;
	height: 36px;
	border: 1px solid var(--og-border);
	border-radius: 10px;
	background: rgba(255,255,255,0.035);
	color: #fff;
	cursor: pointer;
}

.og-sidebar-profile {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 14px 0 12px;
	padding: 13px 12px;
	border: 1px solid rgba(133, 152, 206, 0.20);
	border-radius: 10px;
	background:
		linear-gradient(135deg, rgba(245,183,0,0.07), transparent 50%),
		rgba(22, 31, 53, 0.85);
}

.og-profile-avatar {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	border: 1px solid rgba(245, 183, 0, 0.45);
	border-radius: 50%;
	background: rgba(245, 183, 0, 0.13);
	color: var(--og-yellow-light);
	font-size: 16px;
}

.og-profile-info {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.og-profile-info strong {
	overflow: hidden;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.og-profile-info span {
	margin-top: 4px;
	color: var(--og-muted);
	font-size: 8px;
	font-weight: 600;
}

.og-sidebar-menu {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 4px;
}

.og-sidebar-menu a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 13px;
	min-height: 44px;
	box-sizing: border-box;
	padding: 0 13px;
	border: 1px solid transparent;
	border-radius: 9px;
	color: #aeb8ca;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	transition:
		background 0.18s ease,
		border-color 0.18s ease,
		color 0.18s ease,
		transform 0.18s ease;
}

.og-sidebar-menu a i {
	width: 18px;
	color: #8491aa;
	font-size: 15px;
	text-align: center;
	transition: color 0.18s ease;
}

.og-sidebar-menu a:hover {
	color: #fff;
	background: rgba(255,255,255,0.045);
	transform: translateX(2px);
}

.og-sidebar-menu a:hover i {
	color: var(--og-yellow-light);
}

.og-sidebar-menu a.active {
	border-color: rgba(245, 183, 0, 0.34);
	background:
		linear-gradient(90deg, rgba(245,183,0,0.13), rgba(245,183,0,0.035));
	color: var(--og-yellow-light);
}

.og-sidebar-menu a.active::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 10px;
	bottom: 10px;
	width: 3px;
	border-radius: 0 4px 4px 0;
	background: var(--og-yellow);
	box-shadow: 0 0 12px rgba(245, 183, 0, 0.45);
}

.og-sidebar-menu a.active i {
	color: var(--og-yellow-light);
}

.og-sidebar-server {
	padding: 13px 12px;
	border: 1px solid rgba(112, 136, 193, 0.25);
	border-radius: 9px;
	background: rgba(13, 22, 40, 0.82);
}

.og-server-status {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 9px;
	color: var(--og-success);
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
}

.og-status-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--og-success);
	box-shadow: 0 0 10px rgba(34, 229, 141, 0.75);
	animation: ogStatusPulse 2s infinite;
}

@keyframes ogStatusPulse {
	0%,
	100% {
		opacity: 1;
		transform: scale(1);
	}

	50% {
		opacity: 0.45;
		transform: scale(0.82);
	}
}

.og-sidebar-server > strong {
	display: block;
	color: #fff;
	font-size: 11px;
}

.og-sidebar-server > small {
	display: block;
	margin-top: 6px;
	color: var(--og-muted);
	font-size: 8px;
}

.og-server-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 7px;
	margin-top: 12px;
}

.og-server-actions a,
.og-server-actions button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 31px;
	box-sizing: border-box;
	padding: 0 8px;
	border: 1px solid var(--og-border);
	border-radius: 7px;
	background: rgba(255,255,255,0.035);
	color: #c7cfdd;
	font: inherit;
	font-size: 8px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	transition: 0.18s ease;
}

.og-server-actions a:hover,
.og-server-actions button:hover {
	border-color: rgba(245,183,0,0.35);
	background: rgba(245,183,0,0.10);
	color: var(--og-yellow-light);
}

.og-sidebar-overlay {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 990;
	background: rgba(2, 5, 12, 0.74);
	backdrop-filter: blur(3px);
}

.og-page {
	min-height: 100vh;
	margin-left: var(--og-sidebar-width);
}

.og-header {
	position: sticky;
	top: 0;
	z-index: 900;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	height: var(--og-header-height);
	box-sizing: border-box;
	padding: 0 28px;
	border-bottom: 1px solid var(--og-border);
	background: rgba(8, 14, 27, 0.92);
	backdrop-filter: blur(14px);
}

.og-header-left {
	display: flex;
	align-items: center;
	gap: 15px;
	flex: 1;
	min-width: 0;
}

.og-header-right {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.og-menu-toggle {
	display: none;
	width: 42px;
	height: 42px;
	flex-shrink: 0;
	border: 1px solid var(--og-border);
	border-radius: 10px;
	background: rgba(255,255,255,0.035);
	color: #fff;
	font-size: 17px;
	cursor: pointer;
}

.og-mobile-brand {
	display: none;
	align-items: center;
	gap: 9px;
	color: #fff;
	text-decoration: none;
}

.og-mobile-brand img {
	width: 35px;
	height: 35px;
	object-fit: contain;
}

.og-mobile-brand div {
	display: flex;
	flex-direction: column;
}

.og-mobile-brand strong {
	font-size: 13px;
}

.og-mobile-brand span {
	margin-top: 2px;
	color: var(--og-muted);
	font-size: 7px;
	text-transform: uppercase;
}

.og-header-search {
	display: flex;
	align-items: center;
	width: min(460px, 100%);
	height: 42px;
	box-sizing: border-box;
	padding-left: 15px;
	border: 1px solid var(--og-border);
	border-radius: 10px;
	background: rgba(255,255,255,0.025);
	transition: border-color 0.18s ease, background 0.18s ease;
}

.og-header-search:focus-within {
	border-color: rgba(245,183,0,0.43);
	background: rgba(255,255,255,0.04);
	box-shadow: 0 0 0 3px rgba(245,183,0,0.05);
}

.og-header-search > i {
	color: #718099;
	font-size: 13px;
}

.og-header-search input {
	flex: 1;
	min-width: 0;
	height: 100%;
	padding: 0 12px;
	border: 0;
	outline: 0;
	background: transparent;
	color: #fff;
	font-family: inherit;
	font-size: 11px;
}

.og-header-search input::placeholder {
	color: #66738a;
}

.og-header-search button {
	display: grid;
	place-items: center;
	width: 38px;
	height: 32px;
	margin-right: 5px;
	border: 0;
	border-radius: 8px;
	background: rgba(245,183,0,0.12);
	color: var(--og-yellow-light);
	cursor: pointer;
	transition: 0.18s ease;
}

.og-header-search button:hover {
	background: var(--og-yellow);
	color: #111;
}

.og-header-action {
	position: relative;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	box-sizing: border-box;
	border: 1px solid var(--og-border);
	border-radius: 10px;
	background: rgba(255,255,255,0.025);
	color: #9ba7bc;
	text-decoration: none;
	transition: 0.18s ease;
}

.og-header-action:hover {
	border-color: rgba(245,183,0,0.35);
	color: var(--og-yellow-light);
}

.og-notification-dot {
	position: absolute;
	top: 9px;
	right: 9px;
	width: 6px;
	height: 6px;
	border: 2px solid #0a1120;
	border-radius: 50%;
	background: var(--og-yellow);
}

.og-user-menu {
	position: relative;
}

.og-user-menu > summary {
	list-style: none;
}

.og-user-menu > summary::-webkit-details-marker {
	display: none;
}

.og-user-trigger {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 180px;
	height: 46px;
	box-sizing: border-box;
	padding: 5px 10px 5px 6px;
	border: 1px solid var(--og-border);
	border-radius: 11px;
	background: rgba(255,255,255,0.025);
	cursor: pointer;
	user-select: none;
	transition: 0.18s ease;
}

.og-user-trigger:hover,
.og-user-menu[open] .og-user-trigger {
	border-color: rgba(245,183,0,0.32);
	background: rgba(255,255,255,0.045);
}

.og-user-avatar {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	border: 1px solid rgba(245,183,0,0.35);
	border-radius: 9px;
	background: rgba(245,183,0,0.11);
	color: var(--og-yellow-light);
	font-size: 13px;
}

.og-user-details {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
}

.og-user-details strong {
	overflow: hidden;
	color: #fff;
	font-size: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.og-user-details small {
	margin-top: 3px;
	color: var(--og-muted);
	font-size: 8px;
}

.og-user-chevron {
	color: #6e7b91;
	font-size: 9px;
	transition: transform 0.18s ease;
}

.og-user-menu[open] .og-user-chevron {
	transform: rotate(180deg);
}

.og-user-dropdown {
	position: absolute;
	top: calc(100% + 11px);
	right: 0;
	z-index: 1100;
	width: 255px;
	padding: 9px;
	border: 1px solid var(--og-border);
	border-radius: 12px;
	background: #0e1728;
	box-shadow: 0 24px 60px rgba(0,0,0,0.42);
	animation: ogDropdownIn 0.16s ease;
}

@keyframes ogDropdownIn {
	from {
		opacity: 0;
		transform: translateY(-5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.og-dropdown-header {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 10px;
	border-bottom: 1px solid var(--og-border);
}

.og-dropdown-avatar {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: rgba(245,183,0,0.12);
	color: var(--og-yellow-light);
}

.og-dropdown-header > div {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.og-dropdown-header strong {
	overflow: hidden;
	color: #fff;
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.og-dropdown-header span {
	margin-top: 4px;
	color: var(--og-muted);
	font-size: 8px;
}

.og-dropdown-links {
	display: flex;
	flex-direction: column;
	padding: 7px 0;
}

.og-dropdown-links a,
.og-dropdown-links li a,
.og-dropdown-footer a {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 38px;
	box-sizing: border-box;
	padding: 0 10px;
	border-radius: 8px;
	color: #aeb8ca;
	font-size: 9px;
	font-weight: 600;
	text-decoration: none;
	transition: 0.16s ease;
}

.og-dropdown-links li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.og-dropdown-links a i,
.og-dropdown-footer a i {
	width: 16px;
	color: #7f8ba1;
	text-align: center;
}

.og-dropdown-links a:hover,
.og-dropdown-links li a:hover,
.og-dropdown-footer a:hover {
	background: rgba(255,255,255,0.045);
	color: #fff;
}

.og-dropdown-links a:hover i,
.og-dropdown-footer a:hover i {
	color: var(--og-yellow-light);
}

.og-dropdown-footer {
	padding-top: 7px;
	border-top: 1px solid var(--og-border);
}

.og-dropdown-footer a {
	color: #ff8b8b;
}

.og-login-button,
.og-register-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 40px;
	box-sizing: border-box;
	padding: 0 15px;
	border-radius: 9px;
	font-size: 9px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.18s ease;
}

.og-login-button {
	border: 1px solid var(--og-border);
	background: rgba(255,255,255,0.025);
	color: #c3cbd9;
}

.og-register-button {
	border: 1px solid var(--og-yellow);
	background: var(--og-yellow);
	color: #111;
}

.og-login-button:hover {
	border-color: rgba(245,183,0,0.35);
	color: var(--og-yellow-light);
}

.og-register-button:hover {
	background: var(--og-yellow-light);
	color: #111;
}

.og-main-content {
	min-height: calc(100vh - var(--og-header-height));
	padding: 24px 28px 50px;
	box-sizing: border-box;
	background: transparent;
}

.og-main-content > .wrapper {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.og-login-modal {
	width: min(440px, calc(100vw - 30px));
	border: 1px solid var(--og-border) !important;
	border-radius: 14px !important;
	background: #0e1728 !important;
	color: #fff;
	overflow: hidden;
	box-shadow: 0 30px 90px rgba(0,0,0,0.55);
}

.og-modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 22px;
	border-bottom: 1px solid var(--og-border);
}

.og-modal-header span {
	color: var(--og-yellow);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 1.4px;
}

.og-modal-header h3 {
	margin: 5px 0 0;
	color: #fff;
	font-size: 18px;
}

.og-modal-header .modal_close {
	display: grid;
	place-items: center;
	width: 35px;
	height: 35px;
	border: 1px solid var(--og-border);
	border-radius: 9px;
	background: rgba(255,255,255,0.035);
	color: #fff;
	cursor: pointer;
}

.og-modal-body {
	padding: 20px 22px;
}

/* Ascundem structurile vechi ale headerului, dacă mai există CSS vechi */
#header.og-top-header,
#panel,
.menu.top_links,
.menu.panel_links,
.menu.user_links {
	display: none;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
	.og-sidebar {
		transform: translateX(-100%);
		box-shadow: 25px 0 70px rgba(0,0,0,0.45);
		transition: transform 0.24s ease;
	}

	.og-sidebar.is-open {
		transform: translateX(0);
	}

	.og-sidebar-close {
		display: grid;
		place-items: center;
	}

	.og-sidebar.is-open + .og-sidebar-overlay,
	body.og-sidebar-open .og-sidebar-overlay {
		display: block;
	}

	.og-page {
		margin-left: 0;
	}

	.og-menu-toggle {
		display: grid;
		place-items: center;
	}

	.og-mobile-brand {
		display: flex;
	}

	.og-header-search {
		margin-left: 10px;
	}
}

@media (max-width: 760px) {
	:root {
		--og-header-height: 66px;
	}

	.og-header {
		padding: 0 14px;
		gap: 10px;
	}

	.og-header-left {
		gap: 9px;
	}

	.og-header-search {
		display: none;
	}

	.og-user-trigger {
		min-width: 0;
		width: 44px;
		padding: 4px;
	}

	.og-user-details,
	.og-user-chevron {
		display: none;
	}

	.og-user-avatar {
		width: 34px;
		height: 34px;
	}

	.og-user-dropdown {
		position: fixed;
		top: 74px;
		right: 12px;
		width: min(270px, calc(100vw - 24px));
	}

	.og-main-content {
		padding: 17px 13px 40px;
	}

	.og-login-button,
	.og-register-button {
		width: 40px;
		padding: 0;
	}

	.og-login-button span,
	.og-register-button span {
		display: none;
	}
}

@media (max-width: 430px) {
	.og-sidebar {
		width: min(292px, 86vw);
	}

	.og-mobile-brand span {
		display: none;
	}

	.og-mobile-brand strong {
		font-size: 11px;
	}

	.og-header-action {
		width: 39px;
		height: 39px;
	}
}
/* Elimină resturile headerului MyBB vechi */
body > .upper,
body > .lower,
body > #panel,
body > #header,
.og-page > .upper,
.og-page > .lower,
.og-page > #panel,
.og-page > #header {
	display: none !important;
}
.og-guest-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	width: auto !important;
	max-width: max-content;
}

.og-guest-actions .og-login-button,
.og-guest-actions .og-register-button {
	display: inline-flex !important;
	width: auto !important;
	min-width: 90px;
	flex: 0 0 auto;
}

body.logged-in .og-guest-actions {
	display: none !important;
}
/* =========================================================
   ONLYGAMERS - SIDEBAR USER PROFILE
   ========================================================= */

.og-sidebar-profile {
	position: relative;
	display: flex;
	align-items: center;
	gap: 11px;
	margin: 14px 0 12px;
	padding: 13px 10px;
	border: 1px solid rgba(133, 152, 206, 0.20);
	border-radius: 11px;
	background:
		linear-gradient(135deg, rgba(245, 183, 0, 0.08), transparent 55%),
		rgba(22, 31, 53, 0.85);
	overflow: hidden;
}

.og-sidebar-profile::before {
	content: "";
	position: absolute;
	top: 0;
	left: 18px;
	right: 18px;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(245, 183, 0, 0.55),
		transparent
	);
}

.og-profile-avatar {
	position: relative;
	display: grid;
	place-items: center;
	width: 43px;
	height: 43px;
	flex: 0 0 43px;
	padding: 0;
	border: 1px solid rgba(245, 183, 0, 0.48);
	border-radius: 11px;
	background: rgba(245, 183, 0, 0.12);
	color: var(--og-yellow-light);
	text-decoration: none;
	overflow: visible;
}

.og-profile-avatar img {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;
}

.og-avatar-fallback {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: grid;
	place-items: center;
	border-radius: 10px;
	color: var(--og-yellow-light);
	font-size: 16px;
}

.og-profile-avatar.no-avatar img {
	display: none;
}

.og-profile-online-dot {
	position: absolute;
	right: -3px;
	bottom: -3px;
	z-index: 4;
	width: 10px;
	height: 10px;
	border: 3px solid #131d30;
	border-radius: 50%;
	background: #22e58d;
	box-shadow: 0 0 9px rgba(34, 229, 141, 0.8);
}

.og-profile-info {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
	padding-right: 26px;
}

.og-profile-info strong {
	overflow: hidden;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.og-profile-group {
	display: block;
	overflow: hidden;
	margin-top: 4px;
	color: var(--og-yellow-light);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 0.4px;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.og-profile-status {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 5px;
	color: #6f7e96;
	font-size: 7px;
	font-weight: 600;
}

.og-profile-status i {
	color: #22e58d;
	font-size: 5px;
}

.og-profile-settings {
	position: absolute;
	top: 50%;
	right: 9px;
	display: grid;
	place-items: center;
	width: 27px;
	height: 27px;
	border: 1px solid rgba(148, 163, 184, 0.14);
	border-radius: 7px;
	background: rgba(255, 255, 255, 0.025);
	color: #76839a;
	font-size: 9px;
	text-decoration: none;
	transform: translateY(-50%);
	transition: 0.18s ease;
}

.og-profile-settings:hover {
	border-color: rgba(245, 183, 0, 0.35);
	background: rgba(245, 183, 0, 0.10);
	color: var(--og-yellow-light);
}

.og-sidebar-profile.is-guest .og-profile-online-dot {
	background: #677389;
	box-shadow: none;
}

.og-sidebar-profile.is-guest .og-profile-status i {
	color: #677389;
}

.og-sidebar-profile.is-guest .og-profile-group {
	color: #8995aa;
}
/* =========================================================
   ONLYGAMERS - FORUM INDEX
   ========================================================= */

.og-forum-hero {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 24px;
	padding: 25px 27px;
	border: 1px solid rgba(148, 163, 184, 0.15);
	border-radius: 14px;
	background:
		linear-gradient(120deg, rgba(245, 183, 0, 0.10), transparent 36%),
		linear-gradient(180deg, rgba(255,255,255,0.025), transparent),
		#0e1728;
	overflow: hidden;
}

.og-forum-hero::after {
	content: "";
	position: absolute;
	top: -70px;
	right: -40px;
	width: 230px;
	height: 230px;
	border-radius: 50%;
	background: rgba(245, 183, 0, 0.05);
	filter: blur(3px);
	pointer-events: none;
}

.og-forum-hero-content {
	position: relative;
	z-index: 2;
	max-width: 680px;
}

.og-section-label {
	display: block;
	margin-bottom: 7px;
	color: var(--og-yellow);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: 1.5px;
}

.og-forum-hero h1 {
	margin: 0;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
}

.og-forum-hero p {
	margin: 9px 0 0;
	color: #8e9ab0;
	font-size: 10px;
	line-height: 1.7;
}

.og-forum-hero-actions {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 9px;
	flex-shrink: 0;
}

.og-hero-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 40px;
	box-sizing: border-box;
	padding: 0 15px;
	border: 1px solid var(--og-yellow);
	border-radius: 9px;
	background: var(--og-yellow);
	color: #111;
	font-size: 9px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.18s ease;
}

.og-hero-button:hover {
	background: var(--og-yellow-light);
	color: #111;
	transform: translateY(-1px);
}

.og-hero-button-secondary {
	border-color: var(--og-border);
	background: rgba(255,255,255,0.025);
	color: #b7c0d0;
}

.og-hero-button-secondary:hover {
	border-color: rgba(245,183,0,0.35);
	background: rgba(245,183,0,0.08);
	color: var(--og-yellow-light);
}

.og-forum-index {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.og-category-card {
	border: 1px solid rgba(148, 163, 184, 0.15);
	border-radius: 14px;
	background: #0c1424;
	overflow: hidden;
	box-shadow: 0 14px 35px rgba(0, 0, 0, 0.14);
}

.og-category-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 83px;
	box-sizing: border-box;
	padding: 17px 20px;
	border-bottom: 1px solid rgba(148, 163, 184, 0.14);
	background:
		linear-gradient(90deg, rgba(245,183,0,0.09), transparent 44%),
		linear-gradient(180deg, rgba(255,255,255,0.02), transparent),
		#101a2d;
}

.og-category-heading {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.og-category-icon {
	display: grid;
	place-items: center;
	width: 43px;
	height: 43px;
	flex: 0 0 43px;
	border: 1px solid rgba(245,183,0,0.35);
	border-radius: 11px;
	background: rgba(245,183,0,0.10);
	color: var(--og-yellow-light);
	font-size: 16px;
	box-shadow: inset 0 0 20px rgba(245,183,0,0.035);
}

.og-category-text {
	min-width: 0;
}

.og-category-label {
	display: block;
	margin-bottom: 4px;
	color: #69778f;
	font-size: 7px;
	font-weight: 700;
	letter-spacing: 1.25px;
}

.og-category-text h2 {
	margin: 0;
	font-size: 14px;
	line-height: 1.3;
}

.og-category-text h2 a {
	color: #fff;
	text-decoration: none;
	transition: color 0.16s ease;
}

.og-category-text h2 a:hover {
	color: var(--og-yellow-light);
}

.og-category-description {
	margin-top: 5px;
	color: #8490a5;
	font-size: 8px;
	line-height: 1.55;
}

.og-category-toggle {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	padding: 0;
	border: 1px solid rgba(148, 163, 184, 0.14);
	border-radius: 8px;
	background: rgba(255,255,255,0.025);
	cursor: pointer;
	transition: 0.17s ease;
}

.og-category-toggle:hover {
	border-color: rgba(245,183,0,0.32);
	background: rgba(245,183,0,0.08);
}

.og-category-toggle img {
	display: block;
	max-width: 14px;
	max-height: 14px;
	opacity: 0.65;
}

.og-category-columns {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 85px 85px minmax(190px, 260px);
	align-items: center;
	min-height: 38px;
	padding: 0 17px;
	border-bottom: 1px solid rgba(148, 163, 184, 0.10);
	background: rgba(255,255,255,0.012);
	color: #65728a;
	font-size: 7px;
	font-weight: 700;
	letter-spacing: 0.6px;
	text-transform: uppercase;
}

.og-column-stat {
	text-align: center;
}

.og-column-lastpost {
	padding-left: 16px;
}

.og-category-forums {
	display: flex;
	flex-direction: column;
}

.og-forum-row {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 85px 85px minmax(190px, 260px);
	align-items: stretch;
	min-height: 91px;
	border-bottom: 1px solid rgba(148, 163, 184, 0.10);
	background: rgba(255,255,255,0.008);
	transition:
		background 0.18s ease,
		transform 0.18s ease;
}

.og-forum-row:last-child {
	border-bottom: 0;
}

.og-forum-row::before {
	content: "";
	position: absolute;
	top: 17px;
	bottom: 17px;
	left: 0;
	width: 2px;
	border-radius: 0 4px 4px 0;
	background: transparent;
	transition: 0.18s ease;
}

.og-forum-row:hover {
	background:
		linear-gradient(90deg, rgba(245,183,0,0.035), transparent 55%),
		rgba(255,255,255,0.018);
}

.og-forum-row:hover::before {
	background: var(--og-yellow);
	box-shadow: 0 0 12px rgba(245,183,0,0.42);
}

.og-forum-main {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
	padding: 16px 17px;
}

.og-forum-status {
	position: relative;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	border: 1px solid rgba(148, 163, 184, 0.15);
	border-radius: 11px;
	background: rgba(255,255,255,0.025);
	color: #67758c;
	font-size: 15px;
	cursor: pointer;
	transition: 0.18s ease;
}

.og-forum-status.forum_on {
	border-color: rgba(245,183,0,0.40);
	background: rgba(245,183,0,0.10);
	color: var(--og-yellow-light);
	box-shadow: 0 0 20px rgba(245,183,0,0.05);
}

.og-forum-status.forum_offclose {
	color: #e26767;
}

.og-forum-status.forum_offlink {
	color: #6e8fbf;
}

.og-forum-info {
	min-width: 0;
}

.og-forum-title {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.og-forum-title > a {
	color: #e9edf5;
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
	transition: color 0.16s ease;
}

.og-forum-title > a:hover {
	color: var(--og-yellow-light);
}

.og-forum-description {
	margin-top: 6px;
	color: #7d899e;
	font-size: 8px;
	line-height: 1.55;
}

.og-forum-extras {
	margin-top: 7px;
	color: #69768c;
	font-size: 7px;
}

.og-forum-stat {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-left: 1px solid rgba(148, 163, 184, 0.08);
}

.og-forum-stat strong {
	color: #dce2ed;
	font-size: 11px;
	font-weight: 700;
}

.og-forum-stat span {
	margin-top: 4px;
	color: #647087;
	font-size: 7px;
	text-transform: uppercase;
}

.og-forum-lastpost {
	display: flex;
	align-items: center;
	padding: 13px 16px;
	border-left: 1px solid rgba(148, 163, 184, 0.08);
}

.og-lastpost-card {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-width: 0;
}

.og-lastpost-icon {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	border: 1px solid rgba(148,163,184,0.13);
	border-radius: 9px;
	background: rgba(255,255,255,0.025);
	color: #748198;
	font-size: 11px;
}

.og-lastpost-content {
	min-width: 0;
}

.og-lastpost-title {
	display: block;
	overflow: hidden;
	color: #d8deea;
	font-size: 8px;
	font-weight: 700;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
}

.og-lastpost-title:hover {
	color: var(--og-yellow-light);
}

.og-lastpost-meta {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-top: 6px;
	color: #66738a;
	font-size: 7px;
}

.og-lastpost-meta span {
	display: flex;
	align-items: center;
	gap: 5px;
	min-width: 0;
}

.og-lastpost-meta i {
	width: 9px;
	color: #5f6c82;
	text-align: center;
}

.og-lastpost-meta a {
	color: #8e9bb0;
	text-decoration: none;
}

.og-lastpost-meta a:hover {
	color: var(--og-yellow-light);
}

.og-subforums {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-top: 7px;
}

.og-subforums-label {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
	color: #77849a;
	font-size: 7px;
	font-weight: 700;
	text-transform: uppercase;
}

.og-subforums-label i {
	color: var(--og-yellow);
}

.og-subforums-list {
	color: #79869c;
	font-size: 7px;
	line-height: 1.6;
}

.og-subforums-list a {
	color: #a6b0c1;
	text-decoration: none;
}

.og-subforums-list a:hover {
	color: var(--og-yellow-light);
}

.og-index-stats {
	margin-top: 21px;
}

.og-forum-legend {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 17px;
	margin-top: 16px;
	padding: 13px 16px;
	border: 1px solid rgba(148,163,184,0.12);
	border-radius: 10px;
	background: rgba(255,255,255,0.015);
}

.og-legend-item {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #77849a;
	font-size: 7px;
	font-weight: 600;
}

.og-legend-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.og-legend-new {
	background: var(--og-yellow);
	box-shadow: 0 0 8px rgba(245,183,0,0.55);
}

.og-legend-read {
	background: #566277;
}

.og-legend-closed {
	background: #d15f64;
}

.og-legend-link {
	background: #6086b9;
}

/* Eliminăm aspectul tabelar vechi din index */
.og-forum-index table,
.og-forum-index tbody,
.og-forum-index tr,
.og-forum-index td {
	border: 0;
}

/* =========================================================
   INDEX RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {
	.og-forum-hero {
		align-items: flex-start;
		flex-direction: column;
	}

	.og-category-columns {
		display: none;
	}

	.og-forum-row {
		grid-template-columns: minmax(0, 1fr) minmax(190px, 240px);
	}

	.og-forum-stat {
		display: none;
	}
}

@media (max-width: 660px) {
	.og-forum-hero {
		padding: 20px 17px;
	}

	.og-forum-hero h1 {
		font-size: 19px;
	}

	.og-forum-hero-actions {
		width: 100%;
	}

	.og-hero-button {
		flex: 1;
		padding: 0 10px;
		font-size: 8px;
	}

	.og-category-header {
		min-height: 73px;
		padding: 14px;
	}

	.og-category-icon {
		width: 38px;
		height: 38px;
		flex-basis: 38px;
		font-size: 14px;
	}

	.og-category-text h2 {
		font-size: 12px;
	}

	.og-category-description {
		display: none;
	}

	.og-forum-row {
		display: block;
		min-height: 0;
	}

	.og-forum-main {
		padding: 15px 14px 11px;
	}

	.og-forum-status {
		width: 38px;
		height: 38px;
		flex-basis: 38px;
	}

	.og-forum-lastpost {
		padding: 10px 14px 14px 66px;
		border-top: 1px solid rgba(148,163,184,0.07);
		border-left: 0;
	}

	.og-lastpost-icon {
		display: none;
	}

	.og-lastpost-meta {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 9px;
	}

	.og-forum-legend {
		gap: 12px;
	}
}

@media (max-width: 430px) {
	.og-forum-hero-actions {
		flex-direction: column;
	}

	.og-hero-button {
		width: 100%;
	}

	.og-forum-description {
		font-size: 7px;
	}

	.og-forum-lastpost {
		padding-left: 14px;
	}
}
.og-forum-hero-actions .og-hero-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: auto !important;
	min-width: 132px;
	color: #111 !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.og-forum-hero-actions .og-hero-button span {
	display: inline !important;
	color: inherit !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.og-forum-hero-actions .og-hero-button-primary {
	background: var(--og-yellow) !important;
	border-color: var(--og-yellow) !important;
	color: #111 !important;
}

.og-forum-hero-actions .og-hero-button-secondary {
	background: rgba(255,255,255,0.025) !important;
	border-color: var(--og-border) !important;
	color: var(--og-yellow-light) !important;
}

/* =========================================================
   FINISAJE INDEX + SIDEBAR
   ========================================================= */

/* Header categorie compact */
.og-category-header {
	min-height: 58px !important;
	padding: 10px 14px !important;
	gap: 12px !important;
}

.og-category-heading {
	gap: 10px !important;
}

.og-category-icon {
	width: 34px !important;
	height: 34px !important;
	flex: 0 0 34px !important;
	border-radius: 9px !important;
	font-size: 13px !important;
}

.og-category-label {
	margin: 3px 0 0 !important;
	color: #738198 !important;
	font-size: 6px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase;
}

.og-category-text h2 {
	font-size: 12px !important;
	line-height: 1.15 !important;
}

.og-category-description {
	display: none !important;
}

.og-category-toggle {
	width: 30px !important;
	height: 30px !important;
	flex: 0 0 30px !important;
	margin: 0 !important;
}

.og-category-columns {
	grid-template-columns: minmax(0, 1fr) 68px 68px minmax(240px, 320px) !important;
	min-height: 30px !important;
	padding: 0 14px !important;
	font-size: 6px !important;
}

.og-forum-row {
	grid-template-columns: minmax(0, 1fr) 68px 68px minmax(240px, 320px) !important;
	min-height: 82px !important;
}

.og-forum-main {
	padding: 13px 15px !important;
}

.og-forum-lastpost {
	padding: 11px 14px !important;
}

/* Ultimul post ca un card clar */
.og-lastpost-card {
	padding: 8px 9px;
	border: 1px solid rgba(148, 163, 184, 0.10);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.018);
}

.og-forum-row:hover .og-lastpost-card {
	border-color: rgba(245, 183, 0, 0.20);
	background: rgba(245, 183, 0, 0.035);
}

/* Sidebar profil mai premium */
.og-sidebar-profile {
	padding: 13px 10px !important;
}

.og-profile-avatar {
	width: 47px !important;
	height: 47px !important;
	flex: 0 0 47px !important;
}

.og-profile-info strong {
	font-size: 12px !important;
}

.og-profile-group {
	display: inline-flex !important;
	align-items: center;
	align-self: flex-start;
	width: auto;
	margin-top: 5px !important;
	padding: 3px 7px;
	border: 1px solid rgba(245, 183, 0, 0.38);
	border-radius: 999px;
	background: rgba(245, 183, 0, 0.12);
	color: #ffd45a !important;
	font-size: 6px !important;
	line-height: 1;
}

.og-profile-online-dot {
	width: 8px !important;
	height: 8px !important;
	border-width: 2px !important;
	box-shadow: 0 0 6px rgba(34, 229, 141, 0.55) !important;
}

.og-profile-status {
	margin-top: 5px !important;
}

/* Hero buttons: textul rămâne mereu vizibil */
.og-forum-hero-actions .og-hero-button {
	display: inline-flex !important;
	width: auto !important;
	min-width: 132px;
	visibility: visible !important;
	opacity: 1 !important;
}

.og-forum-hero-actions .og-hero-button span {
	display: inline !important;
	visibility: visible !important;
	opacity: 1 !important;
}

@media (max-width: 900px) {
	.og-category-columns {
		display: none !important;
	}

	.og-forum-row {
		grid-template-columns: minmax(0, 1fr) minmax(210px, 260px) !important;
	}
}

@media (max-width: 660px) {
	.og-forum-row {
		display: block !important;
	}

	.og-forum-lastpost {
		padding: 10px 14px 14px !important;
	}

	.og-lastpost-card {
		padding: 8px 9px;
	}
}
/* =========================================================
   ONLYGAMERS - FORUM CARDS PREMIUM
   ========================================================= */

.og-forum-row {
	grid-template-columns:
		minmax(0, 1fr)
		94px
		94px
		minmax(300px, 360px) !important;
	min-height: 96px !important;
	background: rgba(255, 255, 255, 0.008);
	transition:
		background 0.18s ease,
		box-shadow 0.18s ease;
}

.og-forum-row:hover {
	background:
		linear-gradient(
			90deg,
			rgba(245, 183, 0, 0.045),
			transparent 48%
		),
		rgba(255, 255, 255, 0.018);
	box-shadow: inset 0 0 30px rgba(245, 183, 0, 0.018);
}

.og-forum-main {
	gap: 14px !important;
	padding: 17px 23px !important;
}

.og-forum-status {
	width: 46px !important;
	height: 46px !important;
	flex: 0 0 46px !important;
	border-radius: 12px !important;
	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.045),
			rgba(255, 255, 255, 0.012)
		) !important;
	color: #75829a !important;
	font-size: 16px !important;
}

.og-forum-row:hover .og-forum-status {
	border-color: rgba(245, 183, 0, 0.32);
	color: var(--og-yellow-light) !important;
	transform: translateY(-1px);
}

.og-forum-status.forum_on {
	border-color: rgba(245, 183, 0, 0.48) !important;
	background:
		linear-gradient(
			135deg,
			rgba(245, 183, 0, 0.19),
			rgba(245, 183, 0, 0.06)
		) !important;
	color: var(--og-yellow-light) !important;
	box-shadow: 0 0 20px rgba(245, 183, 0, 0.08);
}

.og-forum-title > a {
	color: #f3f6fb !important;
	font-size: 12px !important;
	font-weight: 700 !important;
}

.og-forum-title > a:hover {
	color: var(--og-yellow-light) !important;
}

.og-forum-description {
	max-width: 660px;
	margin-top: 6px !important;
	color: #7f8ca2 !important;
	font-size: 8px !important;
	line-height: 1.55 !important;
}

.og-forum-stat {
	flex-direction: row !important;
	gap: 9px;
	padding: 0 10px;
	border-left: 1px solid rgba(148, 163, 184, 0.08);
	text-align: left;
}

.og-stat-icon {
	display: grid;
	place-items: center;
	width: 27px;
	height: 27px;
	flex: 0 0 27px;
	border: 1px solid rgba(148, 163, 184, 0.10);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.018);
	color: #66748b;
	font-size: 8px;
}

.og-forum-stat > div:last-child {
	display: flex;
	flex-direction: column;
}

.og-forum-stat strong {
	color: #edf1f7 !important;
	font-size: 11px !important;
	line-height: 1;
}

.og-forum-stat span {
	margin-top: 5px !important;
	color: #5f6d84 !important;
	font-size: 6px !important;
	letter-spacing: 0.5px;
}

/* Last Post */

.og-forum-lastpost {
	display: flex;
	align-items: center;
	padding: 12px 15px !important;
}

.og-lastpost-card {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(148, 163, 184, 0.10);
	border-radius: 10px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.025),
			rgba(255, 255, 255, 0.008)
		);
	transition:
		border-color 0.18s ease,
		background 0.18s ease,
		transform 0.18s ease;
}

.og-forum-row:hover .og-lastpost-card {
	border-color: rgba(245, 183, 0, 0.20);
	background:
		linear-gradient(
			135deg,
			rgba(245, 183, 0, 0.055),
			rgba(255, 255, 255, 0.01)
		);
	transform: translateX(-2px);
}

.og-lastpost-avatar {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	border: 1px solid rgba(245, 183, 0, 0.22);
	border-radius: 10px;
	background: rgba(245, 183, 0, 0.07);
	color: var(--og-yellow-light);
	font-size: 11px;
}

.og-lastpost-content {
	flex: 1;
	min-width: 0;
}

.og-lastpost-title {
	display: block;
	overflow: hidden;
	color: #e7ecf4 !important;
	font-size: 8px !important;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.og-lastpost-title:hover {
	color: var(--og-yellow-light) !important;
}

.og-lastpost-meta {
	display: flex !important;
	align-items: center;
	flex-direction: row !important;
	flex-wrap: wrap;
	gap: 9px !important;
	margin-top: 6px !important;
}

.og-lastpost-meta span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #69778e;
	font-size: 6px;
	white-space: nowrap;
}

.og-lastpost-meta i {
	color: #59667d;
	font-size: 6px;
}

.og-lastpost-meta a {
	color: #8996aa !important;
}

.og-lastpost-meta a:hover {
	color: var(--og-yellow-light) !important;
}

.og-lastpost-open {
	display: grid;
	place-items: center;
	width: 27px;
	height: 27px;
	flex: 0 0 27px;
	border: 1px solid rgba(148, 163, 184, 0.10);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.018);
	color: #66748a !important;
	font-size: 8px;
	transition: 0.18s ease;
}

.og-lastpost-open:hover {
	border-color: var(--og-yellow);
	background: var(--og-yellow);
	color: #111 !important;
}

/* Textul Never */

.og-forum-lastpost > span.smalltext {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 56px;
	border: 1px dashed rgba(148, 163, 184, 0.12);
	border-radius: 9px;
	color: #66748b !important;
	font-size: 8px;
}

/* =========================================================
   ICONIȚE FORUMURI
   Modifică ID-urile dacă forumurile tale au alte fid-uri
   ========================================================= */

/* Anunțuri */
.forum-fid-4 .og-forum-default-icon::before {
	content: "\f0a1";
}

/* Regulament */
.forum-fid-5 .og-forum-default-icon::before {
	content: "\f02d";
}

/* Actualizări */
.forum-fid-6 .og-forum-default-icon::before {
	content: "\f1ea";
}

/* Discuții generale */
.forum-fid-8 .og-forum-default-icon::before {
	content: "\f075";
}

/* Sugestii */
.forum-fid-9 .og-forum-default-icon::before {
	content: "\f0eb";
}

/* Raportează un bug */
.forum-fid-10 .og-forum-default-icon::before {
	content: "\f188";
}

/* Responsive */

@media (max-width: 1100px) {
	.og-forum-row {
		grid-template-columns:
			minmax(0, 1fr)
			72px
			72px
			minmax(250px, 300px) !important;
	}

	.og-stat-icon {
		display: none;
	}
}

@media (max-width: 900px) {
	.og-forum-row {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(230px, 280px) !important;
	}

	.og-forum-stat {
		display: none !important;
	}
}

@media (max-width: 660px) {
	.og-forum-row {
		display: block !important;
	}

	.og-forum-main {
		padding: 15px 14px !important;
	}

	.og-forum-lastpost {
		padding: 0 14px 14px !important;
		border-top: 0 !important;
	}

	.og-lastpost-card {
		padding: 9px;
	}

	.og-lastpost-open {
		display: none;
	}
}
/* =========================================================
   ONLYGAMERS - SIDEBAR PREMIUM FINAL
   ========================================================= */

/* Card utilizator */
.og-sidebar-profile {
	min-height: 76px;
	padding: 12px 10px !important;
	border-color: rgba(245, 183, 0, 0.20) !important;
	background:
		linear-gradient(135deg, rgba(245, 183, 0, 0.09), transparent 52%),
		linear-gradient(180deg, rgba(255,255,255,0.025), transparent),
		#111b2e !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.025),
		0 10px 25px rgba(0,0,0,0.14);
}

/* Avatar mai mare și rotund */
.og-profile-avatar {
	width: 50px !important;
	height: 50px !important;
	flex: 0 0 50px !important;
	border: 2px solid rgba(245, 183, 0, 0.52) !important;
	border-radius: 50% !important;
	background:
		radial-gradient(circle, rgba(245,183,0,0.18), rgba(245,183,0,0.05)) !important;
	box-shadow:
		0 0 0 4px rgba(245,183,0,0.035),
		0 0 18px rgba(245,183,0,0.12);
	overflow: visible !important;
}

.og-profile-avatar img,
.og-avatar-fallback {
	border-radius: 50% !important;
}

.og-profile-avatar img {
	overflow: hidden;
}

/* Nume mai vizibil */
.og-profile-info strong {
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.15px;
}

/* Badge grup */
.og-profile-group {
	display: inline-flex !important;
	align-items: center;
	align-self: flex-start;
	width: auto !important;
	margin-top: 5px !important;
	padding: 4px 8px !important;
	border: 1px solid rgba(255, 210, 70, 0.48) !important;
	border-radius: 999px !important;
	background:
		linear-gradient(90deg, #f5b700, #ffd659) !important;
	color: #151000 !important;
	font-size: 6px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: 0.55px !important;
	text-shadow: none;
	box-shadow: 0 4px 12px rgba(245,183,0,0.13);
}

/* Status online discret */
.og-profile-status {
	margin-top: 5px !important;
	color: #8491a7 !important;
	font-size: 6px !important;
}

.og-profile-status i {
	color: #22d98a !important;
	font-size: 4px !important;
}

.og-profile-online-dot {
	right: 0 !important;
	bottom: 1px !important;
	width: 9px !important;
	height: 9px !important;
	border: 2px solid #111b2e !important;
	background: #22d98a !important;
	box-shadow: 0 0 6px rgba(34, 217, 138, 0.48) !important;
}

/* Buton setări */
.og-profile-settings {
	right: 8px !important;
	width: 29px !important;
	height: 29px !important;
	border-color: rgba(148,163,184,0.13) !important;
	background: rgba(255,255,255,0.025) !important;
}

.og-profile-settings:hover {
	border-color: rgba(245,183,0,0.45) !important;
	background: rgba(245,183,0,0.10) !important;
	color: #ffd45a !important;
	transform: translateY(-50%) rotate(25deg);
}

/* Link activ din meniu */
.og-sidebar-menu a.active {
	border-color: rgba(245,183,0,0.40) !important;
	background:
		linear-gradient(90deg, rgba(245,183,0,0.16), rgba(245,183,0,0.025)) !important;
	box-shadow:
		inset 0 0 20px rgba(245,183,0,0.025),
		0 6px 16px rgba(0,0,0,0.10);
}

.og-sidebar-menu a.active::before {
	top: 8px !important;
	bottom: 8px !important;
	width: 3px !important;
	box-shadow: 0 0 10px rgba(245,183,0,0.50) !important;
}

/* Hover meniu */
.og-sidebar-menu a:hover {
	border-color: rgba(148,163,184,0.12);
	background:
		linear-gradient(90deg, rgba(255,255,255,0.045), transparent) !important;
	transform: translateX(3px) !important;
}

/* Card server premium */
.og-sidebar-server {
	padding: 14px 12px !important;
	border-color: rgba(97, 125, 181, 0.28) !important;
	background:
		linear-gradient(145deg, rgba(27,45,77,0.45), rgba(10,18,34,0.88)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,0.025),
		0 12px 28px rgba(0,0,0,0.14);
}

.og-sidebar-server > strong {
	color: #fff !important;
	font-size: 10px !important;
	letter-spacing: 0.15px;
}

.og-sidebar-server > small {
	color: #718097 !important;
	font-size: 7px !important;
}

.og-server-status {
	color: #26df90 !important;
	font-size: 7px !important;
	letter-spacing: 0.4px;
}

.og-status-dot {
	width: 6px !important;
	height: 6px !important;
	box-shadow: 0 0 7px rgba(34,229,141,0.55) !important;
}

/* Butoane server */
.og-server-actions a,
.og-server-actions button {
	min-height: 32px !important;
	border-color: rgba(148,163,184,0.14) !important;
	background: rgba(255,255,255,0.025) !important;
	color: #aeb9ca !important;
}

.og-server-actions a:hover,
.og-server-actions button:hover {
	border-color: #f5b700 !important;
	background: #f5b700 !important;
	color: #111 !important;
	transform: translateY(-1px);
}

/* =========================================================
   HERO V2
   ========================================================= */

.og-forum-hero {

	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;

	padding:32px;

	border-radius:18px;

	background:
	linear-gradient(135deg,#121d31,#101827);

	overflow:hidden;
}

.og-forum-hero-bg{

	position:absolute;

	right:-120px;
	top:-120px;

	width:340px;
	height:340px;

	border-radius:50%;

	background:

	radial-gradient(circle,
	rgba(245,183,0,.18),
	transparent 70%);

	filter:blur(20px);
}

.og-forum-hero-left{

	position:relative;
	z-index:2;
}

.og-forum-hero-small{

	color:#f5b700;

	font-size:10px;

	letter-spacing:2px;

	font-weight:700;
}

.og-forum-hero h1{

	margin:10px 0;

	font-size:38px;

	color:#fff;
}

.og-forum-hero p{

	max-width:620px;

	color:#8b96a8;

	line-height:1.7;
}

.og-forum-hero-actions{

	position:relative;

	z-index:2;

	display:flex;

	gap:16px;
}

.og-hero-button{

	display:flex;

	align-items:center;

	gap:14px;

	padding:18px 22px;

	min-width:230px;

	border-radius:14px;

	background:#182234;

	border:1px solid rgba(255,255,255,.06);

	transition:.25s;
}

.og-hero-primary{

	background:#f5b700;

	color:#111 !important;
}

.og-hero-primary *{

	color:#111 !important;
}

.og-hero-button:hover{

	transform:translateY(-3px);

	box-shadow:0 18px 45px rgba(0,0,0,.25);
}

.og-hero-button i{

	font-size:22px;
}

.og-hero-button strong{

	display:block;

	font-size:15px;
}

.og-hero-button span{

	display:block;

	margin-top:4px;

	font-size:11px;

	opacity:.7;
}