/*
	@Theme Name  : AuzWoW
	@Theme URI   : https://zafirehd.deviantart.com/art/AuzWoW-710569958
	@Author      : ZafireHD, E. Darksider
	@Author URI  : https://zafirehd.deviantart.com, https://code-path.com/author/darksider
	@Description : to be written
	@Version     : 1.0.0
	@License     : Proprietary software License
	@License URI : https://en.wikipedia.org/wiki/Proprietary_software

-------------------------------------------------------------------------

	Custom css codes - Add your custom css codes below
*/

/*-------------------------------------------------------------------------*/
/* [Global] Define variables
/*-------------------------------------------------------------------------*/
:root {
	/* Border radius */
	--borderRadius-primary: 0px;

	/* Glassmorphism */
	--glassmorphism-glow: #000;
	--glassmorphism-color: #fff;
	--glassmorphism-filter: blur(10px);
	--glassmorphism-outline-color: rgba(255, 255, 255, 0.2);
	--glassmorphism-outline-shadow: rgba(0, 0, 0, 0.1);
	--glassmorphism-background-color: rgba(255, 255, 255, 0.1);
}

/*-------------------------------------------------------------------------*/
/*	[AuzWoW] Header
/*-------------------------------------------------------------------------*/
.header .logo_holder {
	width: 115px;
	height: 115px;
	top: 2px;
	left: 0;
	right: 0;
	float: none;
	margin: 0 auto;
	z-index: 9;
	position: absolute;
}

.header .navigation {
	width: 100%;
	float: none;
}

.header .navigation .nav_menu {
	width: 47%;
	margin: 0 -27px;
}

.header .navigation .nav_menu > li > .nav_item {
	padding: 0 27px;
}

.header .navigation .nav_menu > li > .nav_item:after {
	display: none;
}

.header .navigation .nav_menu > li > .nav_item.nav_active {
	color: #ffd131 !important;
}

.header .navigation .nav_menu > li > .nav_item.nav_active:before {
	display: none;
}

.header .navigation .nav_menu.left_area {
	float: left;
	text-align: left;
}

.header .navigation .nav_menu.right_area {
	float: right;
	text-align: right;
}

/*-------------------------------------------------------------------------*/
/*	[AuzWoW] Custom page body
/*-------------------------------------------------------------------------*/
#page_page .page_body img,
#page_page .page_body video,
#page_page .page_body table,
#page_page .page_body iframe {
	max-width: 100%;
}

#page_page .page_body b,
#page_page .page_body strong {
	font-weight: bold;
}

#page_page .page_body i {
	font-style: italic;
}

#page_page .page_body u {
	text-decoration: underline;
}

#page_page .page_body ul,
#page_page .page_body ol {
	padding-left: 20px
}

#page_page .page_body ul li,
#page_page .page_body ol li {
	list-style: disc;
}

/*-------------------------------------------------------------------------*/
/*	[AuzWoW] Mobile menu
/*-------------------------------------------------------------------------*/
.mmenu-logo {
	width: 115px;
	height: 115px;
	margin: 0 auto;
	padding: 0;
}

/*-------------------------------------------------------------------------*/
/*	[AuzWoW] Page header (title)
/*-------------------------------------------------------------------------*/
.mainside .content_header .content_header-left .content_header-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	overflow: hidden;

	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	-webkit-box-pack: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.mainside .content_header .content_header-left .content_header-title .icon + i::after,
.mainside .content_header .content_header-left .content_header-title .icon + span::after {
	margin: 0 0 0 5px;
	content: '';
}

/*-------------------------------------------------------------------------*/
/*	[AuzWoW] Page (fullwidth)
/*-------------------------------------------------------------------------*/
.is-fullwidth .mainside {
	width: 100%;
	float: none;
}

/*-------------------------------------------------------------------------*/
/* [FCMS] Avatar
/*-------------------------------------------------------------------------*/
.avatar {
	float: none;
	margin: 0;
}

/*-------------------------------------------------------------------------*/
/* [FCMS] Section header
/*-------------------------------------------------------------------------*/
.section-header {
	margin: 0 0 1rem 0;
	padding: 0 0 0.5rem 0;

	font-size: 1.3rem;
}

.section-header::after {
	width: 100%;
	height: 1px;

	left: 0;
	bottom: 0;

	content: '';
	position: absolute;

	background-color: #242424;
}

/*-------------------------------------------------------------------------*/
/* [FCMS] Page sub body
/*-------------------------------------------------------------------------*/
.page-subbody {}

/*-------------------------------------------------------------------------*/
/* [FCMS] SweetAlert
/*-------------------------------------------------------------------------*/
.swal2-container {
	background-color: rgba(0, 0, 0, 0.6) !important;
}

.swal2-container .swal2-popup {
	border: 1px solid var(--glassmorphism-outline-color);

	overflow: hidden;

	-webkit-box-shadow: 0 4px 30px 0 var(--glassmorphism-outline-shadow);
	box-shadow: 0 4px 30px 0 var(--glassmorphism-outline-shadow);

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	-webkit-backdrop-filter: var(--glassmorphism-filter);
	backdrop-filter: var(--glassmorphism-filter);

	background-color: var(--glassmorphism-background-color);
}

.swal2-container .swal2-popup::before {
	width: 80%;
	height: 1px;

	left: 0;
	right: 0;
	bottom: 0;

	margin: 0 auto;

	content: '';
	position: absolute;

	background: -moz-linear-gradient(left, transparent 0%, var(--glassmorphism-glow) 50%, transparent 100%);
	background: -webkit-linear-gradient(left, transparent 0%, var(--glassmorphism-glow) 50%, transparent 100%);
	background: linear-gradient(to right, transparent 0%, var(--glassmorphism-glow) 50%, transparent 100%);
}

.swal2-container .swal2-popup::after {
	width: 50%;
	height: 20px;

	left: 0;
	right: 0;
	bottom: -20px;

	margin: 0 auto;

	content: '';
	position: absolute;

	-webkit-box-shadow: 0 0 70px 15px var(--glassmorphism-glow);
	box-shadow: 0 0 70px 15px var(--glassmorphism-glow);
}

/* [FCMS] SweetAlert: Icon
/*---------------------------------------------------------------*/
.swal2-container .swal2-popup .swal2-icon {}

/* Icon (success) */
.swal2-container .swal2-popup .swal2-icon.swal2-success .swal2-success-fix,
.swal2-container .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-left,
.swal2-container .swal2-popup .swal2-icon.swal2-success .swal2-success-circular-line-right {
	display: none;
}

/* [FCMS] SweetAlert: Title
/*---------------------------------------------------------------*/
.swal2-container .swal2-popup .swal2-title {
	color: var(--glassmorphism-color);

	font-weight: bold;
	font-family: 'PTSansCaption';
}

/* [FCMS] SweetAlert: Content
/*---------------------------------------------------------------*/
.swal2-container .swal2-popup .swal2-html-container {
	color: var(--glassmorphism-color);

	font-weight: bold;
	font-family: 'PTSansCaption';
}

/* [FCMS] SweetAlert: Footer
/*---------------------------------------------------------------*/
.swal2-container .swal2-popup .swal2-footer {
	border-color: var(--glassmorphism-outline-color);
}

/*-------------------------------------------------------------------------*/
/* [BS] Text (muted)
/*-------------------------------------------------------------------------*/
.text-muted {
	--bs-secondary-color: #adadad;
}

/*-------------------------------------------------------------------------*/
/* [BS] Tooltip
/*-------------------------------------------------------------------------*/
.tooltip {
	--bs-tooltip-bg: transparent;
}

/*-------------------------------------------------------------------------*/
/* [BS] Navbar toggler
/*-------------------------------------------------------------------------*/
.navbar-toggler {
	border: none;

	-webkit-box-shadow: none;
	box-shadow: none;

	background-image: none;
	background-color: transparent;
}

/*-------------------------------------------------------------------------*/
/* [BS] Offcanvas
/*-------------------------------------------------------------------------*/
.offcanvas {
	--offcanvas-padding: 1rem;

	overflow: hidden;

	-webkit-box-shadow: 0 4px 30px 0 var(--glassmorphism-outline-shadow);
	box-shadow: 0 4px 30px 0 var(--glassmorphism-outline-shadow);

	border-style: solid;
	border-color: var(--glassmorphism-outline-color);

	-webkit-backdrop-filter: var(--glassmorphism-filter);
	backdrop-filter: var(--glassmorphism-filter);

	background-color: var(--glassmorphism-background-color);
}

