/*
 * Topic / module / stage pages (student-my-course-preface.php): action bar under the content.
 * Previous (secondary) · test actions (tinted) · Next (primary, right) · then a row of help links.
 */
.coursebook-content-right .course-btnsnnav,
.coursebook-content-right.newCLass .course-btnsnnav {
	width: 100%;
	float: none;
	display: block;
	margin: 28px 0 0;
}
.coursebook-content-right .btns { width: 100%; }

.coursebook-content-right .btns > ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 20px 0 0;
	border-top: 1px solid #e5e7eb;
	list-style: none;
}
.coursebook-content-right .btns > ul > li {
	position: relative;
	margin: 0;
}

.coursebook-content-right .btns > ul > li > a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	border: 1.5px solid var(--si-green-700, #117A32);
	border-radius: 10px;
	background: var(--si-green-700, #117A32);
	color: #fff;
	font-family: var(--si-font-sans, 'Outfit', sans-serif);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.3px;
	line-height: 20px;
	text-transform: uppercase;
	text-decoration: none;
	box-shadow: 0 4px 12px rgba(17, 122, 50, 0.2);
	transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.coursebook-content-right .btns > ul > li > a:hover {
	background: var(--si-green-900, #0B4A1D);
	border-color: var(--si-green-900, #0B4A1D);
	color: #fff;
	transform: translateY(-1px);
}

/* Previous */
.coursebook-content-right .btns > ul > li:has(> a > .fa-arrow-left) > a {
	background: #fff;
	color: var(--si-green-700, #117A32);
	box-shadow: none;
}
.coursebook-content-right .btns > ul > li:has(> a > .fa-arrow-left) > a:hover {
	background: var(--si-green-100, #E8FBE5);
	color: var(--si-green-900, #0B4A1D);
}

/* Test actions: Practice, Result, Retake Test, Self Assessment, Exam, Feedback */
.coursebook-content-right .btns > ul > li:not(:has(> a > .fa-arrow-left)):not(:has(> a > .fa-arrow-right)) > a {
	background: var(--si-green-100, #E8FBE5);
	border-color: #bbf7d0;
	color: var(--si-green-900, #0B4A1D);
	box-shadow: none;
}
.coursebook-content-right .btns > ul > li:not(:has(> a > .fa-arrow-left)):not(:has(> a > .fa-arrow-right)) > a:hover {
	background: #d1f7c9;
	border-color: var(--si-green-700, #117A32);
}

/* Next sits on the right; greyed while it is locked */
.coursebook-content-right .btns > ul > li:has(> a > .fa-arrow-right) { margin-left: auto; }
.coursebook-content-right .btns > ul > li > a[href^="javascript"] {
	background: #e5e7eb;
	border-color: #e5e7eb;
	color: #6b7280;
	box-shadow: none;
	cursor: not-allowed;
}
.coursebook-content-right .btns > ul > li > a[href^="javascript"]:hover {
	background: #e5e7eb;
	border-color: #e5e7eb;
	color: #6b7280;
	transform: none;
}

/* Help links: forum, question bank, notes, scoreboard */
.coursebook-content-right .btns .querynoteflex {
	flex: 1 0 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 22px;
	margin: 6px 0 0;
	padding: 0;
}
.coursebook-content-right .btns .querynoteflex li { margin: 0; order: 0; }
.coursebook-content-right .btns .querynoteflex li a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 4px 0;
	background: none;
	border: 0;
	box-shadow: none;
	color: var(--si-dark, #374151);
	font-family: var(--si-font-sans, 'Outfit', sans-serif);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-transform: none;
	text-decoration: none;
}
.coursebook-content-right .btns .querynoteflex li a:hover {
	color: var(--si-green-700, #117A32);
	text-decoration: underline;
}
.coursebook-content-right .btns .querynoteflex li a:before {
	font-family: FontAwesome;
	font-weight: normal;
	color: var(--si-green-700, #117A32);
}
.coursebook-content-right .btns .querynoteflex li a[href*="discussion-forum"]:before { content: "\f086"; }
.coursebook-content-right .btns .querynoteflex li a[href*="post-question"]:before { content: "\f059"; }
.coursebook-content-right .btns .querynoteflex li.addnoteflex a:before { content: "\f040"; }
.coursebook-content-right .btns .querynoteflex li.scorebtnflex a:before { content: "\f091"; }

/* PPT / PDF viewer toggle */
.coursebook-content-right #toggleDocButton {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 18px;
	border: 1.5px solid var(--si-green-700, #117A32);
	border-radius: 10px;
	background: #fff;
	color: var(--si-green-700, #117A32);
	font-family: var(--si-font-sans, 'Outfit', sans-serif);
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.2s ease;
}
.coursebook-content-right #toggleDocButton:before { content: "\f1c1"; font-family: FontAwesome; font-weight: normal; }
.coursebook-content-right #toggleDocButton:hover { background: var(--si-green-100, #E8FBE5); }

@media (max-width: 576px) {
	.coursebook-content-right .btns > ul { gap: 10px; }
	.coursebook-content-right .btns > ul > li > a { padding: 9px 14px; font-size: 13px; }
	.coursebook-content-right .btns .querynoteflex { gap: 6px 16px; }
}