/**
 * Manhaj LMS — account, dashboard and checkout context styles.
 *
 * @package Manhaj\LMS
 */

.mj-account__panel form { display: grid; gap: var(--mj-s3); }
.mj-account__panel .mj-btn--subtle { justify-self: start; }

.mj-dashboard__head .mj-btn { text-decoration: none; }

.mj-dashboard__section .mj-table { border: 1px solid var(--mj-line); border-radius: var(--mj-r); overflow: hidden; }

.mj-course-row__progress .mj-progress { margin-top: 2px; }

.mj-checkout__aside { display: grid; gap: var(--mj-s4); position: sticky; inset-block-start: var(--mj-s4); }

.mj-gateway.is-selected { border-color: var(--mj-brand); background: var(--mj-brand-50); }

.mj-cart-table img { width: 72px; height: 48px; object-fit: cover; border-radius: var(--mj-r-sm); }

.mj-cert-grid .mj-cert-card__title a { color: inherit; text-decoration: none; }

.mj-learning-hub { display:grid; gap:var(--mj-s4); margin-block-start:var(--mj-s6); }
.mj-learning-hub > h2 { margin:var(--mj-s3) 0 0; }
.mj-learning-hub > .mj-card { padding:clamp(18px,3vw,28px); display:grid; gap:var(--mj-s3); }
.mj-learning-hub form { display:grid; gap:var(--mj-s3); }
.mj-learning-hub ol { display:grid; gap:10px; margin:0; padding-inline-start:24px; }

@media (max-width: 1024px) {
	.mj-checkout__aside { position: static; }
}