/* ==========================================================================
   Tutor LMS — course list, single course, login/registration, student
   dashboard and the lesson (learning) area. Tutor's own dark theme is
   switched on (data-tutor-theme="dark" on <html>); here we swap its blue
   brand for PowerMap orange/gold and match surfaces to the site.
   ========================================================================== */

/* Tokens are set on <html> because Tutor resolves them there. */
html:root,
html:root[data-tutor-theme] {
	/* brand scale (Tutor 4 tokens) */
	--tutor-brand-50: #fff8eb;
	--tutor-brand-100: #fff1d6;
	--tutor-brand-200: #3a2a10;
	--tutor-brand-300: #4a3412;
	--tutor-brand-400: #f6b73a;
	--tutor-brand-450: #f0a51e;
	--tutor-brand-500: #edb118;
	--tutor-brand-600: #e98c00;
	--tutor-brand-700: #ffa31f;
	--tutor-brand-800: #c97500;
	--tutor-brand-900: #7a4400;
	--tutor-brand-950: #2a1a04;

	/* legacy tokens (Tutor 2/3 components still used by course cards etc.) */
	--tutor-color-primary: #e98c00;
	--tutor-color-primary-rgb: 233, 140, 0;
	--tutor-color-primary-hover: #edb118;
	--tutor-body-color: #d9d5cc;
	--tutor-body-color-rgb: 217, 213, 204;
	--tutor-border-color: rgba(255, 255, 255, .1);
	--tutor-color-black: #f4f1ea;
	--tutor-color-secondary: #c9c4ba;
	--tutor-color-muted: #a29f99;
	--tutor-color-subdued: #8a8680;
	--tutor-color-hints: #6d6a66;
	--tutor-color-gray: #1c1c25;
	--tutor-color-gray-10: #16161e;
	--tutor-color-white: #111117;
	--tutor-disabled-bg: #1c1c25;
	--tutor-disabled-color: #6d6a66;
	--tutor-font-family-body: "Cairo", system-ui, sans-serif;
	--tutor-font-family-heading: "Cairo", system-ui, sans-serif;
}
html:root[data-tutor-theme="dark"] {
	--tutor-surface-base: #07070a;
	--tutor-surface-l1: #111117;
	--tutor-surface-l1-hover: #16161e;
	--tutor-surface-l2: #1c1c25;
	--tutor-surface-l2-hover: #24242f;
	--tutor-surface-l3: #16161e;
	--tutor-surface-sidebar-l1: #0c0c11;
	--tutor-surface-brand-primary: #e98c00;
	--tutor-surface-brand-secondary: rgba(233, 140, 0, .16);
	--tutor-surface-brand-tertiary: rgba(233, 140, 0, .08);
	--tutor-surface-brand-quaternary: rgba(233, 140, 0, .12);
	--tutor-text-primary: #f4f1ea;
	--tutor-text-secondary: #d9d5cc;
	--tutor-text-subdued: #a29f99;
	--tutor-text-brand: #edb118;
	--tutor-text-brand-hover: #ffd35a;
	--tutor-text-primary-inverse: #120a00;
	--tutor-icon-brand: #edb118;
	--tutor-border-idle: rgba(255, 255, 255, .1);
	--tutor-border-idle2: rgba(255, 255, 255, .07);
	--tutor-button-primary: #e98c00;
	--tutor-button-primary-hover: #edb118;
	--tutor-button-primary-focused: #e98c00;
	--tutor-button-primary-soft: rgba(233, 140, 0, .14);
	--tutor-button-primary-soft-hover: rgba(233, 140, 0, .22);
}

