/* Tutor LMS w stylu Speakalo.
   Kolor marki i tryb jasny ustawiamy w ustawieniach Tutora.
   Tutaj poprawiamy to, czego Tutor nie wystawia w ustawieniach. */

/* ---------- typografia ---------- */
.tutor-lms,
.tutor-frontend,
.tutor-wrap,
[class^="tutor-"],
[class*=" tutor-"] {
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ---------- odtwarzacz wideo ----------
   Tutor ustawia proporcje 16:9 na .tutor-video-player, ale Plyr w środku
   zapada się do kilkudziesięciu pikseli i zostaje czarna plama. */
.tutor-video-player {
	border-radius: 16px;
	overflow: hidden;
}

.tutor-video-player .plyr,
.tutor-video-player .plyr__video-wrapper,
.tutor-video-player .plyr video,
.tutor-video-player video {
	width: 100% !important;
	height: 100% !important;
	max-height: none !important;
}

.tutor-video-player .plyr__video-wrapper {
	aspect-ratio: 16 / 9;
	background: #000;
}

.tutor-video-player .plyr video {
	object-fit: contain;
}

/* kolor akcentu w sterowaniu odtwarzacza */
.tutor-video-player .plyr,
.plyr {
	--plyr-color-main: var(--accent, #00928d);
}

.plyr--full-ui input[type="range"] {
	color: var(--accent, #00928d) !important;
}

.plyr__control--overlaid,
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
	background: var(--accent, #00928d) !important;
}

.plyr__control--overlaid:hover {
	background: var(--accent-2, #00736f) !important;
}

/* ---------- miniatura kursu ----------
   zdjęcia są wycinkami o małej rozdzielczości, więc nie rozciągamy ich w górę */
.tutor-course-details-page .tutor-course-thumbnail img,
.tutor-course-thumbnail img {
	width: 100%;
	height: auto;
	max-height: 420px;
	object-fit: cover;
	object-position: center 25%;
	border-radius: 18px;
}

/* ---------- karty i listy ---------- */
.tutor-card {
	border-radius: 20px;
	border: 1px solid rgba(0, 42, 82, .08);
	box-shadow: 0 10px 30px rgba(0, 42, 82, .05);
	overflow: hidden;
}

.tutor-card a,
.tutor-course-name a {
	text-decoration: none;
}

.tutor-course-name a:hover {
	color: var(--accent, #00928d);
}

/* ---------- przyciski ---------- */
.tutor-btn {
	border-radius: 999px !important;
	font-weight: 700 !important;
}

.tutor-btn-primary {
	background-color: var(--accent, #00928d) !important;
	border-color: var(--accent, #00928d) !important;
	color: #fff !important;
}

.tutor-btn-primary:hover {
	background-color: var(--accent-2, #00736f) !important;
	border-color: var(--accent-2, #00736f) !important;
}

.tutor-btn-outline-primary {
	color: var(--accent, #00928d) !important;
	border-color: var(--accent, #00928d) !important;
}

.tutor-btn-outline-primary:hover {
	background-color: var(--accent, #00928d) !important;
	color: #fff !important;
}

/* ---------- program kursu ---------- */
.tutor-accordion-item,
.tutor-course-topic {
	border-radius: 14px;
	overflow: hidden;
}

.tutor-accordion-item-header {
	font-weight: 700;
}

/* ---------- pasek postępu ---------- */
.tutor-progress-bar,
.tutor-progress-value {
	border-radius: 999px;
}

.tutor-progress-value,
.tutor-progress-bar > span {
	background-color: var(--accent, #00928d) !important;
}

/* ---------- panel ucznia ---------- */
.tutor-dashboard-permalinks a.active,
.tutor-dashboard-menu-item.active a {
	color: var(--accent-2, #00736f);
	font-weight: 700;
}

.tutor-dashboard-content {
	border-radius: 20px;
}

/* ---------- formularze ---------- */
.tutor-form-control,
.tutor-form-select {
	border-radius: 12px;
}

.tutor-form-control:focus,
.tutor-form-select:focus {
	border-color: var(--accent, #00928d);
	box-shadow: 0 0 0 3px rgba(0, 146, 141, .12);
}

/* ---------- quiz ---------- */
.tutor-quiz-answer-single-option,
.tutor-quiz-question-item {
	border-radius: 14px;
}

.tutor-form-check-input:checked {
	background-color: var(--accent, #00928d);
	border-color: var(--accent, #00928d);
}

/* ---------- materiały do pobrania ---------- */
.tutor-lesson-attachments a,
.tutor-instructor-list-item a {
	text-decoration: none;
}

/* ---------- Ustawienia konta: menu zakładek ---------- */

.tutor-tabs-nav.tutor-profile-settings-tab {
	flex: 0 0 256px !important;
	width: 256px !important;
	max-width: 256px !important;
	overflow: visible !important;
	padding: 10px !important;
	border: 1px solid #e3eaf1 !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: 0 6px 20px rgba(0, 42, 82, .05) !important;
	align-self: flex-start;
}

.tutor-profile-settings-tab .tutor-tabs-tab {
	width: 100% !important;
	margin: 0 0 2px !important;
	padding: 10px 14px !important;
	border-radius: 10px !important;
	color: #002a52 !important;
	white-space: normal !important;
	text-align: left;
	transition: background .15s, color .15s;
}

.tutor-profile-settings-tab .tutor-tabs-tab:last-child { margin-bottom: 0 !important; }

.tutor-profile-settings-tab .tutor-tabs-tab:hover {
	background: #f5f9fc !important;
}

.tutor-profile-settings-tab .tutor-tabs-tab.tutor-tabs-tab-active,
.tutor-profile-settings-tab .tutor-tabs-tab.is-active,
.tutor-profile-settings-tab .tutor-tabs-tab[aria-selected="true"] {
	background: #e3f4f3 !important;
	color: #00928d !important;
	font-weight: 600;
}

.tutor-profile-settings-tab .tutor-tabs-tab span {
	white-space: normal !important;
	line-height: 1.35;
	text-transform: none !important;
}

@media (max-width: 767px) {
	.tutor-tabs-nav.tutor-profile-settings-tab {
		flex: 1 1 auto !important;
		width: 100% !important;
		max-width: none !important;
		overflow-x: auto !important;
	}

	.tutor-profile-settings-tab .tutor-tabs-tab {
		width: auto !important;
		white-space: nowrap !important;
	}

	.tutor-profile-settings-tab .tutor-tabs-tab span { white-space: nowrap !important; }
}

/* Lista życzeń wyłączona: kursy przydziela nauczyciel, więc zakładka w „Moje kursy” jest zbędna. */
a.tutor-nav-item[href*="/courses/wishlist"],
a.tutor-nav-dropdown-item[href*="/courses/wishlist"],
.tutor-course-wishlist-btn {
	display: none !important;
}