/* ARIVE — Tutor LMS theme corrections. Loaded by arive-tutor-theme.php.
   Palette comes from the site's own Additional CSS :root block:
   --brand-mid #0082af, --brand-deep #035089, --brand-light #27aae1, --brand-navy #14315f */

:root {
	--arive-brand: #0082af;
	--arive-brand-deep: #035089;
	--arive-brand-light: #27aae1;
}

/* ── Spacing ──────────────────────────────────────────────────────────────────
   Astra renders Tutor's page templates (dashboard, login, registration) as a bare
   .tutor-wrap.tutor-page-wrap inside .ast-container with zero padding, so the login
   card and the dashboard sat flush against the fixed ARIVE header and the footer.
   Tutor's own course pages already carry 80px via .tutor-courses-wrap — match that.  */
.tutor-wrap.tutor-page-wrap {
	padding-top: 80px;
	padding-bottom: 80px;
}

@media (max-width: 768px) {
	.tutor-wrap.tutor-page-wrap {
		padding-top: 48px;
		padding-bottom: 48px;
	}
}

/* ── Leftover hardcoded Tutor blue ────────────────────────────────────────────
   Tutor reads tutor_primary_color into --tutor-color-primary, but a handful of rules
   in tutor.min.css / tutor-front.min.css / the report addon still hardcode #3e64de.  */

.tutor-quiz-type-boolean {
	background-color: var(--arive-brand) !important;
}

.tutor-switch input:checked + .slider.tutor-switch-blue {
	background-color: var(--arive-brand) !important;
}

.tutor-screen-frontend-dashboard .ui-datepicker .ui-datepicker-current-day,
.tutor-screen-frontend-dashboard .ui-datepicker td.ui-datepicker-current-day a {
	background-color: var(--arive-brand) !important;
}

.tutor-screen-frontend-dashboard .ui-datepicker .ui-datepicker-prev.ui-corner-all,
.tutor-screen-frontend-dashboard .ui-datepicker .ui-datepicker-next.ui-corner-all {
	color: var(--arive-brand) !important;
}

.tutor-notification-tab .tab-header-item:before {
	border-bottom-color: var(--arive-brand) !important;
}

.tutor-notification-tab .tab-body {
	--thumbBG: var(--arive-brand);
}

.tutor-announcement-datepicker i,
.tutor-instructor-filter .tutor-instructor-filter-result .keyword-field i {
	color: var(--arive-brand) !important;
}

.tutor-analytics-wrapper .tutor-pagination-wrapper .pagination a.next,
.tutor-analytics-wrapper .tutor-pagination-wrapper .pagination a.prev {
	background: var(--arive-brand) !important;
}

/* ── Dashboard → Analytics money tabs ─────────────────────────────────────────
   The site is monetize_by = "free", so Total Earning / Total Refund / Total Discount
   are always "-". They are built inline in overview.php with no filter, hence CSS.
   arive-dashboard-cleanup.php hands the active state to Course Enrolled server-side.  */
.tutor-analytics-graph .tutor-nav-item:has(> [data-tutor-nav-target="ta_total_earnings"]),
.tutor-analytics-graph .tutor-nav-item:has(> [data-tutor-nav-target="ta_total_refund"]),
.tutor-analytics-graph .tutor-nav-item:has(> [data-tutor-nav-target="ta_total_discount"]),
.tutor-analytics-graph #ta_total_earnings,
.tutor-analytics-graph #ta_total_refund,
.tutor-analytics-graph #ta_total_discount {
	display: none !important;
}