.offcanvas.offcanvas-start {
	border-width: 0 1px 0 0;

	-webkit-border-radius: 0 var(--borderRadius-primary) var(--borderRadius-primary) 0;
	border-radius: 0 var(--borderRadius-primary) var(--borderRadius-primary) 0;
}

.offcanvas.offcanvas-end {
	border-width: 0 0 0 1px;

	-webkit-border-radius: var(--borderRadius-primary) 0 0 var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary) 0 0 var(--borderRadius-primary);
}

/* [BS] Offcanvas: Header
/*---------------------------------------------------------------*/
.offcanvas .offcanvas-header {
	padding: var(--offcanvas-padding);
}

.offcanvas .offcanvas-header .offcanvas-title {
	color: var(--glassmorphism-color);
}

.offcanvas .offcanvas-header .btn-close {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* [BS] Offcanvas: Body
/*---------------------------------------------------------------*/
.offcanvas .offcanvas-body {
	padding: var(--offcanvas-padding);
}

/*-------------------------------------------------------------------------*/
/* [BS] Accordion
/*-------------------------------------------------------------------------*/
.accordion {}

/* [BS] Accordion: Item
/*---------------------------------------------------------------*/
.accordion .accordion-item {
	border: none;

	-webkit-border-radius: 4px;
	border-radius: 4px;

	background-color: transparent;
}

/* [BS] Accordion: Item: Header
/*-----------------------------------------------------*/
.accordion .accordion-item .accordion-header {}

/* Button (idle) */
.accordion .accordion-item .accordion-header .accordion-button {
	color: #766e64;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.02);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.02);

	font-weight: bold;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;

	-webkit-border-radius: 4px;
	border-radius: 4px;

	text-shadow: 0 0 4px rgba(0, 0, 0, 0.30), 0 2px 0 #000000;
	text-transform: uppercase;

	background-color: rgba(255, 255, 255, 0.02);

	-webkit-transition: color 400ms, box-shadow 400ms, background 400ms;
	-o-transition: color 400ms, box-shadow 400ms, background 400ms;
	transition: color 400ms, box-shadow 400ms, background 400ms;
}

/* Button (inner shadow) */
.accordion .accordion-item .accordion-header .accordion-button::before {
	width: 100%;
	height: 50%;

	left: 0;
	bottom: 0;

	content: '';
	position: absolute;

	background-color: rgba(0, 0, 0, 0.1);
}

/* Button (arrow) */
.accordion .accordion-item .accordion-header .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23766e64'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* Button (active) */
.accordion .accordion-item .accordion-header .accordion-button:hover,
.accordion .accordion-item .accordion-header .accordion-button:active,
.accordion .accordion-item .accordion-header .accordion-button[aria-expanded='true'] {
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6),inset 0 0 0 1px rgba(0, 0, 0, 0.02);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.6),inset 0 0 0 1px rgba(0, 0, 0, 0.02);

	background-color: rgba(255, 255, 255, 0.03);
}

/* [BS] Accordion: Item: Body
/*-----------------------------------------------------*/
.accordion .accordion-item .accordion-body {
	color: #b4b4b4;

	padding-right: 0;
}

/*-------------------------------------------------------------------------*/
/* [BS] List group
/*-------------------------------------------------------------------------*/
.list-group {
	--bs-list-group-item-padding-x: 0.8rem;
	--bs-list-group-item-padding-y: 0.8rem;

	border-width: 1px;
	border-style: solid;
	border-color: #242424;

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	background-color: #101010;
}

