/* =============================================================================
   Vinvictus Theme v2.0.0 - Armory Module Styles
   ============================================================================= */

/* Search form container */
.page-subbody {
	background: var(--bg-darker) !important;
	border: 1px solid var(--border-light) !important;
	padding: 1.5rem !important;
	margin-bottom: 2rem !important;
}

/* Search form inputs */
.page-subbody .form-control {
	background: var(--bg-dark) !important;
	border: 1px solid var(--border-light) !important;
	color: var(--color-white) !important;
	font-family: "Poppins", sans-serif !important;
	font-size: 14px !important;
}

.page-subbody .form-control:focus {
	border-color: var(--border-primary) !important;
	background: var(--bg-dark) !important;
	color: var(--color-white) !important;
}

.page-subbody .form-control::placeholder {
	color: var(--color-grey) !important;
}

/* Search form selects */
.page-subbody select {
	background: var(--bg-dark) !important;
	border: 1px solid var(--border-light) !important;
	color: var(--color-white) !important;
	font-family: "Poppins", sans-serif !important;
	font-size: 14px !important;
}

.page-subbody select:focus {
	border-color: var(--border-primary) !important;
	background: var(--bg-dark) !important;
	color: var(--color-white) !important;
}

.page-subbody select option {
	background: var(--bg-dark) !important;
	color: var(--color-white) !important;
}

/* Search button - proper theme button styling */
.page-subbody .nice_button {
	background-color: var(--btn-primary) !important;
	border-bottom: 0.3rem solid var(--btn-primary-border-bottom) !important;
	border: none !important;
	font-family: "Poppins", sans-serif !important;
	color: var(--btn-txt-dark) !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	text-shadow: none !important;
	font-style: normal !important;
	text-transform: uppercase !important;
	box-shadow: none !important;
	transition: all 0.3s ease-in-out !important;
	border-radius: 0.15rem !important;
	padding: 0.5rem 1rem !important;
}

.page-subbody .nice_button:hover {
	background-color: var(--btn-secondary) !important;
	border-bottom: 0.3rem solid var(--btn-secondary-border-bottom) !important;
	color: var(--btn-txt-dark) !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	text-shadow: none !important;
	font-style: normal !important;
	text-transform: uppercase !important;
	transition: all 0.3s ease-in-out !important;
	border-radius: 0.15rem !important;
}

/* Results container */
#search_box {
	background: var(--bg-darker) !important;
	border: 1px solid var(--border-light) !important;
	padding: 1rem !important;
}

/* Item icons in search results */
.item-icon,
.item-icon-placeholder {
	display: inline-block !important;
	vertical-align: middle !important;
	margin-right: 8px !important;
	width: 32px !important;
	height: 32px !important;
}

.item-icon img {
	width: 32px !important;
	height: 32px !important;
	border-radius: 4px !important;
	vertical-align: middle !important;
	object-fit: contain !important;
	aspect-ratio: 1 / 1 !important;
	/* High quality icon rendering for better clarity */
	image-rendering: auto !important;
	-ms-interpolation-mode: bicubic !important;
}

.item-icon .fa-spinner {
	font-size: 16px !important;
	color: var(--color-grey) !important;
}

/* Clean table styling */
.nice_table {
	width: 100%;
	border-collapse: collapse;
	background: var(--bg-darker);
	font-family: "Poppins", sans-serif;
	font-size: 14px;
}

.nice_table thead th {
	background: var(--bg-dark) !important;
	color: var(--color-white) !important;
	padding: 6px 10px !important;
	text-align: left !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 600 !important;
	font-style: normal !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
	border-bottom: 1px solid var(--border-light) !important;
}

/* Specific targeting for all search result tables */
#search_results_items thead th,
#search_results_characters thead th,
#search_results_guilds thead th {
	background: var(--bg-dark) !important;
	color: var(--color-white) !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 600 !important;
	font-style: normal !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
	padding: 6px 10px !important;
}

.nice_table tbody td {
	padding: 6px 10px;
	background: var(--bg-darker);
	color: var(--color-white);
	border-bottom: 1px solid var(--border-light);
	vertical-align: middle;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-style: normal;
}

.nice_table tbody tr:hover {
	background: var(--bg-dark);
}

.nice_table tbody tr:hover td {
	background: var(--bg-dark);
	color: var(--bg-primary);
}

.nice_table tbody tr:hover a {
	color: var(--bg-primary);
	text-decoration: none;
}

/* Icon column */
.nice_table th:first-child,
.nice_table td:first-child {
	width: 50px;
	text-align: center;
	padding: 6px;
}

.nice_table td:first-child img {
	width: 32px;
	height: 32px;
	display: block;
	margin: 0 auto;
	object-fit: contain;
	aspect-ratio: 1 / 1;
}

