/* ===========================================================
   PRIMEORA SOLUTION — TUTOR LMS THEME MATCH
   Reskins Tutor LMS's own front-end (course archive, single
   course, student dashboard, quizzes, certificates) to use this
   theme's colors, radius, fonts and button shape instead of
   Tutor's default blue/purple look.

   This file is additive only — it never touches Tutor LMS core
   files or templates, so plugin updates are always safe. If a
   future Tutor LMS version renames a class, the worst case is
   that one element quietly falls back to Tutor's default style;
   nothing breaks.
=========================================================== */

/* -----------------------------------------------------------
   1. Re-point Tutor's own CSS custom properties at our tokens.
   Newer Tutor LMS versions read colors from these variables in
   a lot of places, so setting them gets us a lot of the match
   "for free" before the explicit overrides below even run.
----------------------------------------------------------- */
:root{
	--tutor-color-primary: var(--primary, #FF7A1A);
	--tutor-color-primary-40: rgba(255,122,26,.4);
	--tutor-color-secondary: var(--blue, #2554E8);
	--tutor-color-success: #1FA971;
	--tutor-color-warning: #F5A623;
	--tutor-color-danger: #E5484D;
	--tutor-body-color: var(--ink-soft, #3A3E4C);
	--tutor-heading-color: var(--ink, #14161F);
	--tutor-border-color: var(--border, #E7E9F1);
	--tutor-color-white: #FFFFFF;
	--tutor-font-family: var(--font-body, 'Inter', sans-serif);
	--tutor-border-radius: 12px;
	--tutor-border-radius-2: 16px;
	--tutor-btn-border-radius: 999px;
}

/* Course/dashboard pages: page.php caps text pages at 800px —
   too narrow for a sidebar dashboard or a two-column course
   layout, so widen it just on Tutor views. */
body.primeora-tutor-page .page-content{
	max-width:1180px;
	padding:40px 24px 80px !important;
}
body.primeora-tutor-page,
body.primeora-tutor-page [class*="tutor-"]{
	font-family:var(--font-body);
}
body.primeora-tutor-page h1,
body.primeora-tutor-page h2,
body.primeora-tutor-page h3,
body.primeora-tutor-page h4,
body.primeora-tutor-page .tutor-fs-1,
body.primeora-tutor-page .tutor-fs-2,
body.primeora-tutor-page .tutor-fs-3,
body.primeora-tutor-page .tutor-fs-4,
body.primeora-tutor-page .tutor-course-name,
body.primeora-tutor-page .tutor-course-title{
	font-family:var(--font-display);
	color:var(--ink);
}

/* -----------------------------------------------------------
   2. Buttons — match the pill-shaped, orange primary buttons
   used everywhere else in the theme.
----------------------------------------------------------- */
.tutor-btn,
.tutor-btn.tutor-btn-md,
.tutor-btn.tutor-btn-lg{
	border-radius:999px !important;
	font-weight:600 !important;
	font-family:var(--font-body) !important;
	border-width:2px !important;
	box-shadow:none;
	transition:.2s ease;
}
.tutor-btn-primary{
	background:var(--primary) !important;
	border-color:var(--primary) !important;
	color:#fff !important;
	box-shadow:0 10px 22px rgba(255,122,26,.28) !important;
}
.tutor-btn-primary:hover,
.tutor-btn-primary:focus{
	background:var(--primary-dark) !important;
	border-color:var(--primary-dark) !important;
}
.tutor-btn-outline-primary{
	background:transparent !important;
	border-color:var(--border) !important;
	color:var(--ink) !important;
}
.tutor-btn-outline-primary:hover{
	border-color:var(--primary) !important;
	color:var(--primary) !important;
}
.tutor-btn-secondary{
	background:var(--blue) !important;
	border-color:var(--blue) !important;
	color:#fff !important;
}
.tutor-btn-ghost{
	background:transparent !important;
	color:var(--ink) !important;
}

/* Links / text-primary utility classes Tutor uses throughout */
.tutor-color-primary,
.tutor-course-name a,
.tutor-course-title a{
	color:var(--ink) !important;
}
.tutor-course-name a:hover,
.tutor-course-title a:hover{
	color:var(--primary) !important;
}
a.tutor-btn-link,
.tutor-iconic-btn:hover,
.tutor-nav-link.is-active{
	color:var(--primary) !important;
}

/* -----------------------------------------------------------
   3. Course cards (archive / grid / shortcode) — match the
   theme's .service-card / .package-card look: white card,
   soft border, 16px radius, orange-tinted hover lift.
----------------------------------------------------------- */
.tutor-course-loop-item,
.tutor-card{
	background:var(--card) !important;
	border:1px solid var(--border) !important;
	border-radius:var(--radius) !important;
	overflow:hidden;
	box-shadow:none !important;
	transition:.2s ease;
}
.tutor-course-loop-item:hover,
.tutor-card:hover{
	transform:translateY(-4px);
	box-shadow:0 16px 34px rgba(20,22,31,.1) !important;
}
.tutor-card-body,
.tutor-course-loop-item .tutor-card-body{
	padding:20px !important;
}
.tutor-meta-item,
.tutor-course-loop-item .tutor-meta{
	color:var(--muted) !important;
	font-size:13px;
}

/* Price */
.tutor-course-price,
.tutor-price{
	color:var(--primary) !important;
	font-family:var(--font-display);
	font-weight:700;
}

/* Badges / labels (e.g. "Featured", level tags) — pill shape
   like the theme's .badge */
.tutor-badge-label,
.tutor-course-badge{
	border-radius:999px !important;
	font-size:11.5px !important;
	font-weight:700 !important;
	text-transform:uppercase;
	letter-spacing:.5px;
	padding:5px 12px !important;
}
.tutor-badge-primary{
	background:var(--primary) !important;
	color:#fff !important;
}

/* Star ratings keep Tutor's default gold — leave untouched so
   review scores stay instantly recognizable. */

/* -----------------------------------------------------------
   4. Single course page — sidebar enrollment card, tabs, and
   the video wrapper.
----------------------------------------------------------- */
.tutor-course-sidebar-card,
.tutor-course-details-widget{
	background:var(--card) !important;
	border:1px solid var(--border) !important;
	border-radius:var(--radius) !important;
	box-shadow:0 16px 34px rgba(20,22,31,.08) !important;
}
.tutor-course-single-content-title,
.tutor-course-single-title{
	font-family:var(--font-display);
	color:var(--ink);
}

/* Tab nav (Overview / Curriculum / Instructor / Reviews) —
   underline style matching the theme's link hovers */
.tutor-nav .tutor-nav-link{
	color:var(--ink-soft) !important;
	font-weight:600;
	border-bottom:2px solid transparent !important;
}
.tutor-nav .tutor-nav-link.is-active,
.tutor-nav .tutor-nav-link:hover{
	color:var(--primary) !important;
	border-bottom-color:var(--primary) !important;
}

/* Video wrapper — protected video area, rounded like the
   theme's card/hero visuals */
.tutor-course-single-content-video,
.tutor-video-player,
.tutor-ratio{
	border-radius:var(--radius) !important;
	overflow:hidden;
	background:var(--ink) !important;
}

/* Curriculum accordion */
.tutor-course-topic,
.tutor-accordion-item{
	border:1px solid var(--border) !important;
	border-radius:12px !important;
	overflow:hidden;
	margin-bottom:10px;
}
.tutor-course-topic-title,
.tutor-accordion-item-header{
	background:var(--bg-soft) !important;
	color:var(--ink) !important;
	font-weight:700;
}
.tutor-course-content-list-item,
.tutor-topic-content-item{
	border-top:1px solid var(--border) !important;
}
.tutor-course-content-list-item:hover{
	background:var(--bg-soft) !important;
}

/* -----------------------------------------------------------
   5. Student dashboard — sidebar nav, progress bars.
----------------------------------------------------------- */
.tutor-dashboard-permalinks li a,
.tutor-dashboard-permalinks-nav li a{
	color:var(--ink-soft) !important;
	border-radius:10px !important;
	font-weight:600;
}
.tutor-dashboard-permalinks li a:hover,
.tutor-dashboard-permalinks li.active a,
.tutor-dashboard-permalinks li.tutor-active a{
	background:var(--blue-soft) !important;
	color:var(--primary) !important;
}
.tutor-dashboard-content{
	background:transparent;
}
.tutor-dashboard-builder-card,
.tutor-dashboard-my-courses-card{
	background:var(--card) !important;
	border:1px solid var(--border) !important;
	border-radius:var(--radius) !important;
}

/* Progress bars — orange fill matching the brand */
.tutor-progress-bar .tutor-progress-value,
.tutor-progress .tutor-progress-value,
.tutor-progress-bar-inner{
	background:var(--primary) !important;
}
.tutor-progress-bar,
.tutor-progress{
	background:var(--bg-soft) !important;
	border-radius:999px !important;
	overflow:hidden;
}

/* -----------------------------------------------------------
   6. Quiz + certificate screens.
----------------------------------------------------------- */
.tutor-quiz-wrap,
.tutor-quiz-question-wrap{
	background:var(--card) !important;
	border:1px solid var(--border) !important;
	border-radius:var(--radius) !important;
}
.tutor-quiz-question-title{
	font-family:var(--font-display);
	color:var(--ink);
}
.tutor-quiz-single-answer.tutor-quiz-answer-single-choice-checked,
.tutor-quiz-answer-selected{
	border-color:var(--primary) !important;
}

.tutor-certificate-wrapper,
.tutor-certificate-builder-wrap{
	border-radius:var(--radius) !important;
}

/* -----------------------------------------------------------
   7. Forms — login/register, review, Q&A inputs matching the
   theme's .contact-form-wrap inputs (10px radius, soft border).
----------------------------------------------------------- */
body.primeora-tutor-page input[type="text"],
body.primeora-tutor-page input[type="email"],
body.primeora-tutor-page input[type="password"],
body.primeora-tutor-page input[type="number"],
body.primeora-tutor-page input[type="url"],
body.primeora-tutor-page textarea,
body.primeora-tutor-page select,
.tutor-form-control,
.tutor-form-select{
	border:1px solid var(--border) !important;
	border-radius:10px !important;
	font-family:var(--font-body) !important;
	color:var(--ink) !important;
}
body.primeora-tutor-page input:focus,
body.primeora-tutor-page textarea:focus,
.tutor-form-control:focus{
	border-color:var(--primary) !important;
	outline:none;
}

/* -----------------------------------------------------------
   8. Pagination — pill numbers like the rest of the theme.
----------------------------------------------------------- */
.tutor-pagination-wrapper .page-numbers{
	border-radius:999px !important;
	color:var(--ink-soft) !important;
}
.tutor-pagination-wrapper .page-numbers.current,
.tutor-pagination-wrapper .page-numbers:hover{
	background:var(--primary) !important;
	color:#fff !important;
}