/* ==========================================================================
   MINELIST custom styles
   Editable site CSS. Loaded after CSS/minified.css in engine/functions.php.
   These classes replace the old inline style="..." attributes in engine/*.php.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Toplist / server rows
   -------------------------------------------------------------------------- */

/* Sponsored (VIP) server table highlight */
.sponsored-glow {
	border-color: rgba(251, 189, 8, 0.6) !important;
	box-shadow: 0px 0px 15px 0px rgba(251, 189, 8, 0.5) !important;
}

/* Rank icon image */
.rank-icon {
	margin-left: 0.5em;
}

/* Votes in last 24h badge (block level) */
.votes24-badge {
	display: block;
	color: #21ba45;
	font-weight: 700;
}

/* Votes in last 24h badge (inline) */
.votes24-inline {
	color: #21ba45;
	font-weight: 700;
}

/* Server cell flex column wrapper */
.server-cell {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 468px;
}

/* Server cell inner column */
.server-name-cell {
	display: flex;
	flex-direction: column;
}

/* Server host / address link */
.server-host {
	color: #bfbfbf !important;
	font-size: 12px;
}

/* Server IP copy link */
.server-host.copy-ip {
	cursor: pointer;
}

.copy-ip {
	cursor: pointer;
}

/* Server version / type row (with top margin) */
.server-meta-top {
	display: flex;
	flex-direction: row;
	gap: 10px;
	max-width: 468px;
	margin-top: 10px;
}

/* Server version / type row */
.server-meta {
	display: flex;
	flex-direction: row;
	gap: 10px;
	max-width: 468px;
	margin-top: 10px;
}

/* No servers placeholder cell */
.no-server-cell {
	display: table-cell !important;
}

/* Row separator for admin actions on server page */
.border-top-cell {
	border-top: 1px solid rgba(34, 36, 38, 0.15);
	padding-top: 0.75em;
}

/* Server MOTD block */
.server-motd-block {
	margin-top: 0;
	padding: 0.5em;
	padding-left: 1em;
	color: #aaa;
	background: rgba(0, 0, 0, 0.87);
	font-family: monospace;
	font-size: 100%;
	white-space: pre-wrap;
	line-height: 1.7;
	text-align: left;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
	overflow-wrap: anywhere;
}

/* Captcha image */
.captcha-img {
	width: 100%;
	height: auto;
	max-width: 200px;
	display: block;
	margin-bottom: 0.5em;
}

/* --------------------------------------------------------------------------
   Badges / notes
   -------------------------------------------------------------------------- */

/* Hidden server badge */
.hidden-badge {
	font-size: 80%;
	color: #999;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 4px;
}

/* Auto-hidden server note */
.auto-hidden-note {
	font-size: 80%;
	color: #b35d5d;
	margin-top: 2px;
}

/* Muted note under a field */
.note-muted {
	margin-left: 2em;
	color: #888;
}

/* Muted small text */
.text-muted {
	color: #999;
}

/* Muted small text in server lists */
.small-muted {
	font-size: 85%;
	color: #999;
}

/* Server meta line in admin list */
.server-meta-line {
	font-size: 85%;
	font-weight: bold;
	color: #666;
	margin-top: 2px;
}

/* Server sort label hint */
.label-hint {
	font-size: 90%;
	color: #666;
	margin-right: 0.75em;
}

/* --------------------------------------------------------------------------
   Status colours
   -------------------------------------------------------------------------- */

/* Offline / error text */
.text-danger {
	color: #db2828;
}

/* Offline with days badge */
.status-offline {
	color: #db2828;
	font-weight: bold;
}

/* Online text */
.text-green {
	color: #21ba45;
}

/* Pure red emphasis */
.text-red {
	color: red;
}

/* Inherit parent link colour */
.link-inherit {
	color: inherit;
}

/* --------------------------------------------------------------------------
   Tables (auction / admin)
   -------------------------------------------------------------------------- */

/* Auction position column */
.col-index {
	width: 10%;
	text-align: center;
}

