/*
 * New player onboarding (scripts/Onboarding.class.inc.php):
 * page tips, the council's missions on the Overview and the protection countdown.
 */

.onboarding-tip,
.onboarding-missions {
	background-color: #17130e;
	border: 1px solid #8a7a4a;
	border-radius: 8px;
	color: #EEEEBB;
	margin: 0 auto 18px auto;
	max-width: 640px;
	text-align: left;
}

/* page tip */
.onboarding-tip {
	padding: 10px 14px;
	font-size: 12px;
	line-height: 1.5;
}

.onboarding-tip-actions {
	margin-top: 6px;
	text-align: right;
}

.content .onboarding-tip-actions a {
	color: #FFFFCC;
	margin-left: 14px;
	font-size: 11px;
}

/* missions */
.onboarding-missions {
	padding: 12px 14px 6px 14px;
}

.onboarding-title {
	font-size: 15px;
	color: #FFFFCC;
	border-bottom: 1px solid #4a4433;
	padding-bottom: 6px;
	margin-bottom: 8px;
}

.onboarding-count {
	float: right;
	font-size: 12px;
	color: #c9b97a;
}

.onboarding-intro {
	font-size: 12px;
	margin-bottom: 8px;
}

.onboarding-missions ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.onboarding-mission {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 0;
	border-top: 1px solid #2b2619;
	font-size: 12px;
}

.onboarding-mark {
	flex: 0 0 18px;
	font-size: 18px;
	text-align: center;
	color: #8a7a4a;
}

.onboarding-done .onboarding-mark,
.onboarding-claimed .onboarding-mark {
	color: #9fd36b;
}

.onboarding-body {
	flex: 1 1 auto;
}

.content .onboarding-body a {
	color: #FFFFCC;
	text-decoration: none;
}

.content .onboarding-body a:hover {
	text-decoration: underline;
}

.onboarding-text,
.onboarding-reward {
	display: block;
}

.onboarding-reward {
	color: #c9b97a;
	font-size: 11px;
	margin-top: 2px;
}

.onboarding-claimed .onboarding-body {
	opacity: 0.55;
}

/* the current mission stands out */
.onboarding-open .onboarding-mark {
	color: #FFFFCC;
}

/* later missions: blurred placeholder, the real text is not in the page */
.onboarding-locked .onboarding-mark {
	color: #4a4433;
}

.onboarding-sealed {
	display: block;
	color: #8a7a4a;
	filter: blur(3px);
	user-select: none;
}

.onboarding-sealed-short {
	font-size: 11px;
	width: 60%;
}

.onboarding-later {
	flex: 0 0 auto;
	color: #8a7a4a;
	font-size: 11px;
}

.content a.onboarding-claim {
	flex: 0 0 auto;
	background-color: #6b5a24;
	border: 1px solid #FFFFCC;
	border-radius: 6px;
	color: #FFFFCC;
	padding: 5px 10px;
	text-decoration: none;
	white-space: nowrap;
}

.content a.onboarding-claim:hover {
	background-color: #8a7530;
}

.onboarding-claimed {
	flex: 0 0 auto;
	color: #9fd36b;
	font-size: 11px;
}

/* game header */
.protection-left {
	display: block;
	clear: both;
	text-align: right;
	color: #9fd36b;
	font-size: 11px;
	margin-top: 2px;
}

.protection-warning {
	color: #ff8a65;
	font-weight: bold;
}

@media (max-width: 820px) {
	.protection-left {
		text-align: center;
	}

	.onboarding-tip,
	.onboarding-missions {
		margin-left: 0;
		margin-right: 0;
	}
}

/* header values just refreshed after a tick (javascript/tick-timer.js) */
.resource-updated {
	color: #9fd36b;
	font-weight: bold;
}

/* "Needs your attention" on the Overview (includes/advisor.php) */
.advisor-box {
	background-color: #17130e;
	border: 1px solid #8a7a4a;
	border-radius: 8px;
	color: #EEEEBB;
	margin: 0 auto 18px auto;
	max-width: 640px;
	padding: 12px 14px 8px 14px;
	text-align: left;
}

.advisor-box ul {
	list-style: none;
	margin: 6px 0 0 0;
	padding: 0;
}

.advisor-box li {
	display: flex;
	gap: 10px;
	padding: 6px 0;
	border-top: 1px solid #3a3020;
	font-size: 13px;
	line-height: 1.45;
}

.advisor-mark {
	flex: 0 0 14px;
	font-weight: bold;
	text-align: center;
}

.advisor-bad .advisor-mark { color: #ff8a6a; }
.advisor-todo .advisor-mark { color: #d9b55a; }
.advisor-info { opacity: 0.85; }

.content .advisor-box a {
	color: #FFFFCC;
	font-weight: bold;
	margin-left: 4px;
	white-space: nowrap;
}

.advisor-none {
	padding: 6px 0 4px 0;
	text-align: center;
	font-size: 13px;
	color: #9fd49f;
}

/* on the Council page: in the middle, in a frame that stands out; it keeps
   beside the councilor's picture (floated on the left), not under it */
.advisor-box {
	box-sizing: border-box;
	display: flow-root;
	margin: 6px auto 22px auto;
	border: 2px solid #c9a03c;
	box-shadow: 0 0 0 1px #4a3b1e, 0 0 18px rgba(217, 181, 90, 0.25);
}

.advisor-box .onboarding-title {
	text-align: center;
	padding-bottom: 6px;
	border-bottom: 1px solid #6e5520;
}