/**
 * TutorHelper Pro student dashboard branding.
 *
 * Applies shared Pro branding to the Core student dashboard
 * while preserving semantic status and Booking Type colours.
 */


/* ==========================================================
 * Dashboard shell
 * ========================================================== */

.tutorhelper-student-dashboard {
	background:
		var(
			--tutorhelper-brand-dashboard-background,
			#fffaf1
		);

	color:
		var(
			--tutorhelper-brand-text,
			#1d2327
		);

	font-family:
		var(
			--tutorhelper-brand-text-font,
			Arial,
			Helvetica,
			sans-serif
		);

	border-color:
		color-mix(
			in srgb,
			var(
				--tutorhelper-brand-primary,
				#143f4d
			)
			20%,
			#ffffff
		);
}


/* ==========================================================
 * Dashboard heading
 * ========================================================== */

.tutorhelper-student-dashboard__eyebrow {
	color:
		var(
			--tutorhelper-brand-accent,
			#f46b3b
		);
}


.tutorhelper-student-dashboard__heading {
	color:
		var(
			--tutorhelper-brand-heading,
			#143f4d
		);

	font-family:
		var(
			--tutorhelper-brand-heading-font,
			Arial,
			Helvetica,
			sans-serif
		);
}


.tutorhelper-student-dashboard__introduction {
	color:
		var(
			--tutorhelper-brand-text,
			#1d2327
		);
}


/* ==========================================================
 * Main dashboard sections
 * ========================================================== */

.tutorhelper-student-dashboard__section {
	background:
		var(
			--tutorhelper-brand-dashboard-box,
			#ffffff
		);

	border-color:
		color-mix(
			in srgb,
			var(
				--tutorhelper-brand-primary,
				#143f4d
			)
			14%,
			#ffffff
		);
}


.tutorhelper-student-dashboard__section-header h3 {
	color:
		var(
			--tutorhelper-brand-heading,
			#143f4d
		);

	font-family:
		var(
			--tutorhelper-brand-heading-font,
			Arial,
			Helvetica,
			sans-serif
		);
}


.tutorhelper-student-dashboard__section-header p {
	color:
		var(
			--tutorhelper-brand-text,
			#1d2327
		);
}


/* ==========================================================
 * Section counts
 * ========================================================== */

.tutorhelper-student-dashboard__count {
	background:
		color-mix(
			in srgb,
			var(
				--tutorhelper-brand-primary,
				#143f4d
			)
			10%,
			#ffffff
		);

	color:
		var(
			--tutorhelper-brand-primary,
			#143f4d
		);
}


/* ==========================================================
 * Booking cards
 * ========================================================== */

.tutorhelper-student-dashboard__card {
	background:
		var(
			--tutorhelper-brand-dashboard-box,
			#ffffff
		);
}


/*
 * Keep the Booking Type colour used by Core for card headers.
 * Only the neutral background mixed with it changes.
 */
.tutorhelper-student-dashboard__card-header {
	background:
		color-mix(
			in srgb,
			var(
				--tutorhelper-booking-type-colour,
				#328bb8
			)
			12%,
			var(
				--tutorhelper-brand-dashboard-box,
				#ffffff
			)
		);
}


.tutorhelper-student-dashboard__card h4 {
	color:
		var(
			--tutorhelper-brand-heading,
			#143f4d
		);

	font-family:
		var(
			--tutorhelper-brand-heading-font,
			Arial,
			Helvetica,
			sans-serif
		);
}


.tutorhelper-student-dashboard__date {
	color:
		var(
			--tutorhelper-brand-text,
			#1d2327
		);

	opacity: 0.72;
}


/* ==========================================================
 * Booking details
 * ========================================================== */

.tutorhelper-student-dashboard__details dt {
	color:
		var(
			--tutorhelper-brand-text,
			#1d2327
		);

	opacity: 0.7;
}


.tutorhelper-student-dashboard__details dd {
	color:
		var(
			--tutorhelper-brand-text,
			#1d2327
		);
}