/* [BS] List group: Item (idle)
/*---------------------------------------------------------------*/
.list-group .list-group-item {
	color: #7a7a7a;

	border: none;
	overflow: hidden;

	border-top: 1px solid #242424;

	font-weight: bold;
	font-family: 'PTSansCaption';

	text-transform: uppercase;

	background-color: transparent;

	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.list-group .list-group-item:first-child {
	border: none;
}

/* [BS] List group: Item (active)
/*---------------------------------------------------------------*/
.list-group .list-group-item:hover,
.list-group .list-group-item:active {
	background-color: rgba(255, 255, 255, 0.01);
}

.list-group .list-group-item.active {
	color: #fefefe;
	background-color: rgba(255, 255, 255, 0.02);
}

/*-------------------------------------------------------------------------*/
/* [BS] Breadcrumb
/*-------------------------------------------------------------------------*/
.breadcrumb {
	margin: 0;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* [BS] Breadcrumb: Item (idle)
/*---------------------------------------------------------------*/
.breadcrumb .breadcrumb-item {
	color: #b4b4b4;
}

.breadcrumb .breadcrumb-item::before {
	display: none;
}

.breadcrumb .breadcrumb-item a {
	color: #b4b4b4;
	display: block;
}

.breadcrumb .breadcrumb-item i,
.breadcrumb .breadcrumb-item svg {
	color: #b4b4b4;
	display: block;
	font-size: 1.3rem;
}

/* [BS] Breadcrumb: Item (active)
/*---------------------------------------------------------------*/
.breadcrumb .breadcrumb-item.active {
	color: #e7e7e7;
}

.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item a:active,
.breadcrumb .breadcrumb-item.active a {
	color: #e7e7e7;
}

/*-------------------------------------------------------------------------*/
/* [BS] Nav pills
/*-------------------------------------------------------------------------*/
.nav-pills {
	gap: 0.5rem;
}

/* [BS] Nav pills: Item
/*---------------------------------------------------------------*/
.nav-pills .nav-item {}

/* [BS] Nav pills: Item: Link (idle)
/*-----------------------------------------------------*/
.nav-pills .nav-item .nav-link {
	color: #e2e2e2;

	font-size: 12px;
	font-weight: initial;
	font-family: 'PTSansCaption';

	-webkit-box-shadow: inset 0 0 0 1px #1f1b0f, inset 0 0 0 2px #0d0d0d;
	box-shadow: inset 0 0 0 1px #1f1b0f, inset 0 0 0 2px #0d0d0d;

	text-align: center;
	text-shadow: none;
	text-transform: uppercase;

	border-width: 2px;
	border-style: solid;
	border-color: #707070;

	-webkit-border-radius: 0px;
	border-radius: 0px;

	background: rgb(24,24,24); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(24,24,24,1) 0%, rgba(24,24,24,1) 50%, rgba(31,31,31,1) 50%, rgba(31,31,31,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(24,24,24,1) 0%,rgba(24,24,24,1) 50%,rgba(31,31,31,1) 50%,rgba(31,31,31,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(24,24,24,1) 0%,rgba(24,24,24,1) 50%,rgba(31,31,31,1) 50%,rgba(31,31,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	-webkit-transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
	transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
}

/* [BS] Nav pills: Item: Link (active)
/*-----------------------------------------------------*/
.nav-pills .nav-item .nav-link:hover,
.nav-pills .nav-item .nav-link:active,
.nav-pills .nav-item .nav-link.active {
	color: #fefefe;
	border-color: #e9b320;
}

.nav-pills .nav-item .nav-link.active::after {
	width: 0;
	height: 0;

	left: 0;
	right: 0;
	bottom: -16px;

	margin: 0 auto;

	content: '';
	position: absolute;

	border-width: 8px;
	border-style: solid;
	border-color: #e9b320 transparent transparent transparent;
}

/*-------------------------------------------------------------------------*/
/* [BS] Input group
/*-------------------------------------------------------------------------*/
.input-group {}

.input-group .input-group-text {
	color: #e2e2e2;

	text-align: center;

	border-width: 2px 0 2px 2px;
	border-color: #707070;

	background: rgb(24,24,24) !important; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(24,24,24,1) 0%, rgba(24,24,24,1) 50%, rgba(31,31,31,1) 50%, rgba(31,31,31,1) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(24,24,24,1) 0%,rgba(24,24,24,1) 50%,rgba(31,31,31,1) 50%,rgba(31,31,31,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(24,24,24,1) 0%,rgba(24,24,24,1) 50%,rgba(31,31,31,1) 50%,rgba(31,31,31,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.input-group .input-group-text * {
	margin: 0 auto;
}

/*-------------------------------------------------------------------------*/
/* [BS] Alert (danger)
/*-------------------------------------------------------------------------*/
.alert-danger {
	color: #dc3545;
	border-color: #dc3545;

	-webkit-border-radius: 0px;
	border-radius: 0px;

	background-color: #181818;
}

/*-------------------------------------------------------------------------*/
/* [BS] Pagination
/*-------------------------------------------------------------------------*/
.pagination {
	gap: 0.5rem;
	margin: 0;
}

/* [BS] Pagination: Item
/*---------------------------------------------------------------*/
.pagination .page-item {}

.pagination .page-item.disabled {
	cursor: not-allowed;
	opacity: 0.8;
}

/* [BS] Pagination: Item: Link (idle)
/*-----------------------------------------------------*/
.pagination .page-item .page-link {
	color: #e2e2e2;

	font-size: 12px;
	font-weight: initial;
	font-family: 'PTSansCaption';

	-webkit-box-shadow: inset 0 0 0 1px #1f1b0f, inset 0 0 0 2px #0d0d0d;
	box-shadow: inset 0 0 0 1px #1f1b0f, inset 0 0 0 2px #0d0d0d;

	text-align: center;
	text-shadow: none;
	text-transform: uppercase;

	border-width: 2px;
	border-style: solid;
	border-color: #707070;

	-webkit-border-radius: 0px;
	border-radius: 0px;

	background: rgb(24,24,24); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(24,24,24,1) 0%, rgba(24,24,24,1) 50%, rgba(31,31,31,1) 50%, rgba(31,31,31,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(24,24,24,1) 0%,rgba(24,24,24,1) 50%,rgba(31,31,31,1) 50%,rgba(31,31,31,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(24,24,24,1) 0%,rgba(24,24,24,1) 50%,rgba(31,31,31,1) 50%,rgba(31,31,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	-webkit-transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
	transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
}

/* [BS] Pagination: Item: Link (active)
/*-----------------------------------------------------*/
.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:active,
.pagination .page-item.active .page-link {
	color: #fefefe;
	border-color: #e9b320;
}

/*-------------------------------------------------------------------------*/
/* [BS] Card
/*-------------------------------------------------------------------------*/
.card {
	color: #7a7a7a;

	border: 1px solid #242424;

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	background-color: #101010;
}

/* [BS] Card: Hover
/*---------------------------------------------------------------*/
.card.card-hover {
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.card.card-hover:hover,
.card.card-hover:active {
	-webkit-filter: brightness(1.5);
	filter: brightness(1.5);
}

/*-------------------------------------------------------------------------*/
/* [BS] Table
/*-------------------------------------------------------------------------*/
.table {
	--bs-table-bg: transparent;
	--bs-table-color-state: #e7e7e7;
	--bs-table-hover-color: #a9a8a8;
	--bs-table-striped-color: transparent;

	color: #e7e7e7;
}

.table td,
.table th,
.table tr,
.table tbody,
.table tfoot,
.table thead {
	border-color: rgba(255, 255, 255, 0.1);
}

/*-------------------------------------------------------------------------*/
/* [BS] Nav tabs
/*-------------------------------------------------------------------------*/
.nav-tabs {
	gap: 0.5rem;
	border: none;
}

/* [BS] Nav tabs: Item
/*---------------------------------------------------------------*/
.nav-tabs .nav-item {}

/* [BS] Nav tabs: Item: Link (idle)
/*-----------------------------------------------------*/
.nav-tabs .nav-item .nav-link {
	color: #e2e2e2;

	font-size: 12px;
	font-weight: initial;
	font-family: 'PTSansCaption';

	-webkit-box-shadow: inset 0 0 0 1px #1f1b0f, inset 0 0 0 2px #0d0d0d;
	box-shadow: inset 0 0 0 1px #1f1b0f, inset 0 0 0 2px #0d0d0d;

	text-align: center;
	text-shadow: none;
	text-transform: uppercase;

	border-width: 2px;
	border-style: solid;
	border-color: #707070;

	-webkit-border-radius: 0px;
	border-radius: 0px;

	background: rgb(24,24,24); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(24,24,24,1) 0%, rgba(24,24,24,1) 50%, rgba(31,31,31,1) 50%, rgba(31,31,31,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(24,24,24,1) 0%,rgba(24,24,24,1) 50%,rgba(31,31,31,1) 50%,rgba(31,31,31,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(24,24,24,1) 0%,rgba(24,24,24,1) 50%,rgba(31,31,31,1) 50%,rgba(31,31,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	-webkit-transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
	transition: color 300ms ease-in-out, border-color 300ms ease-in-out;
}

/* [BS] Nav tabs: Item: Link (active)
/*-----------------------------------------------------*/
.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link:active,
.nav-tabs .nav-item .nav-link.active {
	color: #fefefe;
	border-color: #e9b320;
}

.nav-tabs .nav-item .nav-link.active::after {
	width: 0;
	height: 0;

	left: 0;
	right: 0;
	bottom: -16px;

	margin: 0 auto;

	content: '';
	position: absolute;

	border-width: 8px;
	border-style: solid;
	border-color: #e9b320 transparent transparent transparent;
}

/*-------------------------------------------------------------------------*/
/* [BS] Progressbar
/*-------------------------------------------------------------------------*/
.progress {
	width: 100%;
	height: 25px;

	border: 1px solid #333333;

	padding: 2px;

	-webkit-box-shadow: inset 0 0 6px 0 #050505, 0 3px 0 #090909;
	box-shadow: inset 0 0 6px 0 #050505, 0 3px 0 #090909;

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* [BS] Progressbar: Bar
/*---------------------------------------------------------------*/
.progress .progress-bar {
	width: auto;
	height: 100%;

	overflow: hidden;

	-webkit-box-shadow: 0 2px 0 0 #0a0a0a;
	box-shadow: 0 2px 0 0 #0a0a0a;

	-webkit-border-radius: var(--borderRadius-primary);
	border-radius: var(--borderRadius-primary);

	background-color: #a56d00;
	background-image: url(../images/misc/pattern-dots.png);
	background-repeat: repeat;
	background-position: top left;
}

.progress .progress-bar::before {
	width: 100%;
	height: 100%;

	top: 0;
	left: 0;

	content: '';
	position: absolute;

	border-width: 2px;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2);

	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1affffff',GradientType=1 ); /* IE6-9 */
}

.columns .realmstatus .realm_holder .realm_row.row-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.columns .realmstatus .realm_holder .realm_row.row-2 .r_list {
    width: 100%;
    float: none;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.columns .realmstatus .realm_holder .realm_row.row-2 .r_list i {
    font-size: 15px;
    font-style: normal;
    vertical-align: baseline;
}

/* Warforge-style vertical Site Menu directly below the Realm List column. */
.realm-site-menu {
	width: 100%;
	margin: 0 0 28px 0;
	padding: 4px;
	clear: both;
	float: none;
	display: block;
	height: auto;
	overflow: visible;
	position: relative;
	border: 2px solid #0c0c0c;
	box-shadow: inset 0 0 0 2px #4b3f3f, 0 4px 12px rgba(0,0,0,.45);
	background: #151515 url(../images/misc/pattern-dots.png) repeat;
}

.realm-site-menu_title {
	margin: 0;
	padding: 11px 14px 10px;
	color: #e0e0e0;
	border-bottom: 1px solid #302a2a;
	font: 15px/20px 'PTSansCaptionBold';
	text-align: left;
	text-shadow: 0 1px 0 #000;
	text-transform: uppercase;
}

.realm-site-menu_title i {
	color: #ffd131;
	font-style: normal;
}

.realm-site-menu nav,
.realm-site-menu nav a {
	display: block !important;
}

.realm-site-menu nav a {
	width: 100%;
	min-height: 39px;
	float: none !important;
	padding: 10px 13px;
	color: #9d9d9d;
	border-bottom: 1px solid #292626;
	font: 13px/18px 'PTSansCaptionBold';
	text-align: left;
	text-shadow: 0 1px 0 #000;
	text-transform: uppercase;
	background: linear-gradient(to right, rgba(255,255,255,.025), rgba(0,0,0,.2));
	transition: color .2s ease, padding-left .2s ease, background-color .2s ease;
}

.realm-site-menu nav a:last-child {
	border-bottom: 0;
}

.realm-site-menu_bullet {
	margin-right: 10px;
	color: #7b6937;
	font: 20px/14px Georgia, serif;
	vertical-align: -1px;
	transition: color .2s ease;
}

.realm-site-menu nav a:hover {
	padding-left: 25px;
	color: #f0cb64;
	background-color: rgba(0,0,0,.28);
}

.realm-site-menu nav a:hover .realm-site-menu_bullet {
	color: #ffd131;
}

/* AuzWoW Top Voters card inspired by the supplied reference. */
#sidebox_topvoters > .sidebox_title,
#sidebox_sidebox_topvoters > .sidebox_title {
	display: none;
}

#sidebox_topvoters > .sidebox_body,
#sidebox_sidebox_topvoters > .sidebox_body {
	padding: 0;
}

.omewow-topvoters {
	width: 100%;
	margin: 12px 0 30px;
	padding: 22px 15px 15px;
	color: #d8d8d8;
	border: 1px solid #403838;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,.025), 0 8px 20px rgba(0,0,0,.35);
	background: #171717 url(../images/misc/pattern-dots.png) repeat;
}

.omewow-topvoters_gift {
	width: 100px;
	height: 100px;
	margin: -8px auto -2px;
	background: url(../../../modules/sidebox_topvoters/images/giftbox.png) center/contain no-repeat;
}

.omewow-topvoters_title {
	margin: 0;
	color: #f2f2f2;
	font: 22px/28px Georgia, serif;
	text-align: center;
	text-shadow: 0 2px 2px #000;
	text-transform: uppercase;
}

.omewow-topvoters_titleline {
	width: 44px;
	height: 2px;
	margin: 10px auto 18px;
	display: block;
	background: #e4b92e;
}

.omewow-topvoters_reset {
	margin-bottom: 18px;
	border: 1px solid #33302c;
	background: rgba(0,0,0,.28);
}

.omewow-topvoters_reset .reset-label {
	padding: 9px 0 2px;
	display: block;
	color: #8d877d;
	font: 9px/12px 'PTSansCaption';
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.omewow-topvoters_reset .reset-time {
	display: flex;
}

.omewow-topvoters_reset .reset-time > span {
	width: 25%;
	padding: 6px 2px 9px;
	border-right: 1px solid #302d2a;
	text-align: center;
}

.omewow-topvoters_reset .reset-time > span:last-child { border-right: 0; }

.omewow-topvoters_reset b {
	display: block;
	color: #ffd131;
	font: 24px/26px 'PTSansCaptionBold';
}

.omewow-topvoters_reset small {
	display: block;
	color: #aaa49b;
	font: 8px/12px 'PTSansCaption';
	text-transform: uppercase;
}

.omewow-topvoters_labels {
	padding: 0 7px 8px;
	display: flex;
	justify-content: space-between;
	color: #858077;
	border-bottom: 1px solid #302d2a;
	font: 8px/12px 'PTSansCaption';
	text-transform: uppercase;
	letter-spacing: 1px;
}

.omewow-topvoters_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.omewow-topvoters_list li {
	margin: 0;
	padding: 0 7px 9px;
	list-style: none;
}

.omewow-topvoters_list li a {
	min-height: 42px;
	display: flex;
	align-items: center;
	color: #e6e6e6;
	font: 13px/42px 'PTSansCaptionBold';
}

.omewow-topvoters_list .rank-number {
	width: 26px;
	color: #bc8c25;
}

.omewow-topvoters_list .rank-name {
	min-width: 0;
	flex: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase;
}

.omewow-topvoters_list .rank-votes {
	color: #ffd131;
	font-size: 16px;
}

.omewow-topvoters_list .rank-line {
	width: 100%;
	height: 4px;
	display: block;
	border-radius: 4px;
	background: #d7b44d;
}

.omewow-topvoters_list .rank-2 .rank-line { width: 88%; background: #b8c6ca; }
.omewow-topvoters_list .rank-3 .rank-line { width: 76%; background: #947057; }
.omewow-topvoters_list .rank-4 .rank-line { width: 64%; background: #b18c39; }
.omewow-topvoters_list .rank-5 .rank-line { width: 52%; background: #77726c; }

.omewow-topvoters_list li a:hover .rank-name { color: #ffd131; }

.omewow-topvoters_empty {
	padding: 25px 5px;
	color: #888;
	text-align: center;
}

.omewow-topvoters_vote {
	height: 39px;
	margin-top: 10px;
	display: block;
	color: #ffd131;
	border: 1px solid #5d4f24;
	font: 12px/37px 'PTSansCaptionBold';
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

.omewow-topvoters_vote:hover {
	color: #111;
	border-color: #ffd131;
	background: #ffd131;
}

/* OmeWoW footer navigation: clean separators and safe wrapping. */
.footer .aw_row.row-1 .aw_col .box .box_content .footer_nav {
    white-space: normal;
}
.footer .aw_row.row-1 .aw_col .box .box_content .footer_nav li .nav_item:after {
    content: "·";
    margin: 0 5px;
}
.footer .aw_row.row-1 .aw_col .box .box_content .footer_nav li .nav_item.nav_last:after {
    display: none;
    content: none;
}


/* OmeWoW: Realm Status directly below Site Menu */
.sidebar .sidebar_realm_columns {
    width: 100% !important;
    height: auto !important;
    margin: 14px 0 28px !important;
    padding: 0 !important;
    display: block !important;
    clear: both !important;
    float: none !important;
    overflow: visible !important;
}
.sidebar .sidebar_realm_columns .realmstatus {
    width: 100% !important;
    height: 86px !important;
    margin: 0 !important;
    padding: 4px !important;
    display: block !important;
    clear: both !important;
    float: none !important;
    overflow: hidden !important;
}
.sidebar .sidebar_realm_columns .realmstatus .c_col-inner {
    width: 100% !important;
    height: 78px !important;
    margin: 0 !important;
    display: block !important;
}
.sidebar .sidebar_realm_columns .realmstatus .realm_holder {
    width: 100% !important;
    height: 78px !important;
    display: block !important;
    overflow: hidden !important;
}
.sidebar .sidebar_realm_columns .realmstatus .realm_holder .realm_row {
    width: 100% !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}
.sidebar .sidebar_realm_columns .realmstatus .realm_holder .realm_row.row-1 {
    height: 36px !important;
    line-height: 36px !important;
    display: block !important;
}
.sidebar .sidebar_realm_columns .realmstatus .realm_holder .realm_row.row-1 span {
    line-height: 36px !important;
}
.sidebar .sidebar_realm_columns .realmstatus .realm_holder .realm_row .r_name {
    width: auto !important;
    max-width: 75% !important;
    display: inline-block !important;
    float: left !important;
    color: #ffd131 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}
.sidebar .sidebar_realm_columns .realmstatus .realm_holder .realm_row .r_status {
    width: auto !important;
    display: inline-block !important;
    float: right !important;
    font-size: 10px !important;
    white-space: nowrap !important;
}
.sidebar .sidebar_realm_columns .realmstatus .realm_holder.online .r_status { color: #a3ff12 !important; }
.sidebar .sidebar_realm_columns .realmstatus .realm_holder.offline .r_status { color: #ff4f12 !important; }
.sidebar .sidebar_realm_columns .realmstatus .realm_holder .realm_row.row-2 {
    height: 40px !important;
    line-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}
.sidebar .sidebar_realm_columns .realmstatus .realm_holder .realm_row.row-2 .r_list {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: block !important;
    float: none !important;
    color: #9f9f9f !important;
    font-size: 12px !important;
    line-height: 40px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.sidebar .sidebar_realm_columns .realmstatus .realm_holder .realm_row.row-2 .r_list i {
    color: #ff1b1b !important;
    font-size: 12px !important;
    font-style: normal !important;
    line-height: 40px !important;
    vertical-align: baseline !important;
}
.sidebar .sidebar_realm_columns .realmstatus .realm_holder .realm_row.row-3,
.sidebar .sidebar_realm_columns .realmstatus .realm_holder .r_statistics,
.sidebar .sidebar_realm_columns .realmstatus .realm_holder .r_uptime,
.sidebar .sidebar_realm_columns .realmstatus .realm_holder .r_desc {
    display: none !important;
}

/* OmeWoW: extra spacing before the next sidebar box (PVP Ladder) */
.sidebar .sidebar_realm_columns {
    margin-bottom: 42px !important;
}

/* OmeWoW: larger realmlist line while keeping it on one line */
.sidebar .sidebar_realm_columns .realmstatus .realm_holder .realm_row.row-2 .r_list,
.sidebar .sidebar_realm_columns .realmstatus .realm_holder .realm_row.row-2 .r_list i {
    font-size: 14px !important;
    font-weight: 600 !important;
}


/*-------------------------------------------------------------------------*/
/* [OmeWoW] Custom left-edge slide menu - independent from FusionCMS top nav */
/*-------------------------------------------------------------------------*/
.ome-slide-nav {
    position: fixed !important;
    top: 155px !important;
    left: -285px !important;
    width: 285px !important;
    height: auto !important;
    min-height: 100px;
    z-index: 999999 !important;
    transition: left 400ms ease-in-out !important;
}

.ome-slide-nav.is-open { left: 0 !important; }

.ome-slide-inner {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 285px !important;
    height: auto !important;
    min-height: 100px;
    box-sizing: border-box;
    padding: 16px 46px 16px 14px !important;
    background: rgba(14,14,14,.98);
    border: 1px solid #4b4b4b;
    border-left: 0;
    border-radius: 0 6px 6px 0;
    box-shadow: 8px 8px 25px rgba(0,0,0,.55);
    overflow: visible !important;
}

.ome-slide-title {
    display: block !important;
    margin: 0 0 10px;
    color: #ffd131 !important;
    font-family: 'PTSansCaption', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold;
    text-transform: uppercase;
}

.ome-slide-menu {
    display: block !important;
    width: 100%;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ome-slide-menu > li {
    position: relative;
    display: block !important;
    width: 100%;
    margin: 0 0 6px !important;
    padding: 0 !important;
    list-style: none !important;
}

.ome-slide-menu > li > a,
.ome-slide-menu .ome-submenu-toggle {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px;
    padding: 11px 12px !important;
    box-sizing: border-box;
    border: 1px solid #3a3a3a;
    border-radius: 2px;
    background: linear-gradient(#292929,#171717);
    color: #f2f2f2 !important;
    font-family: 'PTSansCaption', Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 16px !important;
    text-align: left;
    text-decoration: none !important;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #000;
    cursor: pointer;
}

.ome-slide-menu > li > a:hover,
.ome-slide-menu .ome-submenu-toggle:hover {
    color: #ffd131 !important;
    border-color: #ffd131;
}

.ome-submenu-toggle {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
}

.ome-submenu-toggle span {
    float: right;
    color: #ffd131 !important;
}

.ome-slide-dropdown {
    display: none;
    position: static !important;
    width: auto !important;
    margin: 4px 0 0 10px;
    padding: 0 !important;
    background: #151515;
    border: 1px solid #444;
    box-shadow: none;
}

.ome-slide-menu li.submenu-open .ome-slide-dropdown { display: block !important; }

.ome-slide-dropdown a {
    display: block !important;
    padding: 9px 10px !important;
    color: #eee !important;
    text-decoration: none !important;
    font-family: 'PTSansCaption', Arial, sans-serif !important;
    font-size: 12px !important;
    border-bottom: 1px solid #303030;
    background: #1c1c1c;
}

.ome-slide-dropdown a:last-child { border-bottom: 0; }
.ome-slide-dropdown a:hover { color: #ffd131 !important; background: #292929; }

.ome-slide-toggle {
    position: absolute !important;
    top: 12px !important;
    right: -45px !important;
    width: 45px !important;
    height: 58px !important;
    padding: 13px 9px !important;
    box-sizing: border-box;
    border: 1px solid #555;
    border-left: 0;
    border-radius: 0 6px 6px 0;
    background: rgba(15,15,15,.98);
    cursor: pointer;
    box-shadow: 5px 0 15px rgba(0,0,0,.35);
}

.ome-slide-toggle .ome-menu-label {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #ffd131 !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 10px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-shadow: 0 1px 0 #000 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.ome-slide-toggle .ome-menu-label span {
    display: block !important;
    color: #ffd131 !important;
    background: transparent !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.ome-slide-nav.is-open .ome-slide-toggle .ome-menu-label {
    color: #ffd131 !important;
}

@media (max-width: 600px) {
    .ome-slide-nav { top: 120px !important; left: -250px !important; width: 250px !important; }
    .ome-slide-nav.is-open { left: 0 !important; }
    .ome-slide-inner { width: 250px !important; padding-left: 10px !important; padding-right: 44px !important; }
}


/* OmeWoW MENU visual polish - preserve existing position and behavior */
.ome-slide-toggle {
    width: 62px !important;
    height: 142px !important;
    top: 0 !important;
    right: -62px !important;
    padding: 8px 0 !important;
    border: 1px solid #555 !important;
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    background:
        linear-gradient(90deg, rgba(10,10,10,.98), rgba(25,25,25,.98)) !important;
    box-shadow: 5px 0 18px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,209,49,.08) !important;
    overflow: hidden !important;
}

/* Gold inner frame */
.ome-slide-toggle:before {
    content: '' !important;
    position: absolute !important;
    top: 7px !important;
    bottom: 7px !important;
    left: 6px !important;
    right: 6px !important;
    border: 1px solid rgba(255,209,49,.72) !important;
    border-radius: 3px !important;
    pointer-events: none !important;
    box-shadow: inset 0 0 10px rgba(255,209,49,.08), 0 0 8px rgba(255,209,49,.08) !important;
}

/* Small decorative gold corners */
.ome-slide-toggle:after {
    content: '' !important;
    position: absolute !important;
    left: 10px !important;
    top: 11px !important;
    width: 10px !important;
    height: 10px !important;
    border-left: 2px solid #ffd131 !important;
    border-top: 2px solid #ffd131 !important;
    box-shadow: 30px 108px 0 -1px rgba(255,209,49,.0) !important;
    pointer-events: none !important;
}

.ome-slide-toggle .ome-menu-label {
    position: relative !important;
    z-index: 2 !important;
    gap: 1px !important;
    font-size: 17px !important;
    line-height: 17px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-shadow: 0 1px 2px #000, 0 0 8px rgba(255,209,49,.18) !important;
}

.ome-slide-toggle .ome-menu-label span {
    min-height: 16px !important;
    line-height: 16px !important;
}

.ome-slide-toggle:hover {
    border-color: #ffd131 !important;
    background: linear-gradient(90deg, #111, #29210b) !important;
    box-shadow: 5px 0 22px rgba(0,0,0,.55), inset 0 0 16px rgba(255,209,49,.08) !important;
}

.ome-slide-toggle:hover .ome-menu-label,
.ome-slide-toggle:hover .ome-menu-label span {
    color: #fff2a6 !important;
}

/* Make the opened panel match the same gold/black Warforge-style look. */
.ome-slide-inner {
    padding: 18px 16px !important;
    background:
        linear-gradient(rgba(12,12,12,.97), rgba(18,18,18,.97)),
        url('../images/misc/pattern-dots.png') !important;
    border: 1px solid #4b4b4b !important;
    border-left: 2px solid #ffd131 !important;
    border-radius: 0 8px 8px 0 !important;
    box-shadow: 8px 10px 28px rgba(0,0,0,.6), inset 0 0 25px rgba(255,209,49,.025) !important;
}

.ome-slide-title {
    padding: 8px 10px !important;
    margin: 0 0 12px !important;
    border-left: 3px solid #ffd131 !important;
    border-bottom: 1px solid #3a3a3a !important;
    color: #ffd131 !important;
    letter-spacing: 1px !important;
}

.ome-slide-menu > li > a,
.ome-slide-menu .ome-submenu-toggle {
    min-height: 42px !important;
    padding: 12px 13px !important;
    border: 1px solid #343434 !important;
    background: linear-gradient(180deg, #2a2a2a, #171717) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.ome-slide-menu > li > a:hover,
.ome-slide-menu .ome-submenu-toggle:hover {
    background: linear-gradient(180deg, #342d12, #1b1b1b) !important;
    border-color: #ffd131 !important;
    color: #ffd131 !important;
}


/* ==========================================================
   OmeWoW Realm Status - Fantasy panel
   Visual-only styling; keeps FusionCMS realm logic intact.
   ========================================================== */
.sidebar_realm_columns .realmstatus,
.sidebar_realm_columns .realmstatus .c_col-inner {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sidebar_realm_columns .realmstatus .realm_holder.ome-realm-card {
    position: relative !important;
    display: block !important;
    min-height: 174px !important;
    margin: 18px 0 8px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #705d25 !important;
    border-radius: 5px !important;
    background:
        radial-gradient(circle at 50% 10%, rgba(255,209,49,.15), transparent 35%),
        linear-gradient(135deg, rgba(8,14,20,.98), rgba(17,17,17,.97) 48%, rgba(7,11,16,.99)) !important;
    box-shadow:
        0 7px 22px rgba(0,0,0,.55),
        inset 0 0 28px rgba(255,209,49,.035),
        0 0 0 1px rgba(255,255,255,.025) !important;
}

.sidebar_realm_columns .realmstatus .realm_holder.ome-realm-card:after {
    content: '' !important;
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    top: 46px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(255,209,49,.55), transparent) !important;
    pointer-events: none !important;
}

.ome-realm-card .ome-realm-top {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 52px !important;
    padding: 8px 12px 5px !important;
    box-sizing: border-box !important;
}

.ome-realm-card .ome-realm-name {
    display: block !important;
    max-width: 70% !important;
    color: #f1d56a !important;
    font-family: 'PTSansCaption', Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    letter-spacing: .6px !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 2px #000 !important;
}

.ome-realm-card .ome-realm-name i { color: #fff !important; font-style: normal !important; }

.ome-realm-card .ome-realm-status {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #b9b9b9 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.ome-realm-card .ome-realm-status:before {
    content: '' !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: #777 !important;
    box-shadow: 0 0 0 2px rgba(255,255,255,.05) !important;
}

.ome-realm-card.online .ome-realm-status { color: #b8ff72 !important; }
.ome-realm-card.online .ome-realm-status:before { background: #79e33c !important; box-shadow: 0 0 8px rgba(121,227,60,.8), 0 0 0 2px rgba(121,227,60,.12) !important; }
.ome-realm-card.offline .ome-realm-status { color: #ff786b !important; }
.ome-realm-card.offline .ome-realm-status:before { background: #ff4538 !important; box-shadow: 0 0 8px rgba(255,69,56,.55), 0 0 0 2px rgba(255,69,56,.12) !important; }

.ome-realm-card .ome-realm-middle {
    position: relative !important;
    z-index: 2 !important;
    min-height: 52px !important;
    padding: 6px 12px 5px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

.ome-realm-card .ome-realm-state {
    display: block !important;
    color: #f7f7f7 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 2px #000 !important;
}
.ome-realm-card.online .ome-realm-state { color: #7df04d !important; text-shadow: 0 0 10px rgba(125,240,77,.28), 0 1px 2px #000 !important; }
.ome-realm-card.offline .ome-realm-state { color: #ff584d !important; }

.ome-realm-card .ome-realm-list {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 3px 10px 10px !important;
    padding: 8px 9px !important;
    border: 1px solid rgba(255,209,49,.25) !important;
    border-radius: 3px !important;
    background: rgba(0,0,0,.42) !important;
    box-shadow: inset 0 0 12px rgba(255,209,49,.025) !important;
    color: #e8e8e8 !important;
    font-size: 10px !important;
    line-height: 14px !important;
    white-space: nowrap !important;
}
.ome-realm-card .ome-realm-list strong { color: #ffd131 !important; font-weight: 700 !important; }
.ome-realm-card .ome-realm-list i { color: #fff !important; font-style: normal !important; }

.ome-realm-copy {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    padding: 0 !important;
    border: 1px solid #625521 !important;
    border-radius: 3px !important;
    background: linear-gradient(#2b2b2b,#151515) !important;
    color: #ffd131 !important;
    font-size: 11px !important;
    line-height: 20px !important;
    cursor: pointer !important;
}
.ome-realm-copy:hover { border-color: #ffd131 !important; color: #fff2a6 !important; }

.ome-realm-card .ome-realm-extra {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 0 10px 8px !important;
    color: #8e8e8e !important;
    font-size: 8px !important;
    text-transform: uppercase !important;
}
.ome-realm-card .ome-realm-extra b { color: #d8d8d8 !important; font-weight: normal !important; }

@media (max-width: 600px) {
    .sidebar_realm_columns .realmstatus .realm_holder.ome-realm-card { min-height: 165px !important; }
    .ome-realm-card .ome-realm-list { font-size: 9px !important; }
}


/* ==========================================================
   OmeWoW Realm Status - FINAL NO-CLIP OVERRIDE
   Keeps the existing FusionCMS realm logic and design,
   but prevents the status card from being clipped/covered.
   ========================================================== */
.sidebar .sidebar_realm_columns {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 14px 0 28px !important;
    padding: 0 !important;
    display: block !important;
    clear: both !important;
    float: none !important;
    overflow: visible !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.sidebar .sidebar_realm_columns .realmstatus,
.sidebar .sidebar_realm_columns .realmstatus.border_box {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    clear: both !important;
    float: none !important;
    overflow: visible !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.sidebar .sidebar_realm_columns .realmstatus .c_col-inner {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.sidebar .sidebar_realm_columns .realmstatus .realm_holder.ome-realm-card {
    width: 100% !important;
    height: auto !important;
    min-height: 190px !important;
    max-height: none !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* Give the right sidebar a real flow gap before Top Voters/next box. */
.sidebar .sidebar_realm_columns + .sidebox {
    margin-top: 10px !important;
}

/* Make the card contents fit naturally instead of being forced into
   the old 78px/86px realm-status bar. */
.sidebar .sidebar_realm_columns .ome-realm-card .ome-realm-top {
    min-height: 48px !important;
    height: auto !important;
    padding: 12px 13px 7px !important;
}

.sidebar .sidebar_realm_columns .ome-realm-card .ome-realm-middle {
    min-height: 48px !important;
    height: auto !important;
    padding: 4px 12px 5px !important;
}

.sidebar .sidebar_realm_columns .ome-realm-card .ome-realm-state {
    line-height: 25px !important;
}

.sidebar .sidebar_realm_columns .ome-realm-card .ome-realm-list {
    height: auto !important;
    min-height: 38px !important;
    margin: 5px 10px 10px !important;
    padding: 8px 9px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.sidebar .sidebar_realm_columns .ome-realm-card .ome-realm-extra {
    min-height: 18px !important;
    padding-bottom: 10px !important;
}

/* Never let old AuzWoW realm-row rules clip the new card. */
.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .realm_row,
.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .r_statistics,
.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .r_uptime,
.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .r_desc {
    overflow: visible !important;
}

/* Pagination stays below the complete card. */
.sidebar .sidebar_realm_columns .realm_pagination {
    position: relative !important;
    height: auto !important;
    min-height: 10px !important;
    margin: 0 0 4px !important;
    overflow: visible !important;
    text-align: center !important;
}


/* ==========================================================
   OmeWoW Realm Status - CLEAN LAYOUT OVERRIDE
   Central ONLINE/OFFLINE removed; compact top status remains.
   Realmlist is promoted and enlarged.
   ========================================================== */
.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card {
    min-height: 132px !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
}

.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-top {
    min-height: 52px !important;
    height: 52px !important;
    padding: 13px 14px 8px !important;
}

.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-status {
    font-size: 10px !important;
    letter-spacing: 1.1px !important;
}

.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-list {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: auto !important;
    min-height: 62px !important;
    height: 62px !important;
    margin: 2px 10px 12px !important;
    padding: 10px 12px !important;
    gap: 10px !important;
    border: 1px solid rgba(255,209,49,.38) !important;
    border-radius: 4px !important;
    background:
        linear-gradient(180deg, rgba(35,31,14,.86), rgba(5,5,5,.92)) !important;
    box-shadow:
        inset 0 0 18px rgba(255,209,49,.045),
        0 0 10px rgba(0,0,0,.25) !important;
    white-space: nowrap !important;
}

.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-list strong {
    display: block !important;
    flex: 0 0 auto !important;
    color: #ffd131 !important;
    font-size: 11px !important;
    line-height: 18px !important;
    letter-spacing: .3px !important;
}

.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-list i {
    display: block !important;
    flex: 1 1 auto !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    text-align: left !important;
    text-shadow: 0 1px 2px #000 !important;
}

.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-copy {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    line-height: 28px !important;
    font-size: 15px !important;
    border-color: #7b6828 !important;
    background: linear-gradient(#3a3218,#141414) !important;
}

.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-middle {
    display: none !important;
}

/* Remove the old centered status area even if cached markup remains. */
.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-state {
    display: none !important;
}

/* Keep Top Voters safely below the complete realm card. */
.sidebar .sidebar_realm_columns + .sidebox {
    margin-top: 14px !important;
}


/* ==========================================================
   OmeWoW Realm Status - COMPACT + CENTERED REALMLIST
   ========================================================== */
.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card {
    min-height: 122px !important;
    height: 122px !important;
    max-height: 122px !important;
    overflow: hidden !important;
}

.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-top {
    height: 47px !important;
    min-height: 47px !important;
    padding: 11px 13px 6px !important;
}

.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-list {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 20px) !important;
    height: 51px !important;
    min-height: 51px !important;
    margin: 0 10px 10px !important;
    padding: 7px 9px !important;
    gap: 7px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-list strong {
    flex: 0 0 auto !important;
    font-size: 10px !important;
    line-height: 16px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-list i {
    flex: 0 0 auto !important;
    font-size: 14px !important;
    line-height: 18px !important;
    text-align: center !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-copy {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    line-height: 26px !important;
    margin: 0 !important;
}

.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-middle,
.sidebar .sidebar_realm_columns .realm_holder.ome-realm-card .ome-realm-state {
    display: none !important;
}

/* Prevent unnecessary gap before Top Voters. */
.sidebar .sidebar_realm_columns + .sidebox {
    margin-top: 8px !important;
}


/* ==========================================================
   OmeWoW Realm Status - FINAL TIGHT CARD
   ========================================================== */

/* The previous .realmstatus rule used min-height:190px.
   Override it with the actual compact size. */
.sidebar .sidebar_realm_columns {
    margin: 10px 0 8px !important;
}

.sidebar .sidebar_realm_columns .realmstatus .realm_holder.ome-realm-card,
.sidebar .sidebar_realm_columns .realmstatus .realm_holder.ome-realm-card.online,
.sidebar .sidebar_realm_columns .realmstatus .realm_holder.ome-realm-card.offline {
    width: 100% !important;
    height: 104px !important;
    min-height: 104px !important;
    max-height: 104px !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Compact header */
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-top {
    height: 43px !important;
    min-height: 43px !important;
    padding: 10px 13px 5px !important;
    box-sizing: border-box !important;
}

/* Realmlist row: centered as one compact group */
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-list {
    width: calc(100% - 20px) !important;
    height: 45px !important;
    min-height: 45px !important;
    margin: 2px 10px 8px !important;
    padding: 6px 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* Keep the whole text group centered instead of spreading it. */
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-list strong,
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-list i {
    flex: 0 0 auto !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-list strong {
    font-size: 9px !important;
    line-height: 16px !important;
}

.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-list i {
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
}

/* Smaller copy button */
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-copy {
    flex: 0 0 25px !important;
    width: 25px !important;
    height: 25px !important;
    line-height: 23px !important;
    margin: 0 !important;
    font-size: 12px !important;
}

/* No hidden/old content can add height. */
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-middle,
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-state,
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-extra {
    display: none !important;
}

/* Top Voters follows immediately after the card. */
.sidebar .sidebar_realm_columns + .sidebox {
    margin-top: 4px !important;
}


/* Final Realm Status command typography: one consistent size */
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-list strong,
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-list i {
    font-size: 13px !important;
    line-height: 18px !important;
    font-family: inherit !important;
    vertical-align: middle !important;
}

.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-list strong {
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-list i {
    font-weight: 700 !important;
}


/* Realm Status - complete command as one text element */
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-list {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-command {
    display: inline-block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
    text-shadow: 0 1px 2px #000 !important;
}

.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-copy {
    flex: 0 0 25px !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Unique full-command copy button: deliberately NOT .ome-realm-copy,
   so the original omewow click handler cannot overwrite the clipboard. */
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-card .ome-realm-copy-full {
    flex: 0 0 25px !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 23px !important;
    font-size: 12px !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}


/* Full-command copy button in BOTH realm-status module templates */
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-copy-full {
    flex: 0 0 25px !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 23px !important;
    font-size: 12px !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}


/* Whole realmlist row is the only clipboard target.
   No .ome-realm-copy class/data attribute is used. */
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-whole-copy {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    user-select: none !important;
}

.sidebar .sidebar_realm_columns .realmstatus .ome-realm-whole-copy .ome-realm-command {
    display: inline-block !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}

.sidebar .sidebar_realm_columns .realmstatus .ome-realm-whole-copy .ome-realm-copy-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 25px !important;
    height: 25px !important;
    flex: 0 0 25px !important;
    color: #ffd131 !important;
    border: 1px solid #625521 !important;
    border-radius: 3px !important;
    background: linear-gradient(#2b2b2b,#151515) !important;
    font-size: 12px !important;
    line-height: 23px !important;
}

.sidebar .sidebar_realm_columns .realmstatus .ome-realm-whole-copy:hover .ome-realm-copy-icon {
    border-color: #ffd131 !important;
    color: #fff2a6 !important;
}


/* Final inline-copy realmlist row */
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-whole-copy {
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}
.sidebar .sidebar_realm_columns .realmstatus .ome-realm-command {
    color:#fff !important;
    font-size:13px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
}

/* OmeWoW unified Home sideboxes */
#sidebox_toppvp .sidebox_title{margin-bottom:14px!important}
#sidebox_toppvp .sidebox_body{padding:0!important}
.ome-pvp-card{border:1px solid #4b3b08;background:linear-gradient(180deg,#17140d 0%,#101010 100%);box-shadow:0 8px 25px rgba(0,0,0,.25)}
.ome-pvp-realm{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #4b3b08;color:#ffd21a;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.ome-pvp-realm a{color:#ffd21a!important;font-size:22px;text-decoration:none!important}.ome-pvp-data{padding:0 10px 10px}
.ome-pvp-head,.ome-pvp-row{display:grid;grid-template-columns:34px 1fr 48px 58px;align-items:center;gap:6px}.ome-pvp-head{height:30px;color:#777;font-size:9px;text-transform:uppercase;border-bottom:1px solid #292929}.ome-pvp-row{min-height:38px;border-bottom:1px solid #252525;transition:.15s}.ome-pvp-row:hover{background:#1d190d}.ome-pvp-rank{color:#ffd21a;text-align:center;font-weight:700}.ome-pvp-name{color:#eee!important;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ome-pvp-class{text-align:center}.ome-pvp-class img{vertical-align:middle}.ome-pvp-kills{text-align:right;color:#ffd21a;font-weight:700}.ome-pvp-empty{padding:18px;text-align:center;color:#888}
#sidebox_discord,#sidebox_visitors{margin-top:28px!important}#sidebox_discord .sidebox_body,#sidebox_visitors .sidebox_body{padding:0!important}
#sidebox_discord .widget-discord{border:1px solid #4b3b08!important;background:linear-gradient(180deg,#17140d,#101010)!important;padding:10px!important;box-shadow:0 8px 25px rgba(0,0,0,.25)}
#sidebox_visitors .ome-visitors-box{border:1px solid #4b3b08!important;background:linear-gradient(180deg,#17140d,#101010)!important;box-shadow:0 8px 25px rgba(0,0,0,.25)}

/* OmeWoW final unified PvP/Discord/Visitors */
#sidebox_toppvp .sidebox_title,#sidebox_discord .sidebox_title,#sidebox_visitors .sidebox_title{margin-bottom:14px!important}
#sidebox_toppvp .sidebox_body,#sidebox_discord .sidebox_body,#sidebox_visitors .sidebox_body{padding:0!important}
#sidebox_toppvp #toppvp{border:1px solid #4b3b08!important;background:linear-gradient(180deg,#17140d,#0f0f0f)!important;box-shadow:0 8px 25px rgba(0,0,0,.28)!important}
#sidebox_toppvp .realm-name{height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;color:#ffd21a!important;border-bottom:1px solid #4b3b08!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.7px!important}
#sidebox_toppvp .toppvp_previous{position:absolute!important;left:10px!important}#sidebox_toppvp .toppvp_next{position:absolute!important;right:10px!important}
#sidebox_toppvp .ome-pvp-data{padding:0 10px 10px!important}
#sidebox_toppvp .ome-pvp-head,#sidebox_toppvp .ome-pvp-row{display:grid!important;grid-template-columns:34px minmax(0,1fr) 62px 45px!important;gap:5px!important;align-items:center!important}
#sidebox_toppvp .ome-pvp-head{height:30px!important;color:#858585!important;font-size:9px!important;border-bottom:1px solid #292929!important;text-transform:uppercase!important}
#sidebox_toppvp .ome-pvp-row{min-height:39px!important;border-bottom:1px solid #252525!important}
#sidebox_toppvp .ome-pvp-row:hover{background:rgba(255,200,0,.055)!important}
#sidebox_toppvp .ome-pvp-rank{font-size:14px!important;color:#ffd21a!important;text-align:center!important;font-weight:800!important}
#sidebox_toppvp .ome-pvp-name{color:#fff!important;font-weight:700!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#sidebox_toppvp .ome-pvp-class{font-size:9px!important;text-align:center!important;text-transform:uppercase!important;overflow:hidden!important}
#sidebox_toppvp .ome-pvp-kills{color:#ffd21a!important;font-weight:800!important;text-align:right!important}
#sidebox_discord .widget-discord{padding:10px!important;border:1px solid #4b3b08!important;background:linear-gradient(180deg,#17140d,#101010)!important}
#sidebox_discord .widget-discord img{display:block!important;width:100%!important;height:auto!important}
#sidebox_visitors .ome-visitors-box{padding:14px!important;border:1px solid #4b3b08!important;background:linear-gradient(180deg,#17140d,#101010)!important}

/* OmeWoW 2026 final sidebar cards: modules own their headers; no duplicate theme heading/divider */
#sidebox_toppvp,#sidebox_discord,#sidebox_visitors{margin:28px 0 0!important;padding:0!important}
#sidebox_toppvp .sidebox_body,#sidebox_discord .sidebox_body,#sidebox_visitors .sidebox_body{padding:0!important}
.ome-widget-title{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #4b3b08;border-bottom:1px solid #5d4808;background:radial-gradient(circle at 50% 0,rgba(255,196,0,.09),transparent 58%),linear-gradient(180deg,#18140d,#111);text-align:center;box-shadow:0 8px 25px rgba(0,0,0,.25)}
.ome-widget-title .ome-widget-icon{display:block;color:#fff4c4;font-size:18px;line-height:18px;margin-bottom:5px;text-shadow:0 0 9px rgba(255,204,0,.45)}
.ome-widget-title strong{display:block;color:#ffd21a;font-size:20px;line-height:22px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;text-shadow:0 1px 2px #000}
.ome-widget-title strong em{color:#fff;font-style:normal}
.ome-widget-title small{display:block;margin-top:5px;color:#817b71;font-size:8px;letter-spacing:2px;text-transform:uppercase}
#sidebox_toppvp #toppvp{border-top:0!important}
#sidebox_toppvp .ome-pvp-row.rank-1 .ome-pvp-rank,#sidebox_toppvp .ome-pvp-row.rank-2 .ome-pvp-rank,#sidebox_toppvp .ome-pvp-row.rank-3 .ome-pvp-rank{font-size:17px!important}
#sidebox_discord .ome-widget-card{border:1px solid #4b3b08;background:#101010;box-shadow:0 8px 25px rgba(0,0,0,.28)}
#sidebox_discord .ome-widget-title{border:0;border-bottom:1px solid #4b3b08;box-shadow:none}
#sidebox_discord .ome-discord-join{display:block;margin:10px;padding:12px 8px;text-align:center;color:#fff!important;font-size:11px;font-weight:900;text-decoration:none!important;background:linear-gradient(180deg,#596cff,#3445c7);border:1px solid #7c89ff;box-shadow:inset 0 1px rgba(255,255,255,.2)}
#sidebox_discord .ome-discord-join:hover{filter:brightness(1.1)}
#sidebox_discord .widget-discord{margin:0 10px 10px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
#sidebox_visitors .ome-widget-title{border-bottom:0}
#sidebox_visitors .ome-visitors-box{border-top:1px solid #4b3b08!important;padding:16px 14px!important}
#sidebox_visitors .ome-visitors-count{font-size:12px!important}
#sidebox_visitors .ome-visitors-count b{font-size:22px!important}

/* Stable sidebar headings live outside cached module output. */
#sidebox_toppvp > .ome-sidebar-heading,
#sidebox_visitors > .ome-sidebar-heading{display:flex!important;margin:0!important;min-height:76px!important}
#sidebox_toppvp .sidebox_body .ome-widget-title,
#sidebox_visitors .sidebox_body .ome-widget-title{display:none!important}
#sidebox_toppvp:before,#sidebox_toppvp:after,
#sidebox_discord:before,#sidebox_discord:after,
#sidebox_visitors:before,#sidebox_visitors:after{content:none!important;display:none!important}

/* Sidebar heading recovery, including previously compiled templates. */
#sidebox_toppvp:not(:has(> .ome-sidebar-heading))::before,
#sidebox_visitors:not(:has(> .ome-sidebar-heading))::before {
 display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important;
 min-height:76px!important; width:100%!important; position:static!important; box-sizing:border-box!important;
 margin:0!important; padding:16px 8px!important; border:1px solid #5d4808!important;
 background:radial-gradient(circle at 50% 0,rgba(255,196,0,.09),transparent 58%),linear-gradient(180deg,#18140d,#111)!important;
 color:#ffd21a!important; font-family:Arial,sans-serif!important; font-size:20px!important; font-weight:900!important;
 line-height:24px!important; letter-spacing:.7px!important; text-align:center!important; text-shadow:0 1px 2px #000!important;
 visibility:visible!important; opacity:1!important; white-space:pre-line!important;
}
#sidebox_toppvp:not(:has(> .ome-sidebar-heading))::before {content:"♛  PVP LADDER"!important}
#sidebox_visitors:not(:has(> .ome-sidebar-heading))::before {content:"♟  VISITORS"!important}

/* Unified sidebar cards, matching the Top Voters container. */
.sidebar #sidebox_toppvp,.sidebar #sidebox_discord,.sidebar #sidebox_visitors{
 box-sizing:border-box!important;border:1px solid #66501a!important;padding:10px!important;
 background:linear-gradient(180deg,#17140f 0,#101010 42%,#12100d 100%)!important;
 box-shadow:0 0 22px rgba(0,0,0,.45),inset 0 0 0 1px rgba(243,197,33,.06)!important;
 overflow:hidden!important;
}
.sidebar #sidebox_toppvp > .sidebox_body,
.sidebar #sidebox_discord > .sidebox_body,
.sidebar #sidebox_visitors > .sidebox_body{margin:0!important;padding:0!important;width:100%!important}
.sidebar #sidebox_toppvp > .ome-sidebar-heading,
.sidebar #sidebox_visitors > .ome-sidebar-heading,
.sidebar #sidebox_discord .ome-widget-title{
 border:0!important;border-bottom:1px solid #3a3020!important;background:none!important;
 box-shadow:none!important;margin:0!important;padding:8px 8px 12px!important;
}
.sidebar #sidebox_toppvp:not(:has(> .ome-sidebar-heading))::before,
.sidebar #sidebox_visitors:not(:has(> .ome-sidebar-heading))::before{
 border:0!important;border-bottom:1px solid #3a3020!important;background:none!important;
 margin:0!important;box-shadow:none!important;
}
.sidebar #sidebox_toppvp .ome-pvp-card,
.sidebar #sidebox_toppvp #toppvp,
.sidebar #sidebox_toppvp .toppvp_realm,
.sidebar #sidebox_discord .ome-widget-card{
 margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;
}
.sidebar #sidebox_toppvp .toppvp_select,
.sidebar #sidebox_toppvp .ome-pvp-realm,
.sidebar #sidebox_toppvp .realm-name{
 margin:0!important;border:0!important;border-bottom:1px solid #3a3020!important;background:none!important;
}
.sidebar #sidebox_toppvp .toppvp_data,
.sidebar #sidebox_toppvp .ome-pvp-data{margin:0!important;padding:0!important}
.sidebar #sidebox_toppvp .toppvp_table{margin:0!important}
.sidebar #sidebox_visitors .ome-visitors-box{
 margin:0!important;border:0!important;background:none!important;box-shadow:none!important;padding:16px 4px!important;
}
.sidebar #sidebox_discord .ome-discord-join{margin:10px 0!important}
.sidebar #sidebox_discord .widget-discord{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}