/*
 * ParhoAI skin for Tutor LMS (v3 and v4 markup).
 *
 * Scoped by body classes so each part can be switched off in
 * ParhoAI Design > Tutor LMS skin:
 *   .parhoai-skin            master switch
 *   .parhoai-skin-dashboard  student / instructor dashboard
 *   .parhoai-skin-auth       login + registration forms
 *   .parhoai-skin-courses    course archive, single course, profiles
 *
 * Colors come from the brand palette that the plugin prints as
 * --tutor-brand-* and --tutor-color-primary, so only shape, type and
 * accents are set here.
 */

/* ---------- Global type & controls ---------- */
body.parhoai-skin [class*="tutor-"]:not([class*="tutor-icon"]):not(.ttr) {
	font-family: var(--font-body);
}
body.parhoai-skin .tutor-wrap h1,
body.parhoai-skin .tutor-wrap h2,
body.parhoai-skin .tutor-wrap h3,
body.parhoai-skin [class*="tutor-fs-"],
body.parhoai-skin .tutor-course-name,
body.parhoai-skin .tutor-dashboard-header .tutor-h5,
body.parhoai-skin .tutor-text-h4,
body.parhoai-skin .tutor-h4,
body.parhoai-skin .tutor-h5,
body.parhoai-skin .tutor-course-details-title {
	font-family: var(--font-head);
	letter-spacing: -.01em;
}