/* ==========================================================
 * Empty states
 * ========================================================== */

.tutorhelper-student-dashboard__empty {
	background:
		color-mix(
			in srgb,
			var(
				--tutorhelper-brand-dashboard-box,
				#ffffff
			)
			95%,
			var(
				--tutorhelper-brand-primary,
				#143f4d
			)
		);

	border-color:
		color-mix(
			in srgb,
			var(
				--tutorhelper-brand-primary,
				#143f4d
			)
			20%,
			#ffffff
		);
}


.tutorhelper-student-dashboard__empty p {
	color:
		var(
			--tutorhelper-brand-text,
			#1d2327
		);

	opacity: 0.76;
}


/* ==========================================================
 * Joining details
 * ========================================================== */

.tutorhelper-student-dashboard__joining-details {
	background:
		color-mix(
			in srgb,
			var(
				--tutorhelper-brand-dashboard-box,
				#ffffff
			)
			94%,
			var(
				--tutorhelper-brand-primary,
				#143f4d
			)
		);

	border-color:
		color-mix(
			in srgb,
			var(
				--tutorhelper-brand-primary,
				#143f4d
			)
			16%,
			#ffffff
		);
}


.tutorhelper-student-dashboard__joining-details h5 {
	color:
		var(
			--tutorhelper-brand-heading,
			#143f4d
		);

	font-family:
		var(
			--tutorhelper-brand-heading-font,
			Arial,
			Helvetica,
			sans-serif
		);
}


.tutorhelper-student-dashboard__joining-details p {
	color:
		var(
			--tutorhelper-brand-text,
			#1d2327
		);
}


.tutorhelper-student-dashboard__joining-details a {
	color:
		var(
			--tutorhelper-brand-primary,
			#143f4d
		);
}


/* ==========================================================
 * Primary student actions
 * ========================================================== */

.tutorhelper-student-dashboard__action-link {
	border-color:
		var(
			--tutorhelper-brand-primary,
			#143f4d
		);

	background:
		var(
			--tutorhelper-brand-primary,
			#143f4d
		);

	color:
		var(
			--tutorhelper-brand-button-text,
			#ffffff
		);
}


.tutorhelper-student-dashboard__action-link:hover,
.tutorhelper-student-dashboard__action-link:focus-visible {
	border-color:
		var(
			--tutorhelper-brand-primary,
			#143f4d
		);

	background:
		var(
			--tutorhelper-brand-primary,
			#143f4d
		);

	color:
		var(
			--tutorhelper-brand-button-text,
			#ffffff
		);

	filter: brightness(1.08);

	text-decoration: none;
}


/* ==========================================================
 * Past lessons
 * ========================================================== */

.tutorhelper-student-dashboard__section--past {
	background:
		color-mix(
			in srgb,
			var(
				--tutorhelper-brand-dashboard-box,
				#ffffff
			)
			96%,
			var(
				--tutorhelper-brand-primary,
				#143f4d
			)
		);
}


.tutorhelper-student-dashboard__card--past
.tutorhelper-student-dashboard__card-header {
	background:
		color-mix(
			in srgb,
			var(
				--tutorhelper-booking-type-colour,
				#328bb8
			)
			7%,
			var(
				--tutorhelper-brand-dashboard-box,
				#ffffff
			)
		);
}


/* ==========================================================
 * Cancellation form typography
 * ========================================================== */

/*
 * Cancellation buttons retain Core's red destructive styling.
 */

.tutorhelper-student-dashboard__cancellation-form,
.tutorhelper-student-dashboard__cancellation-form textarea {
	font-family:
		var(
			--tutorhelper-brand-text-font,
			Arial,
			Helvetica,
			sans-serif
		);
}


.tutorhelper-student-dashboard__cancellation-help {
	color:
		var(
			--tutorhelper-brand-text,
			#1d2327
		);

	opacity: 0.75;
}