/* Auction server name column */
.col-name {
	width: 65%;
}

/* Auction amount column */
.col-amount {
	width: 25%;
	text-align: center;
}

/* Admin list label cell */
.cell-label {
	width: 70%;
	padding-left: 1em !important;
}

/* Table header / cell left padding */
.pl-1 {
	padding-left: 1em !important;
}

/* Sponsored history header / cells */
.txt-center-nowrap {
	text-align: center;
	white-space: nowrap;
}

/* --------------------------------------------------------------------------
   Forms / segments / accordions
   -------------------------------------------------------------------------- */

/* Account settings form box */
.form-box {
	border-radius: 0.28571429rem;
	border: 1px solid rgba(34, 36, 38, 0.15);
	margin-bottom: 1em;
	padding: 1em;
}

/* Account settings form box (no bottom margin) */
.form-box-nomb {
	border-radius: 0.28571429rem;
	border: 1px solid rgba(34, 36, 38, 0.15);
	padding: 1em;
}

/* Success message bottom margin fix */
.mb-1-important {
	margin: 0 0 1em 0 !important;
}

/* Full width helper */
.w-100 {
	width: 100%;
}

/* Zero padding helper */
.p-0 {
	padding: 0 !important;
}

/* Two fields wrap */
.flex-wrap {
	flex-wrap: wrap;
}

/* Flex center helper */
.flex-center {
	display: flex;
	justify-content: center;
}

/* Admin menu dropdown label */
.admin-menu-label {
	margin: 0 auto !important;
	cursor: pointer !important;
}

/* Ad code sample block */
.code-sample {
	background: #ffc683;
	margin-top: 5px;
	display: block;
	width: 100%;
	padding: 5px;
}

/* --------------------------------------------------------------------------
   Spacing helpers
   -------------------------------------------------------------------------- */

.mt-0 {
	margin-top: 0;
}

.mt-xs {
	margin-top: 2px;
}

.mt-sm {
	margin-top: 0.5em;
}

.mt-lg {
	margin-top: 1.5em;
}

.mt-2 {
	margin-top: 2em;
}

.mb-0 {
	margin-bottom: 0;
}

.mb-sm {
	margin-bottom: 0.5em;
}

.mb-0-important {
	margin-bottom: 0 !important;
}

.mr-half {
	margin-right: 0.5em;
}

.px-10 {
	padding: 0 10px;
}

/* --------------------------------------------------------------------------
   Header settings dropdown
   -------------------------------------------------------------------------- */

body nav.ui.menu .item.setti:hover {
	background: transparent !important;
}

body nav.ui.menu .item.setti > .ui.dropdown.icon.button {
	width: 44px;
	padding: 0 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

body nav.ui.menu .item.setti > .ui.dropdown.icon.button > .icon {
	margin: 0 !important;
	line-height: 1;
	vertical-align: middle;
}

body .item.setti > .ui.dropdown.button:hover .icon,
body .item.setti > .ui.dropdown.icon.button:hover .icon {
	opacity: 1;
}

/* Keep the settings dropdown compact and aligned without the pointing marker. */
body .item.setti .ui.pointing.dropdown > .menu:after {
	display: none !important;
}

body .item.setti .ui.dropdown > .menu > .item {
	display: flex;
	align-items: center;
	column-gap: .5em;
	text-align: left !important;
}

body .item.setti .ui.dropdown > .menu > .item > .icon {
	flex: 0 0 1.18em;
	margin-right: 0;
}

body .item.setti .settings-option-label {
	flex: 1 1 auto;
	text-align: left;
}

body .item.setti .ui.dropdown > .menu > .item > .text,
body .item.setti .ui.dropdown > .menu > .item > .menu .item {
	text-align: left !important;
}

/* --------------------------------------------------------------------------
   Misc
   -------------------------------------------------------------------------- */

/* Chart axis label (ECharts tooltip) */
.chart-axis-label {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	vertical-align: middle;
}