body.parhoai-skin .tutor-btn {
	border-radius: 10px;
	font-family: var(--font-head);
	font-weight: 600;
	transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
body.parhoai-skin .tutor-btn-primary {
	background-color: var(--purple);
	border-color: var(--purple);
	color: #fff;
	box-shadow: 0 6px 20px rgba(var(--purple-rgb), .25);
}
body.parhoai-skin .tutor-btn-primary:hover,
body.parhoai-skin .tutor-btn-primary:focus {
	background-color: var(--purple-dark);
	border-color: var(--purple-dark);
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 10px 26px rgba(var(--purple-rgb), .32);
}
body.parhoai-skin .tutor-btn-primary:active { transform: translateY(2px); box-shadow: 0 4px 12px rgba(var(--purple-rgb), .25); }
body.parhoai-skin .tutor-btn-outline-primary { border-radius: 10px; }

body.parhoai-skin .tutor-form-control,
body.parhoai-skin .tutor-input,
body.parhoai-skin .tutor-wrap input[type="text"],
body.parhoai-skin .tutor-wrap input[type="email"],
body.parhoai-skin .tutor-wrap input[type="password"],
body.parhoai-skin .tutor-wrap select,
body.parhoai-skin .tutor-wrap textarea {
	border-radius: 12px;
	min-height: 46px;
	border-color: var(--line, #E9E4F5);
	transition: border-color .15s ease, box-shadow .15s ease;
}
body.parhoai-skin .tutor-form-control:focus,
body.parhoai-skin .tutor-input:focus,
body.parhoai-skin .tutor-wrap input:focus,
body.parhoai-skin .tutor-wrap select:focus,
body.parhoai-skin .tutor-wrap textarea:focus {
	border-color: var(--purple);
	box-shadow: 0 0 0 4px rgba(var(--purple-rgb), .14);
	outline: none;
}

body.parhoai-skin .tutor-card {
	border-radius: 18px;
	border-color: var(--line, #E9E4F5);
}

/* ---------- Dashboard ---------- */
/* Backgrounds of the main area and top bar are left to Tutor so its light
   and dark themes both stay readable. */

/* v4 sidebar */
body.parhoai-skin-dashboard .tutor-dashboard-sidebar {
	background: var(--dark);
	color: rgba(255, 255, 255, .78);
	border-right: 0;
	background-image: radial-gradient(320px 260px at 0% 100%, rgba(var(--purple-rgb), .55), transparent 70%);
}
body.parhoai-skin-dashboard .tutor-dashboard-sidebar-logo,
body.parhoai-skin-dashboard .tutor-dashboard-sidebar-logo .site-title {
	color: #fff !important;
	font-family: var(--font-head);
	font-weight: 800;
	text-decoration: none;
	border-bottom-color: rgba(255, 255, 255, .1);
}
/* Most logos are dark artwork; give them a light chip on the dark sidebar. */
body.parhoai-skin-dashboard .tutor-dashboard-sidebar-logo img {
	background: #fff;
	border-radius: 10px;
	padding: 6px 10px;
}
body.parhoai-skin-dashboard .tutor-dashboard-sidebar-nav ul a {
	color: rgba(255, 255, 255, .74);
	border-radius: 12px;
	font-weight: 500;
	transition: background .15s ease, color .15s ease;
}
body.parhoai-skin-dashboard .tutor-dashboard-sidebar-nav ul a svg { color: currentColor; }
body.parhoai-skin-dashboard .tutor-dashboard-sidebar-nav ul a:hover {
	background: rgba(255, 255, 255, .08);
	color: #fff;
}
body.parhoai-skin-dashboard .tutor-dashboard-sidebar-nav ul a.active {
	background: var(--yellow);
	color: var(--dark);
	font-weight: 700;
	box-shadow: 0 3px 0 rgba(0, 0, 0, .35);
}
body.parhoai-skin-dashboard .tutor-dashboard-menu-divider,
body.parhoai-skin-dashboard .tutor-dashboard-menu-divider-header {
	color: rgba(255, 255, 255, .45);
	border-color: rgba(255, 255, 255, .1);
}
body.parhoai-skin-dashboard .tutor-see-all-courses {
	background: rgba(var(--yellow-rgb), .12);
	color: var(--yellow);
	border: 1px dashed rgba(var(--yellow-rgb), .5);
	border-radius: 12px;
}
body.parhoai-skin-dashboard .tutor-see-all-courses:hover { background: rgba(var(--yellow-rgb), .2); color: var(--yellow); }

/* v4 header */

body.parhoai-skin-dashboard .tutor-dashboard-header-user-avatar img,
body.parhoai-skin-dashboard .tutor-dashboard-header-user-avatar .tutor-avatar {
	box-shadow: 0 0 0 3px var(--yellow);
	border-radius: 50%;
}

/* v4 body cards */
body.parhoai-skin-dashboard .tutor-dashboard-page .tutor-surface-l1,
body.parhoai-skin-dashboard .tutor-dashboard-page .tutor-card {
	border-radius: 18px;
}

/* v2/v3 dashboard (older Tutor versions) */
body.parhoai-skin-dashboard .tutor-dashboard .tutor-frontend-dashboard-header {
	background: var(--dark);
	color: #fff;
	border-radius: 22px;
	padding: 22px 26px;
	margin-bottom: 24px;
	background-image: radial-gradient(420px 220px at 100% 0%, rgba(var(--purple-rgb), .7), transparent 70%);
}
body.parhoai-skin-dashboard .tutor-dashboard .tutor-frontend-dashboard-header * { color: inherit; }
body.parhoai-skin-dashboard .tutor-dashboard .tutor-frontend-dashboard-header .tutor-btn-primary {
	background: var(--yellow);
	border-color: var(--yellow);
	color: var(--dark);
}
body.parhoai-skin-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks {
	background: #fff;
	border-radius: 18px;
	border: 1px solid var(--line, #E9E4F5);
	padding: 10px;
}
body.parhoai-skin-dashboard .tutor-dashboard-permalinks li a {
	border-radius: 10px;
}
body.parhoai-skin-dashboard .tutor-dashboard-permalinks li.active a,
body.parhoai-skin-dashboard .tutor-dashboard-permalinks li a:hover {
	background: var(--purple-soft);
	color: var(--purple);
}
body.parhoai-skin-dashboard .tutor-dashboard .tutor-card.tutor-card-secondary,
body.parhoai-skin-dashboard .tutor-dashboard-content .tutor-card {
	border-radius: 18px;
}

/* ---------- Login & registration ---------- */
body.parhoai-skin-auth .tutor-login-form-wrapper,
body.parhoai-skin-auth #tutor-registration-wrap,
body.parhoai-skin-auth .tutor-registration-form {
	border-radius: 22px;
}
body.parhoai-skin-auth .tutor-login-form-wrapper .tutor-label,
body.parhoai-skin-auth #tutor-registration-wrap .tutor-label,
body.parhoai-skin-auth .tutor-registration-form .tutor-label,
body.parhoai-skin-auth .tutor-form-row .tutor-label {
	font-family: var(--font-head);
	font-weight: 600;
	font-size: 14px;
	color: var(--ink);
	margin-bottom: 6px;
}
body.parhoai-skin-auth .tutor-login-form-wrapper .tutor-btn-primary,
body.parhoai-skin-auth #tutor-registration-wrap .tutor-btn-primary,
body.parhoai-skin-auth .tutor-registration-form .tutor-btn-primary,
body.parhoai-skin-auth form[id*="tutor"] button[type="submit"].tutor-btn-primary {
	background: var(--yellow);
	border: 0;
	color: #1c1530;
	font-weight: 700;
	min-height: 50px;
	border-radius: 10px;
	box-shadow: 0 6px 20px rgba(var(--yellow-rgb), .35);
}
body.parhoai-skin-auth .tutor-login-form-wrapper .tutor-btn-primary:hover,
body.parhoai-skin-auth #tutor-registration-wrap .tutor-btn-primary:hover,
body.parhoai-skin-auth .tutor-registration-form .tutor-btn-primary:hover,
body.parhoai-skin-auth form[id*="tutor"] button[type="submit"].tutor-btn-primary:hover {
	background: var(--yellow);
	color: #1c1530;
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(var(--yellow-rgb), .45);
}
body.parhoai-skin-auth .tutor-login-form-wrapper .tutor-btn-link,
body.parhoai-skin-auth .tutor-login-form-wrapper a,
body.parhoai-skin-auth #tutor-registration-wrap a {
	color: var(--purple);
	font-weight: 600;
}
body.parhoai-skin-auth .tutor-password-strength-checker .indicator span.active { background: var(--purple); }

/* Login popup modal */
body.parhoai-skin-auth .tutor-login-modal .tutor-modal-content {
	border-radius: 24px;
	border: 1px solid var(--line, #ece7f8);
	box-shadow: 0 24px 60px rgba(24, 18, 52, .18);
	overflow: hidden;
}

/* ---------- Courses ---------- */
body.parhoai-skin-courses .tutor-course-card,
body.parhoai-skin-courses .tutor-card.tutor-course-card {
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid var(--line, #E9E4F5);
	box-shadow: 0 6px 20px -12px rgba(22, 15, 51, .25);
	transition: transform .2s ease, box-shadow .2s ease;
}
body.parhoai-skin-courses .tutor-course-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 40px -18px rgba(22, 15, 51, .4);
}
body.parhoai-skin-courses .tutor-course-card .tutor-course-name a,
body.parhoai-skin-courses .tutor-course-name a {
	font-family: var(--font-head);
	font-weight: 700;
	color: var(--ink);
	text-decoration: none;
}
body.parhoai-skin-courses .tutor-course-card .tutor-course-name a:hover { color: var(--purple); }
body.parhoai-skin-courses .tutor-course-card .tutor-card-footer { border-top: 1px dashed var(--line, #E9E4F5); }
body.parhoai-skin-courses .tutor-course-price,
body.parhoai-skin-courses .tutor-course-loop-price .price {
	font-family: var(--font-head);
	font-weight: 800;
}
body.parhoai-skin-courses .tutor-course-list-btn .tutor-btn,
body.parhoai-skin-courses .tutor-course-card .tutor-btn-outline-primary {
	background: var(--purple-soft);
	border-color: transparent;
	color: var(--purple);
}
body.parhoai-skin-courses .tutor-course-list-btn .tutor-btn:hover,
body.parhoai-skin-courses .tutor-course-card .tutor-btn-outline-primary:hover {
	background: var(--purple);
	color: #fff;
}
body.parhoai-skin-courses .tutor-ratings-stars,
body.parhoai-skin-courses .tutor-ratings-stars i { color: #f5a400; }

/* Course archive filter sidebar */
body.parhoai-skin-courses .tutor-course-filter .tutor-widget {
	background: #fff;
	border-radius: 18px;
	padding: 18px;
	border: 1px solid var(--line, #E9E4F5);
}

/* Single course */
body.parhoai-skin-courses.parhoai-course-single .parhoai-course-area { background: #f8f6fd; padding-bottom: 70px; }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-page { padding-top: 24px; }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-header { margin-bottom: 0 !important; }
/* Title, category and meta are in the ParhoAI course banner above. */
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-title,
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-top .tutor-meta { display: none !important; }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-top { margin: 0 0 18px !important; }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-top > .tutor-row { justify-content: flex-end; }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-actions .tutor-btn-ghost {
	background: #fff;
	border: 1px solid var(--line, #ece7f8);
	border-radius: 30px;
	padding: 8px 16px;
	font-size: 14px;
	color: var(--ink, #1c1530);
}
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-actions .tutor-btn-ghost:hover { border-color: var(--purple); color: var(--purple); }

body.parhoai-skin-courses.parhoai-course-single .tutor-course-thumbnail {
	border-radius: 22px;
	overflow: hidden;
	box-shadow: 0 22px 50px rgba(28, 21, 48, .14);
	background: #fff;
}
body.parhoai-skin-courses.parhoai-course-single .tutor-course-thumbnail img,
body.parhoai-skin-courses.parhoai-course-single .tutor-course-thumbnail .tutor-ratio { border-radius: 0; }

/* Tabs */
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-tab { margin-top: 30px !important; }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-tab .tutor-nav {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 6px;
	background: #fff;
	border: 1px solid var(--line, #ece7f8);
	border-radius: 16px;
	box-shadow: 0 6px 18px rgba(28, 21, 48, .05);
}
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-tab .tutor-nav::after,
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-tab .tutor-nav-link::after { display: none !important; }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-tab .tutor-nav-link {
	border: 0 !important;
	border-radius: 11px;
	padding: 10px 20px;
	font-weight: 600;
	font-size: 15px;
	color: var(--muted, #6b6478);
	background: transparent;
	margin: 0;
}
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-tab .tutor-nav-link:hover { color: var(--purple); }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-tab .tutor-nav-link.is-active { background: var(--purple); color: #fff; }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-tab .tutor-tab { padding-top: 22px !important; }

/* Content sections as cards */
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-content,
body.parhoai-skin-courses.parhoai-course-single .tutor-tab-item > .tutor-course-details-widget,
body.parhoai-skin-courses.parhoai-course-single .tutor-tab-item > .tutor-mt-40,
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-page .tutor-course-details-widget-col-2 {
	background: #fff;
	border: 1px solid var(--line, #ece7f8);
	border-radius: 20px;
	padding: 28px 30px;
	box-shadow: 0 8px 24px rgba(28, 21, 48, .04);
	margin-top: 22px !important;
}
body.parhoai-skin-courses.parhoai-course-single .tutor-tab-item > :first-child { margin-top: 0 !important; }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-content h2,
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-widget-title,
body.parhoai-skin-courses.parhoai-course-single .tutor-course-content-title {
	font-family: var(--font-head);
	font-size: 21px !important;
	font-weight: 800 !important;
	color: var(--ink, #1c1530) !important;
	position: relative;
	padding-left: 14px;
}
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-content h2::before,
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-widget-title::before,
body.parhoai-skin-courses.parhoai-course-single .tutor-course-content-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	bottom: 4px;
	width: 4px;
	border-radius: 4px;
	background: linear-gradient(var(--purple), var(--pink));
}
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-content .tutor-fs-6 { line-height: 1.75; color: #4b4459; }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-widget-list li { padding: 6px 0; line-height: 1.55; }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-widget-list [class*="tutor-icon"] { color: var(--purple); }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-details-widget-col-2 .tutor-course-details-widget-list li [class*="tutor-icon"] {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--purple-soft, #f2edfd);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	flex: 0 0 22px;
}

/* Curriculum */
body.parhoai-skin-courses.parhoai-course-single .tutor-accordion-item {
	border: 1px solid var(--line, #ece7f8) !important;
	border-radius: 14px !important;
	overflow: hidden;
	margin-bottom: 12px;
	background: #fff;
}
body.parhoai-skin-courses.parhoai-course-single .tutor-accordion-item-header {
	background: #faf9fd;
	padding: 16px 20px !important;
	font-weight: 700;
	font-size: 15.5px;
	color: var(--ink, #1c1530);
}
body.parhoai-skin-courses.parhoai-course-single .tutor-accordion-item-header.is-active { background: var(--purple-soft, #f2edfd); color: var(--purple); }
body.parhoai-skin-courses.parhoai-course-single .tutor-accordion-item-body-content { padding: 6px 20px 10px !important; }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-content-list-item { padding: 12px 0 !important; border-bottom: 1px dashed var(--line, #ece7f8); }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-content-list-item:last-child { border-bottom: 0; }
body.parhoai-skin-courses.parhoai-course-single .tutor-course-content-list-item-icon { color: var(--purple) !important; }

/* Sidebar */
@media (min-width: 1200px) {
	body.parhoai-skin-courses.parhoai-course-single .tutor-single-course-sidebar { position: sticky; top: 100px; }
}
body.parhoai-skin-courses .tutor-single-course-sidebar .tutor-card {
	position: relative;
	border: 1px solid var(--line, #ece7f8) !important;
	border-radius: 22px !important;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 24px 55px rgba(76, 29, 149, .12);
}
body.parhoai-skin-courses .tutor-single-course-sidebar .tutor-sidebar-card::before {
	content: "";
	display: block;
	height: 6px;
	background: linear-gradient(90deg, var(--purple), var(--pink), var(--yellow));
}
body.parhoai-skin-courses .tutor-single-course-sidebar .tutor-card-body { padding: 26px 26px 22px; }
body.parhoai-skin-courses .tutor-single-course-sidebar .tutor-course-sidebar-card-pricing .tutor-fs-4,
body.parhoai-skin-courses .tutor-single-course-sidebar .tutor-course-sidebar-card-pricing > div > span:first-child {
	font-family: var(--font-head);
	font-size: 30px !important;
	font-weight: 800 !important;
	color: var(--purple) !important;
}
body.parhoai-skin-courses .tutor-single-course-sidebar .tutor-btn-primary,
body.parhoai-skin-courses .tutor-single-course-sidebar .tutor-add-to-cart-button,
body.parhoai-skin-courses .tutor-single-course-sidebar .tutor-btn.tutor-btn-block {
	background: var(--yellow) !important;
	border: 0 !important;
	color: #1c1530 !important;
	border-radius: 12px !important;
	padding: 14px 18px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	box-shadow: 0 10px 24px rgba(var(--yellow-rgb), .4);
}
body.parhoai-skin-courses .tutor-single-course-sidebar .tutor-btn-outline-primary {
	background: #fff !important;
	color: var(--purple) !important;
	border: 1px solid var(--purple) !important;
	box-shadow: none;
}
body.parhoai-skin-courses .tutor-single-course-sidebar .tutor-card-footer { padding: 18px 26px 22px; background: #faf9fd; border-top: 1px solid var(--line, #ece7f8); }
body.parhoai-skin-courses .tutor-single-course-sidebar .tutor-card-footer li { padding: 6px 0; color: #4b4459; }
body.parhoai-skin-courses .tutor-single-course-sidebar .tutor-card-footer [class*="tutor-icon"] { color: var(--purple); }
body.parhoai-skin-courses .tutor-single-course-sidebar-more .tutor-course-details-instructors,
body.parhoai-skin-courses .tutor-single-course-sidebar-more .tutor-course-details-widget {
	background: #fff;
	border: 1px solid var(--line, #ece7f8);
	border-radius: 20px;
	padding: 22px 24px;
	margin-bottom: 18px;
	box-shadow: 0 8px 24px rgba(28, 21, 48, .04);
}
body.parhoai-skin-courses .tutor-single-course-sidebar-more .tutor-course-details-widget-title { font-size: 17px !important; font-weight: 800 !important; }
body.parhoai-skin-courses .tutor-single-course-sidebar-more .tutor-course-details-widget-list li { padding: 5px 0; font-size: 14.5px; }
body.parhoai-skin-courses .tutor-single-course-sidebar-more .tutor-course-details-widget-list [class*="tutor-icon"] { color: var(--purple); }
body.parhoai-skin-courses .tutor-course-details-instructors .tutor-avatar { box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--purple-soft, #f2edfd); }

body.parhoai-skin-courses .tutor-nav-link.is-active { color: var(--purple); border-color: var(--purple); }
body.parhoai-skin-courses .tutor-accordion-item-header.is-active { color: var(--purple); }

/* Public instructor / student profile */
body.parhoai-skin-courses .tutor-user-public-profile .photo-area .cover-area {
	background-color: var(--dark);
	border-radius: 24px;
}
body.parhoai-skin-courses .tutor-user-public-profile .profile-photo {
	box-shadow: 0 0 0 6px #fff, 0 0 0 9px var(--yellow);
}