/*
 * Rules kept from the old Customizer "Additional CSS" (custom_css post #246),
 * which the theme no longer prints, plus neutralising old page layouts.
 */

/* Course player rules live in learn.css (printed inline on /learn/ pages). */

/* H5P: hide the action bar (reuse/embed) under interactive content. */
:not(.wp-admin) div.h5p-content ul.h5p-actions {
	display: none;
}

/* Self-diagnosis questionnaires (l4bquiz block). */
div.wp-block-create-block-learn4belarus-questionnaire-yesno > .quiz-container > h1 {
	font-size: 1.2rem;
}

div.wp-block-create-block-learn4belarus-questionnaire-yesno > .quiz-container > div > div > h3 {
	font-size: 1rem;
	font-weight: normal;
	color: var(--masteriyo-color-btn-grey);
	margin-bottom: 0.5rem;
	margin-top: 1rem;
}

.quiz-container button.unanswered {
	background-color: var(--masteriyo-color-accent-light);
	color: white;
}

.quiz-container div.navigation > span > button {
	margin: 0 0.25rem;
	padding: 0 0.5rem;
}

.quiz-container div.navigation > button {
	background-color: white;
	color: var(--masteriyo-color-accent-light);
	font-weight: bold;
}

.quiz-container div.navigation .quiz-current-page {
	background-color: white;
	color: var(--masteriyo-color-badge-blue);
	font-weight: bold;
}

.quiz-container > div:nth-child(5) > div:first-child {
	font-weight: bold;
}

/*
 * Pages built before 2026 carry the old left sidebar as a block column
 * ("page-content-sidebar") and a decorative banner photo. Hide the column and
 * let the content column take the full width.
 */
.l4b .wp-block-column.page-content-sidebar {
	display: none !important;
}

.l4b .wp-block-columns:has(> .page-content-sidebar) {
	display: block;
}

.l4b .wp-block-columns:has(> .page-content-sidebar) > .wp-block-column {
	flex-basis: auto !important;
	width: 100%;
	max-width: none;
}

/* Old "Шорткоды Ultimate" accordions inside content. */
.l4b .su-spoiler.lms-spoiler > .su-spoiler-title {
	font-size: 14px;
	color: var(--l4b-brand-900);
	font-weight: 600;
}

.l4b .su-tabs > .su-tabs-nav > span {
	background-color: #fff;
	font-size: 15px;
	font-weight: 600;
}

.l4b .su-tabs > .su-tabs-nav > span.su-tabs-current {
	color: var(--l4b-cta);
}