/* Guruji Student Experience Desktop Polish v1.0.1
 * Presentation only. No payment/access/test data rules are changed.
 */

/* ---------------------------------------------------------
   Learning application pages
   The plugin UIs already contain their own meaningful hero/title. On desktop,
   suppress the redundant WordPress page-title band and its large whitespace.
   --------------------------------------------------------- */
@media (min-width: 783px) {
	body.guruji-learning-app-page .entry-header,
	body.guruji-learning-app-page header.entry-header,
	body.guruji-learning-app-page .page-header,
	body.guruji-learning-app-page .wp-block-post-title,
	body.guruji-learning-app-page h1.entry-title {
		display: none !important;
	}

	body.guruji-learning-app-page .site-main,
	body.guruji-learning-app-page main.site-main,
	body.guruji-learning-app-page #primary,
	body.guruji-learning-app-page .content-area {
		padding-top: 18px !important;
		margin-top: 0 !important;
	}

	body.guruji-learning-app-page .entry-content,
	body.guruji-learning-app-page .page-content,
	body.guruji-learning-app-page article.page > .entry-content {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	body.guruji-learning-app-page .gspsh,
	body.guruji-learning-app-page .gsp-ph-wrap,
	body.guruji-learning-app-page .gsp-mb-wrap,
	body.guruji-learning-app-page .gspets-wrap,
	body.guruji-learning-app-page .gsp-ca-wrap,
	body.guruji-learning-app-page .gsp-ca-hub {
		margin-top: 8px !important;
	}
}

/* ---------------------------------------------------------
   Student Corner = account administration plus essential Student Hub and Notification access.
   --------------------------------------------------------- */
body.guruji-student-corner-clean {
	--gsp-polish-gold: #f4bd3f;
	--gsp-polish-gold-dark: #e7aa22;
	--gsp-polish-navy: #142440;
	--gsp-polish-ink: #26231d;
	--gsp-polish-muted: #6d675d;
	--gsp-polish-line: #eadca6;
}

body.guruji-student-corner-clean .gsp-account-hub-return {
	margin: 18px 0 0;
	padding: 22px 24px;
	border: 1px solid var(--gsp-polish-line);
	border-radius: 16px;
	background: linear-gradient(135deg, #fff8df 0%, #fff 82%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	box-shadow: 0 8px 22px rgba(20, 36, 64, .05);
}

body.guruji-student-corner-clean .gsp-account-hub-return .gsp-account-hub-kicker {
	display: block;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .11em;
	color: #86610a;
}

body.guruji-student-corner-clean .gsp-account-hub-return strong {
	display: block;
	font-size: 18px;
	line-height: 1.3;
	color: var(--gsp-polish-ink);
}

body.guruji-student-corner-clean .gsp-account-hub-return p {
	margin: 6px 0 0;
	color: var(--gsp-polish-muted);
	line-height: 1.55;
}

body.guruji-student-corner-clean .gsp-account-hub-return .button {
	flex: 0 0 auto;
	min-height: 44px;
	padding: 11px 18px !important;
	border: 1px solid #d5a126 !important;
	border-radius: 11px !important;
	background: var(--gsp-polish-gold) !important;
	color: #211900 !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

body.guruji-student-corner-clean .gsp-account-hub-return .button:hover {
	background: var(--gsp-polish-gold-dark) !important;
}

@media (min-width: 783px) {
	body.guruji-student-corner-clean .entry-header,
	body.guruji-student-corner-clean header.entry-header,
	body.guruji-student-corner-clean .page-header {
		margin-bottom: 22px !important;
		padding-bottom: 0 !important;
	}

	body.guruji-student-corner-clean .entry-title,
	body.guruji-student-corner-clean .page-title {
		margin-bottom: 0 !important;
	}

	body.guruji-student-corner-clean .site-main,
	body.guruji-student-corner-clean #primary,
	body.guruji-student-corner-clean .content-area {
		padding-top: 24px !important;
		margin-top: 0 !important;
	}
}

@media (max-width: 782px) {
	body.guruji-student-corner-clean .gsp-account-hub-return {
		align-items: stretch;
		flex-direction: column;
		padding: 18px;
	}

	body.guruji-student-corner-clean .gsp-account-hub-return .button {
		width: 100%;
		text-align: center;
	}
}