.nice_table td:first-child .fa-spinner {
	font-size: 16px;
	color: var(--bg-primary);
}

.nice_table td:first-child div {
	width: 32px;
	height: 32px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #333;
	color: #666;
	font-size: 12px;
}

/* DataTables wrapper spacing */
.dataTables_wrapper {
	background: var(--bg-darker) !important;
	color: var(--color-white) !important;
	font-family: "Poppins", sans-serif !important;
	padding: 1rem 0 !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
	color: var(--color-white) !important;
	font-family: "Poppins", sans-serif !important;
	margin: 0.5rem 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	background: var(--bg-dark) !important;
	border: 1px solid var(--border-light) !important;
	color: var(--color-white) !important;
	font-family: "Poppins", sans-serif !important;
	padding: 6px 12px !important;
	margin: 0 2px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: var(--bg-primary) !important;
	color: var(--bg-dark) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: var(--bg-primary) !important;
	color: var(--bg-dark) !important;
}

/* Character avatars */
.char-avatar {
	width: 32px;
	height: 32px;
	display: block;
	margin: 0 auto;
}

/* Enhanced tooltips styling */
.tooltip {
	z-index: 9999;
}

.tooltip .tooltip-inner {
	background-color: var(--bg-darker);
	color: var(--bg-primary);
	border: 1px solid var(--border-primary);
	font-family: "Poppins", sans-serif;
	font-size: 12px;
	padding: 8px 12px;
	max-width: 300px;
	text-align: center;
}

/* Search result row simple styling */
.nice_table tbody tr {
	background: var(--bg-darker) !important;
	border-bottom: 1px solid var(--border-light) !important;
	height: 50px !important;
}

/* Character row hover effects */
.nice_table .character-row-hover {
	position: relative !important;
	transition: background-color 0.2s ease-in-out !important;
}

.nice_table .character-row-hover:hover {
	background: rgba(0, 0, 0, 0.3) !important;
	cursor: pointer !important;
}

.nice_table .character-row-hover:hover td {
	background: rgba(0, 0, 0, 0.3) !important;
}

/* Character class colors - maintain existing colors */
.color-c1 {
	color: #c79c6e !important;
} /* Warrior */
.color-c2 {
	color: #f58cba !important;
} /* Paladin */
.color-c3 {
	color: #abd473 !important;
} /* Hunter */
.color-c4 {
	color: #fff569 !important;
} /* Rogue */
.color-c5 {
	color: #ffffff !important;
} /* Priest */
.color-c6 {
	color: #c41f3b !important;
} /* Death Knight */
.color-c7 {
	color: #0070de !important;
} /* Shaman */
.color-c8 {
	color: #40c7eb !important;
} /* Mage */
.color-c9 {
	color: #8787ed !important;
} /* Warlock */
.color-c11 {
	color: #ff7d0a !important;
} /* Druid */

/* Faction colors */
.faction-1 {
	color: #0078ff !important;
} /* Alliance */
.faction-2 {
	color: #ff0000 !important;
} /* Horde */

