/**
 * @package    Armory
 * @subpackage Armory
 * @since      1.0.0
 * @version    2.0.0
 * @author     Ehsan Zare <darksider.legend@gmail.com>
 * @link       https://code-path.com
 * @copyright  (c) 2024 Code-path web developing team
 */

/*-------------------------------------------------------------------------*/
/* Armory
/*-------------------------------------------------------------------------*/
.page-armory {}

/* Armory: Art
/*---------------------------------------------------------------*/
.page-armory [art] {
	width: 100%;
	height: 100%;

	top: 0;
	left: 0;

	position: absolute;

	background-size: auto 466px;
	background-color: transparent;
	background-image: url('../images/armory_large_bg.png');
	background-repeat: no-repeat;
	background-position: right top;
}

/* Armory: Subbody
/*---------------------------------------------------------------*/
.page-armory .page-subbody {
	padding: 2rem !important;
}

.page-armory .page-subbody:not(#search_box)::before {
	width: 100%;
	height: 100%;

	top: 0;
	left: 0;

	content: '';
	position: absolute;

	background-size: cover;
	background-color: transparent;
	background-image: url('../images/armory_small_bg.png');
	background-repeat: no-repeat;
	background-position: right center;
}

/* Armory: Fields
/*---------------------------------------------------------------*/
.page-armory .input-group {
	gap: var(--margin-primary);

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.page-armory .input-group > * {
	width: 100%;
	margin: 0 !important;
}

/* Armory: Table
/*---------------------------------------------------------------*/
.page-armory .dataTables_wrapper {}

.page-armory .dataTables_wrapper table {}

.page-armory .dataTables_wrapper table tr {}

.page-armory .dataTables_wrapper table tr td {}

.page-armory .dataTables_wrapper table tr td img {
	border: 1px solid #315c8a;
	margin: 0 var(--margin-primary) 0 0;
	display: inline-block;
	max-width: initial;
	vertical-align: text-top;
}

.page-armory .dataTables_wrapper .row + .row + .row {
	margin: var(--margin-primary) 0 0 0;

	text-align: center;

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

.page-armory .dataTables_wrapper .row + .row + .row > div {
	padding-left: 0;
	padding-right: 0;
}

.page-armory .dataTables_wrapper .row + .row + .row .dataTables_info {
	padding: 0;
}

.page-armory .dataTables_wrapper .row + .row + .row .dataTables_paginate {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.page-armory .dataTables_wrapper .row + .row + .row .dataTables_paginate .pagination {
	gap: 1rem;

	margin: 0 auto;
}

/* Armory: Responsive
/*---------------------------------------------------------------*/
@media screen and (min-width: 768px) { /* Desktop */
	.page-armory {}

	/* Armory: Subbody
	/*---------------------------------------------------------------*/
	.page-armory .page-subbody {
		padding: 3rem !important;
	}

	/* Armory: Fields
	/*---------------------------------------------------------------*/
	.page-armory .input-group {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;

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

	.page-armory .input-group > * {
		width: -webkit-calc(100% / 3);
		width: -moz-calc(100% / 3);
		width: calc(100% / 3);
	}

	.page-armory .input-group button {
		width: auto;
	}

	/* Armory: Table
	/*---------------------------------------------------------------*/
	.page-armory .dataTables_wrapper .row + .row + .row {
		text-align: left;
	}

	.page-armory .dataTables_wrapper .row + .row + .row .dataTables_paginate .pagination {
		margin-left: auto;
		margin-right: 0;
	}
}