/* ---------- generic Tutor pieces ---------- */
.pm-theme [class*="tutor-"] { font-family: var(--pm-font); }
.pm-theme .tutor-card,
.pm-theme .tutor-course-card,
.pm-theme .tutor-card-footer,
.pm-theme .tutor-modal-content,
.pm-theme .tutor-dropdown {
	background-color: var(--pm-card) !important;
	border-color: var(--pm-line) !important;
	color: var(--pm-text);
}
.pm-theme .tutor-card { border-radius: 18px !important; }
.pm-theme .tutor-color-black,
.pm-theme .tutor-course-name,
.pm-theme .tutor-course-name a,
.pm-theme .tutor-fs-4,
.pm-theme .tutor-fs-5,
.pm-theme .tutor-h3 { color: var(--pm-text) !important; }
.pm-theme .tutor-color-secondary { color: #c9c4ba !important; }
.pm-theme .tutor-color-muted { color: var(--pm-muted) !important; }
.pm-theme .tutor-ratings-stars,
.pm-theme .tutor-icon-star-line,
.pm-theme .tutor-icon-star-bold { color: var(--pm-gold) !important; }

/* Buttons */
.pm-theme .tutor-btn { border-radius: 999px !important; font-weight: 800 !important; font-family: var(--pm-font) !important; transition: transform .35s var(--pm-ease), box-shadow .35s var(--pm-ease), background .3s, color .3s !important; }
.pm-theme .tutor-btn-primary,
.pm-theme .tutor-btn-primary:visited {
	background: var(--pm-grad) !important;
	border: 0 !important;
	color: #120a00 !important;
	box-shadow: 0 10px 30px -8px rgba(233, 140, 0, .55);
}
.pm-theme .tutor-btn-primary:hover { transform: translateY(-2px); color: #120a00 !important; }
.pm-theme .tutor-btn-outline-primary {
	background: transparent !important;
	color: #fff !important;
	border: 1px solid var(--pm-line-2) !important;
}
.pm-theme .tutor-btn-outline-primary:hover { border-color: rgba(237, 177, 24, .6) !important; background: rgba(237, 177, 24, .08) !important; color: #fff !important; }
.pm-theme .tutor-btn-ghost,
.pm-theme .tutor-btn-link { color: var(--pm-gold) !important; }

/* Inputs */
.pm-theme .tutor-form-control,
.pm-theme .tutor-input,
.pm-theme .tutor-input-field input {
	background: #0d0d12 !important;
	color: var(--pm-text) !important;
	border: 1px solid var(--pm-line-2) !important;
	border-radius: 12px !important;
}
.pm-theme .tutor-form-control:focus,
.pm-theme .tutor-input:focus { border-color: rgba(237, 177, 24, .7) !important; box-shadow: 0 0 0 3px rgba(237, 177, 24, .15) !important; }

/* ---------- course list (/courses/) ---------- */
.pm-theme .tutor-course-card {
	overflow: hidden;
	transition: transform .45s var(--pm-ease), border-color .4s, box-shadow .45s var(--pm-ease) !important;
}
.pm-theme .tutor-course-card:hover { transform: translateY(-6px); border-color: rgba(237, 177, 24, .38) !important; box-shadow: 0 30px 60px -25px rgba(233, 140, 0, .35) !important; }
.pm-theme .tutor-course-card .tutor-course-thumbnail img { transition: transform 1s var(--pm-ease); }
.pm-theme .tutor-course-card:hover .tutor-course-thumbnail img { transform: scale(1.06); }
.pm-theme .tutor-course-card .tutor-card-footer { border-top: 1px solid var(--pm-line) !important; }
.pm-theme .tutor-course-card .tutor-fw-bold,
.pm-theme .tutor-course-card .price { color: #fff !important; font-family: var(--pm-font-num) !important; font-size: 20px; }
.pm-theme .tutor-course-card del { color: var(--pm-dim) !important; text-decoration-color: var(--pm-flame) !important; }
.pm-theme .tutor-avatar { background: var(--pm-grad) !important; color: #120a00 !important; }
.pm-theme .tutor-iconic-btn-secondary { background: rgba(7, 7, 10, .65) !important; color: #fff !important; border: 0 !important; }
.pm-theme .tutor-course-filter select,
.pm-theme .tutor-form-select,
.pm-theme .tutor-js-form-select { background: #0d0d12 !important; color: var(--pm-text) !important; border-color: var(--pm-line-2) !important; border-radius: 12px !important; }
.pm-theme .tutor-form-select-dropdown { background: var(--pm-card) !important; border-color: var(--pm-line-2) !important; }
.pm-theme .tutor-form-select-option:hover { background: rgba(237, 177, 24, .08) !important; }
.pm-theme .tutor-form-select-option span { color: var(--pm-text) !important; }

/* card footer from the theme override (price + "Course details") */
.pm-theme .pm-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.pm-theme .pm-card-price { display: inline-flex; align-items: baseline; gap: 8px; }
.pm-theme .pm-card-now { font: 700 22px/1 var(--pm-font-num); color: #fff; }
.pm-theme .pm-card-price del { font: 600 15px/1 var(--pm-font-num); color: var(--pm-dim); text-decoration-color: var(--pm-flame); }
.pm-theme .pm-card-free { font: 900 18px/1 var(--pm-font); color: var(--pm-green); }
.pm-theme .pm-card-btn { white-space: nowrap; }

/* ---------- single course ---------- */
.pm-theme .tutor-course-details-title,
.pm-theme .tutor-course-details-page h1 { font-weight: 900 !important; color: var(--pm-text) !important; }
.pm-theme .tutor-course-thumbnail img,
.pm-theme .tutor-course-details-page .tutor-ratio img { border-radius: 18px; }
.pm-theme .tutor-nav,
.pm-theme .tutor-course-details-tab .tutor-nav { border-color: var(--pm-line) !important; background: transparent !important; }
.pm-theme .tutor-nav-link { color: var(--pm-muted) !important; background: transparent !important; }
.pm-theme .tutor-course-details-page .tutor-nav,
.pm-theme .tutor-course-details-page .tutor-nav-item { background: transparent !important; }
.pm-theme .tutor-course-details-page .tutor-nav { border-bottom: 1px solid var(--pm-line) !important; }
.pm-theme .tutor-nav-link.is-active,
.pm-theme .tutor-nav-link:hover { color: var(--pm-gold) !important; border-color: var(--pm-orange) !important; }
.pm-theme .tutor-accordion-item { background: var(--pm-card) !important; border: 1px solid var(--pm-line) !important; border-radius: 14px !important; overflow: hidden; margin-bottom: 12px; }
.pm-theme .tutor-accordion-item-header { background: transparent !important; color: var(--pm-text) !important; font-weight: 800 !important; }
.pm-theme .tutor-accordion-item-header.is-active { color: var(--pm-gold) !important; background: rgba(237, 177, 24, .05) !important; }
.pm-theme .tutor-accordion-item-header::after { color: var(--pm-gold) !important; }
.pm-theme .tutor-accordion-item-body { border-top: 1px solid var(--pm-line) !important; background: transparent !important; }
.pm-theme .tutor-course-content-list-item { border-color: var(--pm-line) !important; background: transparent !important; }
.pm-theme .tutor-course-content-list-item:hover { background: rgba(255, 255, 255, .03) !important; }
.pm-theme .tutor-course-content-list-item-title,
.pm-theme .tutor-course-content-list-item-title a { color: #d9d5cc !important; }
.pm-theme .tutor-course-content-list-item-icon { color: var(--pm-gold) !important; }
/* sidebar "buy" card */
.pm-theme .tutor-sidebar-card,
.pm-theme .tutor-course-details-widget,
.pm-theme .tutor-single-course-sidebar .tutor-card {
	background: linear-gradient(180deg, var(--pm-card-2), var(--pm-card)) !important;
	border: 1px solid rgba(237, 177, 24, .22) !important;
	box-shadow: 0 30px 60px -30px rgba(233, 140, 0, .35);
}
.pm-theme .tutor-sidebar-card .tutor-card-body,
.pm-theme .tutor-sidebar-card .tutor-card-footer { background: transparent !important; }
.pm-theme .tutor-course-sidebar-card-pricing .tutor-fs-4,
.pm-theme .tutor-course-sidebar-card-pricing .price { color: #fff !important; font-family: var(--pm-font-num) !important; font-size: 34px !important; font-weight: 700 !important; }
.pm-theme .tutor-course-sidebar-card-pricing del { color: var(--pm-dim) !important; text-decoration-color: var(--pm-flame) !important; }
.pm-theme .tutor-sidebar-card .tutor-btn-primary,
.pm-theme .tutor-add-to-cart-button,
.pm-theme .single_add_to_cart_button { width: 100%; justify-content: center; padding-block: 14px !important; font-size: 16px !important; }
.pm-theme .tutor-course-details-content,
.pm-theme .tutor-course-details-content p { color: #d9d5cc !important; }
.pm-theme .tutor-course-details-content .has-ast-global-color-5-background-color,
.pm-theme .tutor-course-details-content [class*="background-color"] { border-radius: 14px; }

/* ---------- login / registration ---------- */
.pm-theme .tutor-login-wrap,
.pm-theme .tutor-form-wrap,
.pm-theme .tutor-login-form-wrapper { max-width: 460px; margin-inline: auto; }
.pm-theme .tutor-login-wrap .tutor-card,
.pm-theme .tutor-form-wrap .tutor-card,
.pm-theme #tutor-registration-wrap .tutor-card {
	padding: 36px !important;
	background: linear-gradient(180deg, var(--pm-card-2), var(--pm-card)) !important;
	border: 1px solid var(--pm-line-2) !important;
	box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .8), 0 0 0 1px rgba(237, 177, 24, .05);
}
.pm-theme .tutor-login-wrap h3,
.pm-theme .tutor-login-wrap .tutor-h3 { font-weight: 900 !important; }
.pm-theme .tutor-login-error:empty { display: none; }

/* ---------- student dashboard ---------- */
.pm-theme .tutor-dashboard,
.pm-theme .tutor-dashboard-content,
.pm-theme .tutor-frontend-dashboard-header { color: var(--pm-text); }
.pm-theme .tutor-dashboard-left-menu,
.pm-theme .tutor-dashboard-menu,
.pm-theme .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks { background: transparent !important; border-color: var(--pm-line) !important; }
.pm-theme .tutor-dashboard-menu-item-link { color: #c9c4ba !important; border-radius: 10px; }
.pm-theme .tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-link,
.pm-theme .tutor-dashboard-menu-item-link:hover { background: rgba(237, 177, 24, .1) !important; color: var(--pm-gold) !important; }
.pm-theme .tutor-dashboard-menu-item-link .tutor-icon,
.pm-theme .tutor-dashboard-menu-item-icon { color: inherit !important; }
.pm-theme .tutor-table,
.pm-theme .tutor-table :is(th, td) { background: transparent !important; color: #d9d5cc !important; border-color: var(--pm-line) !important; }
.pm-theme .tutor-table th { color: var(--pm-text) !important; }
.pm-theme .tutor-progress-bar { background: rgba(255, 255, 255, .08) !important; }
.pm-theme .tutor-progress-value { background: var(--pm-grad) !important; }
.pm-theme .tutor-empty-state,
.pm-theme .tutor-empty-state * { color: var(--pm-muted) !important; }

/* ---------- lesson / learning area ---------- */
.pm-theme .tutor-course-single-content-wrapper,
.pm-theme .tutor-learning-area,
.pm-theme .tutor-course-single-sidebar-wrapper,
.pm-theme .tutor-course-topic-single-header { background-color: var(--pm-bg) !important; color: var(--pm-text); }
.pm-theme .tutor-course-single-sidebar-wrapper { border-color: var(--pm-line) !important; }
.pm-theme .tutor-course-topic-single-header { border-bottom: 1px solid var(--pm-line) !important; }
.pm-theme .tutor-course-topic-item a { color: #c9c4ba !important; }
.pm-theme .tutor-course-topic-item.is-active a { background: rgba(237, 177, 24, .1) !important; color: var(--pm-gold) !important; }
.pm-theme .tutor-video-player,
.pm-theme .tutor-video-player-wrapper { border-radius: 14px; overflow: hidden; }

/* Tutor's full-screen student dashboard has no site header → no top spacing. */
body.pm-theme.tutor-screen-frontend-dashboard { padding-top: 0 !important; }
body.pm-theme.tutor-screen-frontend-dashboard .pm-progress { display: none; }

/* Modals (login popup on course list) */
.pm-theme .tutor-modal-overlay { background: rgba(0, 0, 0, .75) !important; backdrop-filter: blur(4px); }
.pm-theme .tutor-modal-close-o { color: var(--pm-muted) !important; }