/* Faction text styling for search results */
.faction-text.text-alliance {
	color: #0078ff !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

.faction-text.text-horde {
	color: #ff0000 !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

.faction-text.text-neutral {
	color: #ffcc00 !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

/* Character avatar styling - remove hover effects */
.char-avatar {
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	transition: none !important;
	cursor: default !important;
	pointer-events: none !important;
	border-radius: 0 !important;
}

.char-avatar:hover {
	transform: none !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	filter: none !important;
	box-shadow: none !important;
}

/* Disable any parent hover effects on avatar column */
.nice_table tbody tr:hover .char-avatar,
.nice_table tbody tr td:hover .char-avatar {
	transform: none !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	filter: none !important;
	box-shadow: none !important;
}

/* Item quality colors - standardized font sizes */
.nice_table .q0,
.nice_table .q0 a {
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}

.nice_table .q1,
.nice_table .q1 a {
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}

.nice_table .q2,
.nice_table .q2 a {
	color: #1eff00 !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}

.nice_table .q3,
.nice_table .q3 a {
	color: #0070dd !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}

.nice_table .q4,
.nice_table .q4 a {
	color: #a335ee !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}

.nice_table .q5,
.nice_table .q5 a {
	color: #ff8000 !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}

.nice_table .q6,
.nice_table .q6 a {
	color: #e6cc80 !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}

.nice_table .q7,
.nice_table .q7 a {
	color: #00ccff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}

.nice_table tbody tr td,
.nice_table thead + tbody tr:first-child td {
	color: var(--color-white) !important;
	padding: 6px 10px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	font-family: "Poppins", sans-serif !important;
	text-shadow: none !important;
	vertical-align: middle !important;
	height: 50px !important;
	box-sizing: border-box !important;
}

.nice_table thead + tbody::before {
	display: none;
}

/* Character class colors - standardized font sizes */
.nice_table .class-1,
.nice_table .class-1 a {
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}
.nice_table .class-2,
.nice_table .class-2 a {
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}
.nice_table .class-3,
.nice_table .class-3 a {
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}
.nice_table .class-4,
.nice_table .class-4 a {
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}
.nice_table .class-5,
.nice_table .class-5 a {
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}
.nice_table .class-6,
.nice_table .class-6 a {
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}
.nice_table .class-7,
.nice_table .class-7 a {
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}
.nice_table .class-8,
.nice_table .class-8 a {
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}
.nice_table .class-9,
.nice_table .class-9 a {
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}
.nice_table .class-11,
.nice_table .class-11 a {
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}

/* Faction colors - standardized font sizes */
.nice_table .faction-1,
.nice_table .faction-1 a {
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}
.nice_table .faction-2,
.nice_table .faction-2 a {
	color: #ffffff !important;
	font-family: "Poppins", sans-serif !important;
	font-style: normal !important;
	font-size: 14px !important;
}

/* Responsive design */
@media (max-width: 768px) {
	.page-subbody .input-group {
		flex-direction: column !important;
		gap: 1rem !important;
	}

	.page-subbody .form-control,
	.page-subbody select,
	.page-subbody .nice_button {
		width: 100% !important;
		margin: 0 !important;
	}

	.nice_table {
		font-size: 12px !important;
	}

	.nice_table thead th {
		padding: 0.75rem 0.5rem !important;
		font-size: 0.7rem !important;
	}

	.nice_table tbody td {
		padding: 0.75rem 0.5rem !important;
		font-size: 12px !important;
		height: 50px !important;
	}

	.nice_table tbody td:first-child {
		width: 50px !important;
		min-width: 50px !important;
		max-width: 50px !important;
		padding: 0.25rem !important;
	}

	.nice_table tbody td:first-child img {
		width: 32px !important;
		height: 32px !important;
	}

	.nice_table tbody td:first-child div {
		width: 32px !important;
		height: 32px !important;
	}

	#search_box {
		padding: 0.5rem !important;
	}
}

@media (max-width: 576px) {
	.nice_table thead th {
		padding: 0.5rem 0.25rem !important;
		font-size: 0.65rem !important;
	}

	.nice_table tbody td {
		padding: 0.5rem 0.25rem !important;
		font-size: 11px !important;
		height: 45px !important;
	}

	.nice_table tbody td:first-child {
		width: 45px !important;
		min-width: 45px !important;
		max-width: 45px !important;
		padding: 0.25rem !important;
	}

	.nice_table tbody td:first-child img {
		width: 28px !important;
		height: 28px !important;
	}

	.nice_table tbody td:first-child div {
		width: 28px !important;
		height: 28px !important;
	}
}

/* DataTables empty message styling */
.dataTables_empty {
	text-align: center !important;
	font-family: "Poppins", sans-serif !important;
	font-size: 14px !important;
	font-style: italic !important;
	color: var(--color-grey) !important;
	padding: 2rem !important;
	background: var(--bg-darker) !important;
}

/* Ensure the empty message spans all columns */
.nice_table tbody .dataTables_empty {
	text-align: center !important;
	vertical-align: middle !important;
	padding: 2rem !important;
}

/* Custom styling for no results state */
.no-results-message {
	text-align: center !important;
	font-family: "Poppins", sans-serif !important;
	font-size: 14px !important;
	font-style: italic !important;
	color: var(--color-grey) !important;
	padding: 2rem !important;
	background: var(--bg-darker) !important;
	border: 1px solid var(--border-light) !important;
	border-radius: 4px !important;
	margin: 1rem 0 !important;
}

/* =============================================================================
   SEARCH RESULTS FIXES
   ============================================================================= */

/* Fix character avatar sizing */
#search_results_characters img {
	width: 40px !important;
	height: 40px !important;
	border-radius: 4px !important;
	object-fit: cover !important;
}

/* Faction text styling */
.faction-horde {
	color: #dc3545 !important; /* Bootstrap red */
	font-weight: 600 !important;
	text-transform: uppercase !important;
}

.faction-alliance {
	color: #0d6efd !important; /* Bootstrap blue */
	font-weight: 600 !important;
	text-transform: uppercase !important;
}

/* DataTable info styling for proper entry count display */
.dataTables_info {
	color: var(--color-grey) !important;
	font-size: 14px !important;
	margin-top: 10px !important;
	display: block !important;
	visibility: visible !important;
}

/* Force DataTables info to show for search results */
#search_results_characters_info,
#search_results_items_info,
#search_results_guilds_info {
	color: var(--color-grey) !important;
	font-size: 14px !important;
	margin-top: 10px !important;
	display: block !important;
	visibility: visible !important;
}