/*-------------------------------------------------------------------------*/
/* Item quality colors
/*-------------------------------------------------------------------------*/
.q   { color: #ffd100 !important; border-color: #ffd100 !important; }
.q0  { color: #9d9d9d !important; border-color: #9d9d9d !important; }
.q1  { color: #ffffff !important; border-color: #ffffff !important; }
.q2  { color: #1eff00 !important; border-color: #1eff00 !important; }
.q3  { color: #0070dd !important; border-color: #0070dd !important; }
.q4  { color: #a335ee !important; border-color: #a335ee !important; }
.q5  { color: #ff8000 !important; border-color: #ff8000 !important; }
.q6  { color: #e5cc80 !important; border-color: #e5cc80 !important; }
.q7  { color: #e5cc80 !important; border-color: #e5cc80 !important; }
.q8  { color: #ffff98 !important; border-color: #ffff98 !important; }
.q9  { color: #71D5FF !important; border-color: #71D5FF !important; }
.q10 { color: #ffd100 !important; border-color: #ffd100 !important; }

/*-------------------------------------------------------------------------*/
/* Class colors
/*-------------------------------------------------------------------------*/
.color-c1  { color: #C79C6E !important; border-color: #C79C6E !important; } /* warrior */
.color-c2  { color: #F58CBA !important; border-color: #F58CBA !important; } /* paladin */
.color-c3  { color: #ABD473 !important; border-color: #ABD473 !important; } /* hunter */
.color-c4  { color: #FFF569 !important; border-color: #FFF569 !important; } /* rogue */
.color-c5  { color: #FFFFFF !important; border-color: #FFFFFF !important; } /* priest */
.color-c6  { color: #C41F3B !important; border-color: #C41F3B !important; } /* death knight */
.color-c7  { color: #0070DE !important; border-color: #0070DE !important; } /* shaman */
.color-c8  { color: #69CCF0 !important; border-color: #69CCF0 !important; } /* mage */
.color-c9  { color: #9482C9 !important; border-color: #9482C9 !important; } /* warlock */
.color-c11 { color: #FF7D0A !important; border-color: #FF7D0A !important; } /* druid */

/*-------------------------------------------------------------------------*/
/* Discord Widget
/*-------------------------------------------------------------------------*/
.discord-widget {
	margin: 0 0 15px 0;
	padding: 12px;
	background: rgba(10, 12, 8, 0.6);
	border: 1px solid #2a3520;
	border-radius: 4px;
}

.discord-widget-header {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #2a3520;
	color: #d1c3af;
	font-family: var(--font-family-secondary), sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*-------------------------------------------------------------------------*/
/* Havoc UCP Custom Styling Fix
/*-------------------------------------------------------------------------*/
#page-ucp #ucp_top {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 30px 0 !important;
}

#page-ucp #ucp_info {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-between !important;
	gap: 20px !important;
	width: 100% !important;
	margin-top: 20px !important;
}

#page-ucp #ucp_info aside {
	flex: 0 0 calc(50% - 10px) !important;
	max-width: calc(50% - 10px) !important;
	margin: 0 !important;
}

#page-ucp #ucp_buttons {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
	gap: 15px !important;
	width: 100% !important;
	margin: 30px 0 !important;
}

#page-ucp #ucp_buttons .ucp-btn {
	flex: 0 0 calc(33.333% - 10px) !important;
	max-width: calc(33.333% - 10px) !important;
	height: 65px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	padding: 0 15px !important;
	border: 1px solid #3a4b23 !important;
	border-radius: 4px !important;
	background: linear-gradient(180deg, #1c2616 0%, #0d140a 100%) !important;
	color: #d1c3af !important;
	font-family: var(--font-family-secondary), 'BeaufortW01-Bold', sans-serif !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	text-decoration: none !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 10px rgba(0, 0, 0, 0.6) !important;
	transition: all 0.25s ease-in-out !important;
}

#page-ucp #ucp_buttons .ucp-btn i {
	font-size: 20px !important;
	color: #79a528 !important;
	transition: all 0.25s ease-in-out !important;
}

#page-ucp #ucp_buttons .ucp-btn:hover {
	border-color: #79a528 !important;
	background: linear-gradient(180deg, #2a3d1d 0%, #15240f 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 0 15px rgba(121, 165, 40, 0.45), inset 0 0 10px rgba(121, 165, 40, 0.2) !important;
	transform: translateY(-2px) !important;
}

#page-ucp #ucp_buttons .ucp-btn:hover i {
	color: #a0e334 !important;
	transform: scale(1.15) !important;
}

#page-ucp #ucp_characters {
	width: 100% !important;
	max-width: 100% !important;
	margin: 30px 0 0 0 !important;
}

#page-ucp table.nice_table td {
	padding: 10px 8px !important;
	vertical-align: middle !important;
}