/** Consolidated — do not edit split sources; this is the canonical file. */

/* === assets\css\account-nav-icons.css === */
/**
 * Generic WordPress Dashicons across the whole My Account navigation, and
 * numbered pagination ("1 2 3 … 9 10 … 20 Next") for account tables.
 * Loaded on every My Account page.
 */

/* ---- Nav icons ---- */

.woocommerce-MyAccount-navigation-link a .dashicons {
	width: 18px;
	height: 18px;
	font-size: 18px;
	line-height: 1;
	margin-right: 10px;
	flex-shrink: 0;
}

/* ---- Numbered pagination ----
 * Scoped tightly and reset aggressively so WooCommerce / Astra
 * `.woocommerce-pagination` rules (borders on ul/li/a) cannot leak in.
 */

.llp-account-pagination {
	display: block !important;
	margin-top: 18px;
	padding-top: 18px;
	border: 0 !important;
	border-top: 1px solid var(--llp-rp-line, #e5e0d8) !important;
	background: transparent !important;
	float: none !important;
	text-align: left !important;
}

.llp-account-pagination__list,
.llp-account-pagination ul {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border: 0 !important;
	background: transparent !important;
	float: none !important;
}

.llp-account-pagination__list li,
.llp-account-pagination ul li {
	display: flex !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	overflow: visible !important;
	float: none !important;
}

.llp-page-dots {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 36px;
	padding: 0 2px;
	color: var(--llp-rp-muted, #767066);
	font-size: 14px;
	font-weight: 600;
	border: 0 !important;
	background: transparent !important;
}

.llp-account-pagination .llp-page-link,
.llp-account-pagination a.llp-page-link,
.llp-account-pagination span.llp-page-link {
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0;
	width: 36px !important;
	min-width: 36px !important;
	height: 36px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--llp-rp-line, #e5e0d8) !important;
	border-radius: 8px !important;
	background: var(--llp-rp-paper, #fff) !important;
	color: var(--llp-rp-ink, #2b2620) !important;
	font-family: var(--llp-rp-font, inherit) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	text-underline-offset: unset !important;
	box-shadow: none !important;
	float: none !important;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.llp-account-pagination a.llp-page-link:hover,
.llp-account-pagination a.llp-page-link:focus,
.llp-account-pagination a.llp-page-link:focus-visible {
	background: rgba(231, 162, 59, 0.12) !important;
	border-color: var(--llp-rp-mango-deep, #c97f1c) !important;
	color: var(--llp-rp-ink, #2b2620) !important;
	outline: none !important;
	text-decoration: none !important;
}

.llp-account-pagination .llp-page-link--current {
	background: var(--llp-rp-ink, #2b2620) !important;
	border-color: var(--llp-rp-ink, #2b2620) !important;
	color: #fff !important;
}

.llp-account-pagination .llp-page-link .dashicons {
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1 !important;
	speak: never;
}

/* Kill leftover WooCommerce / theme borders inside our pager. */
.llp-account-pagination a,
.llp-account-pagination span {
	border-right: 0 !important;
}

@media (max-width: 480px) {
	.llp-account-pagination__list,
	.llp-account-pagination ul {
		gap: 6px;
	}

	.llp-account-pagination .llp-page-link,
	.llp-account-pagination a.llp-page-link,
	.llp-account-pagination span.llp-page-link {
		width: 32px !important;
		min-width: 32px !important;
		height: 32px !important;
		font-size: 12px !important;
	}

	.llp-page-dots {
		height: 32px;
	}
}


/* === assets\css\account-dashboard.css === */
/**
 * My Account → Dashboard analytics grid.
 * Uses --llp-account-* tokens from style.css :root.
 */

.llp-account-dashboard {
	margin: 0 0 36px;
	font-family: var(--llp-account-font, var(--llp-rp-font));
	color: var(--llp-account-ink, var(--llp-rp-ink));
}

.llp-account-dashboard__header {
	margin: 0 0 22px;
}

.llp-account-dashboard__title {
	margin: 10px 0 8px;
	color: var(--llp-account-ink, var(--llp-rp-ink));
	font-family: var(--llp-account-font, var(--llp-rp-font));
	font-size: clamp(28px, 3.4vw, 40px);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.15;
}

.llp-account-dashboard__intro {
	margin: 0;
	max-width: 100%;
	color: var(--llp-account-muted, var(--llp-rp-muted));
	font-family: var(--llp-account-font, var(--llp-rp-font));
	font-size: 15px;
	line-height: 1.55;
}

.llp-account-dashboard__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.llp-account-dashboard__card {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 14px;
	min-height: 118px;
	padding: 18px 16px 18px 18px;
	background: var(--llp-account-card-bg, var(--llp-color-surface, #e5ded6));
	border: 1px solid var(--llp-account-line, var(--llp-rp-line));
	border-radius: 16px;
	box-shadow: none;
	color: inherit;
	font-family: var(--llp-account-font, var(--llp-rp-font));
	text-decoration: none;
	transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.llp-account-dashboard__card:hover,
.llp-account-dashboard__card:focus-visible {
	border-color: rgba(54, 54, 54, 0.22);
	box-shadow: 0 14px 28px -24px rgba(54, 54, 54, 0.45);
	outline: none;
	transform: translateY(-2px);
}

.llp-account-dashboard__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	background: rgba(54, 54, 54, 0.08);
	border-radius: 12px;
	color: var(--llp-account-ink, var(--llp-rp-ink));
}

.llp-account-dashboard__icon .dashicons {
	width: 22px;
	height: 22px;
	font-size: 22px;
	line-height: 1;
}

.llp-account-dashboard__meta {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.llp-account-dashboard__label {
	color: var(--llp-account-muted, var(--llp-rp-muted));
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.llp-account-dashboard__value {
	color: var(--llp-account-ink, var(--llp-rp-ink));
	font-family: var(--llp-account-font, var(--llp-rp-font));
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1;
}

.llp-account-dashboard__detail {
	overflow: hidden;
	color: var(--llp-account-muted, var(--llp-rp-muted));
	font-size: 13px;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.llp-account-dashboard__chevron {
	width: 18px;
	height: 18px;
	color: rgba(54, 54, 54, 0.35);
	font-size: 18px;
	line-height: 1;
	transition: color 0.2s ease, transform 0.2s ease;
}

.llp-account-dashboard__card:hover .llp-account-dashboard__chevron,
.llp-account-dashboard__card:focus-visible .llp-account-dashboard__chevron {
	color: var(--llp-account-ink, var(--llp-rp-ink));
	transform: translateX(2px);
}

/* Membership status accents */
.llp-account-dashboard__item--membership.is-active .llp-account-dashboard__icon {
	background: rgba(72, 88, 58, 0.14);
	color: var(--llp-rp-leaf);
}

.llp-account-dashboard__item--membership.is-inactive .llp-account-dashboard__value {
	font-size: clamp(22px, 2.6vw, 28px);
}

.llp-account-dashboard__item--membership.is-inactive .llp-account-dashboard__icon {
	background: rgba(54, 54, 54, 0.06);
	color: var(--llp-account-muted, var(--llp-rp-muted));
}

.llp-account-dashboard__item--saved .llp-account-dashboard__icon {
	background: rgba(181, 65, 53, 0.1);
	color: #b54135;
}

.llp-account-dashboard__item--courses .llp-account-dashboard__icon {
	background: rgba(29, 95, 191, 0.1);
	color: #1d5fbf;
}

@media (max-width: 980px) {
	.llp-account-dashboard__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.llp-account-dashboard__grid {
		grid-template-columns: 1fr;
	}

	.llp-account-dashboard__card {
		min-height: 104px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.llp-account-dashboard__card,
	.llp-account-dashboard__chevron {
		transition: none;
	}

	.llp-account-dashboard__card:hover,
	.llp-account-dashboard__card:focus-visible {
		transform: none;
	}
}


/* === assets\css\purchased-recipes-account.css === */
/* My Account → My Recipes (purchased individual recipes) */

.no-purchased-recipes {
	text-align: center;
	padding: 60px 20px;
	color: #999;
}

.purchased-recipes-table-wrap {
	margin-top: 10px;
}

.purchased-recipes-browse {
	display: flex;
	justify-content: flex-end;
	margin: 0 0 16px;
}

.purchased-recipes-table {
	width: 100%;
	border-collapse: collapse;
}

.purchased-recipes-table th,
.purchased-recipes-table td {
	padding: 12px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #e5e5e5;
}

.purchased-recipes-table thead th {
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.purchased-recipe-col-thumb img {
	width: 64px;
	height: 64px;
	object-fit: cover;
}

.purchased-recipe-col-title a {
	font-weight: 600;
	color: #070808;
	text-decoration: none;
}

.purchased-recipe-col-title a:hover {
	color: #0066cc;
}

.purchased-recipe-col-actions {
	white-space: nowrap;
}

.purchased-recipe-col-actions .button {
	margin: 0 4px 4px 0;
}

.purchased-recipe-col-actions .llp-icon.dashicons {
	width: 16px;
	height: 16px;
	font-size: 16px;
	line-height: 1.2;
	vertical-align: text-bottom;
	margin-right: 2px;
}

@media (max-width: 600px) {
	.purchased-recipes-table thead {
		display: none;
	}

	.purchased-recipes-table,
	.purchased-recipes-table tbody,
	.purchased-recipes-table tr,
	.purchased-recipes-table td {
		display: block;
		width: 100%;
	}

	.purchased-recipes-table tr {
		margin-bottom: 20px;
		border: 1px solid #e5e5e5;
		border-radius: 6px;
	}

	.purchased-recipes-table td {
		border: none;
		padding: 8px 4px;
		text-align: right;
	}

	.purchased-recipes-table td::before {
		content: attr(data-title);
		float: left;
		font-weight: 600;
	}

	.purchased-recipe-col-thumb {
		text-align: left;
	}

	.purchased-recipe-col-thumb::before {
		display: none;
	}
}


/* === assets\css\recipe-my-account.css === */
/**
 * WooCommerce My Account / membership area.
 * Tokens: --llp-account-* / --llp-color-* in style.css :root.
 */

body.llp-wc-account #content,
body.llp-wc-account .site-content,
body.llp-wc-account .woocommerce-MyAccount-content {
	background: var(--llp-account-bg, var(--llp-color-cream, #f4f2f0));
}

body.llp-wc-account .site-content > .ast-container,
body.llp-wc-account .ast-woocommerce-container {
	width: min(1240px, 100%);
	max-width: 1240px;
	padding: clamp(28px, 5vw, 64px) var(--llp-rp-pad) 80px;
}

body.llp-wc-account .site-content > .ast-container {
	padding: 0;
}

body.llp-wc-account .entry-header {
	margin-bottom: 28px;
}

body.llp-wc-account .entry-title,
body.llp-wc-account .woocommerce-MyAccount-content h1,
body.llp-wc-account .woocommerce-MyAccount-content h2,
body.llp-wc-account .woocommerce-MyAccount-content h3 {
	color: var(--llp-account-ink, var(--llp-rp-ink));
	font-family: var(--llp-account-font, var(--llp-rp-font));
	font-weight: 700;
	letter-spacing: -0.01em;
}

body.llp-wc-account .entry-title {
	font-size: clamp(38px, 5vw, 58px);
}

body.llp-wc-account .woocommerce {
	color: var(--llp-account-ink, var(--llp-rp-ink));
	font-family: var(--llp-account-font, var(--llp-rp-font));
}

body.llp-wc-account .woocommerce-MyAccount-navigation {
	position: sticky;
	top: 28px;
	padding: 14px;
	background: var(--llp-rp-paper, #fff);
	border: 1px solid var(--llp-account-line, var(--llp-rp-line));
	border-radius: 18px;
	box-shadow: var(--llp-rp-shadow);
	font-family: var(--llp-account-font, var(--llp-rp-font));
	color: var(--llp-account-nav-text, #363636);
}

body.llp-wc-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.llp-wc-account .woocommerce-MyAccount-navigation li {
	margin: 0;
}

body.llp-wc-account .woocommerce-MyAccount-navigation a {
	display: flex;
	align-items: center;
	min-height: 46px;
	padding: 11px 14px;
	border-radius: 10px;
	color: var(--llp-account-nav-text, #363636);
	font-family: var(--llp-account-font, var(--llp-rp-font));
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

body.llp-wc-account .woocommerce-MyAccount-navigation a:hover,
body.llp-wc-account .woocommerce-MyAccount-navigation a:focus-visible {
	background: rgba(229, 222, 214, 0.55);
	color: var(--llp-account-nav-text, #363636);
	outline: none;
}

body.llp-wc-account .woocommerce-MyAccount-navigation .is-active a {
	background: var(--llp-account-nav-active-bg, #e5ded6);
	color: var(--llp-account-nav-active-text, #363636);
}

body.llp-wc-account.woocommerce-account:not(.logged-in) .woocommerce {
	display: block;
	width: min(560px, 100%);
	margin: 0 auto;
}

body.llp-wc-account .woocommerce-MyAccount-content > :first-child,
body.llp-wc-account .woocommerce-MyAccount-content > :first-child > :first-child {
	margin-top: 0;
}

body.llp-wc-account .woocommerce-MyAccount-content p,
body.llp-wc-account .woocommerce-MyAccount-content address {
	color: var(--llp-rp-muted);
	line-height: 1.7;
}

body.llp-wc-account .woocommerce-MyAccount-content a:not(.button) {
	color: var(--llp-rp-ink);
	font-weight: 600;
	text-decoration-color: var(--llp-rp-mango);
	text-underline-offset: 3px;
}

body.llp-wc-account .woocommerce-Address {
	float: none;
	width: 100%;
	padding: 22px;
	background: #faf8f5;
	border: 1px solid var(--llp-rp-line);
	border-radius: 14px;
}

body.llp-wc-account .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

body.llp-wc-account .woocommerce-Address-title h3 {
	margin: 0;
}

body.llp-wc-account form .form-row {
	margin-bottom: 18px;
}

body.llp-wc-account form label {
	margin-bottom: 7px;
	color: var(--llp-rp-ink);
	font-size: 13px;
	font-weight: 700;
}

body.llp-wc-account form .input-text,
body.llp-wc-account form input[type="text"],
body.llp-wc-account form input[type="email"],
body.llp-wc-account form input[type="password"],
body.llp-wc-account form input[type="tel"],
body.llp-wc-account form select,
body.llp-wc-account form textarea,
body.llp-wc-account .select2-container .select2-selection {
	min-height: 48px;
	padding: 11px 13px;
	background: #fff;
	border: 1px solid rgba(43, 36, 30, 0.2);
	border-radius: 10px;
	color: var(--llp-rp-ink);
	box-shadow: none;
}

body.llp-wc-account form .input-text:focus,
body.llp-wc-account form input:focus,
body.llp-wc-account form select:focus,
body.llp-wc-account form textarea:focus {
	border-color: var(--llp-rp-mango-deep);
	outline: 2px solid rgba(201, 127, 30, 0.15);
	outline-offset: 1px;
}

body.llp-wc-account fieldset {
	margin: 28px 0 0;
	padding: 22px;
	border: 1px solid var(--llp-rp-line);
	border-radius: 14px;
}

body.llp-wc-account fieldset legend {
	padding: 0 8px;
	color: var(--llp-account-ink, var(--llp-rp-ink));
	font-family: var(--llp-account-font, var(--llp-rp-font));
	font-size: 20px;
	font-weight: 700;
}

body.llp-wc-account .button,
body.llp-wc-account button.button,
body.llp-wc-account a.button,
body.llp-wc-account input.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 11px 18px;
	background: var(--llp-btn-bg, #e5ded6);
	border: 1px solid var(--llp-btn-bg, #e5ded6);
	border-radius: 999px;
	color: var(--llp-btn-text, #000000);
	font-family: var(--llp-btn-font, Helvetica, Verdana, Arial, sans-serif);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	box-shadow: none;
}

body.llp-wc-account .button:hover,
body.llp-wc-account .button:focus {
	background: var(--llp-btn-hover-bg, #000000);
	border-color: var(--llp-btn-hover-bg, #000000);
	color: var(--llp-btn-hover-text, #ffffff);
}

body.llp-wc-account table.shop_table {
	width: 100%;
	margin: 24px 0;
	border: 1px solid var(--llp-rp-line);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
}

body.llp-wc-account table.shop_table th,
body.llp-wc-account table.shop_table td {
	padding: 15px 16px;
	border-right: 0;
	border-bottom: 1px solid var(--llp-rp-line);
	vertical-align: middle;
	text-align: left;
}

body.llp-wc-account table.shop_table th {
	background: #faf8f5;
	color: var(--llp-rp-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* CartFlows checkout steps (full check 17 Oct, K4): the order summary there is no account table. The beige above
   reached only its label cells – "SUBTOTAL" / "TOTAL" sat on a band that stopped where the amount began. Back to the
   step's own transparent cells; the labels keep their look. */
body.llp-wc-account .wcf-embed-checkout-form table.shop_table th {
	background: transparent;
}

body.llp-wc-account table.shop_table td {
	color: var(--llp-rp-ink);
	font-size: 13px;
	line-height: 1.5;
}

body.llp-wc-account table.shop_table tr:last-child td {
	border-bottom: 0;
}

body.llp-wc-account .llp-account-products {
	display: grid;
	gap: 4px;
	min-width: 150px;
}

body.llp-wc-account .llp-account-products__item {
	font-weight: 600;
}

body.llp-wc-account .llp-account-products__item small {
	color: var(--llp-rp-muted);
	font-size: 11px;
	font-weight: 500;
}

/* My Account → My Orders cards (Louise 1 Nov, PF5 "design is weird"). Astra Pro prints each order as a card: the
   picture in an absolutely placed 60px column centred on the card's full height, every cell a half-width block, the
   date bold and larger than the product names, "View" pinned top right. With several products (membership + PDF
   bumps) the names stacked as bold lines, the date and total under them and the picture floating in the middle.
   Now one grid per card: picture top-left (aligned with the first product line), the products as an even list, one
   quiet line "date · total" under them and the View button (the account's beige pill) on the right. Phone: picture,
   then products, date, total and View in one column next to it. Selectors carry .woocommerce-MyAccount-content so they
   outrank Astra's inline rules whatever the load order; ".order" keeps Astra's downloads box (view-order page, same
   row class) out of it. */
body.llp-wc-account .woocommerce-MyAccount-content div.ast-woo-grid-orders-container {
	gap: 16px;
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order {
	display: grid;
	grid-template-columns: 64px auto minmax(0, 1fr) auto;
	grid-template-areas:
		"pic products products view"
		"pic date total view";
	column-gap: 20px;
	row-gap: 8px;
	align-items: start;
	padding: 22px 24px;
	border: 1px solid rgba(54, 54, 54, 0.12);
	border-radius: 18px;
	box-shadow: none;
	background: #fff;
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	min-width: 0;
	text-align: left;
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-number {
	grid-area: pic;
	display: block;
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-number img {
	display: block;
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: 10px;
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-products {
	grid-area: products;
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-products .llp-account-products {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	justify-items: start;
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-products .llp-account-products__item {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 600;
	color: #101010;
}

/* Several products (membership + PDF guides): a short list with small dots, so the lines read as one list. */
body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-products .llp-account-products:has(> .llp-account-products__item + .llp-account-products__item) .llp-account-products__item {
	position: relative;
	padding-left: 16px;
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-products .llp-account-products:has(> .llp-account-products__item + .llp-account-products__item) .llp-account-products__item::before {
	content: "";
	position: absolute;
	top: 0.6em;
	left: 2px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #b9ab9b;
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-date {
	grid-area: date;
	font-size: 14px;
	line-height: 1.5;
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-date .ast-woo-order-date {
	display: inline;
	font-size: inherit;
	line-height: inherit;
	font-weight: 400;
	color: rgba(54, 54, 54, 0.75);
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-total {
	grid-area: total;
	margin-left: -12px; /* closer to the date: "date · total" */
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	color: rgba(54, 54, 54, 0.75);
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-total::before {
	content: "\00B7";
	margin-right: 8px;
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-actions {
	grid-area: view;
	align-self: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-actions a {
	display: inline-block;
	margin: 0;
	padding: 6px 16px;
	border: 1px solid #e5ded6;
	border-radius: 999px;
	background: #e5ded6;
	color: #101010;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 400;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
}

body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-actions a:hover,
body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-actions a:focus-visible {
	border-color: #0f0f0f;
	background: #0f0f0f;
	color: #fff;
}

@media (max-width: 600px) {
	body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order {
		grid-template-columns: 56px minmax(0, 1fr);
		grid-template-areas:
			"pic products"
			"pic date"
			"pic total"
			"pic view";
		column-gap: 16px;
		row-gap: 4px;
		padding: 18px;
	}

	body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-number img {
		width: 56px;
		height: 56px;
	}

	body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-products {
		margin-bottom: 4px;
	}

	body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-products .llp-account-products__item {
		font-size: 15px;
	}

	body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-total::before {
		content: none;
	}

	body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-total {
		margin-left: 0;
	}

	body.llp-wc-account .woocommerce-MyAccount-content .ast-orders-table__row.order > .ast-orders-table__cell-order-actions {
		align-self: start;
		justify-content: flex-start;
		margin-top: 10px;
	}
}

body.llp-wc-account .order-status,
body.llp-wc-account .subscription-status {
	font-weight: 700;
}

body.llp-wc-account mark {
	padding: 3px 7px;
	background: rgba(72, 88, 58, 0.1);
	border-radius: 6px;
	color: var(--llp-rp-leaf);
}

body.llp-wc-account .woocommerce-order-details,
body.llp-wc-account .woocommerce-customer-details,
body.llp-wc-account .woocommerce_subscription_details,
body.llp-wc-account .subscription_details {
	margin-top: 30px;
}

body.llp-wc-account .woocommerce-customer-details address {
	padding: 22px;
	background: #faf8f5;
	border: 1px solid var(--llp-rp-line);
	border-radius: 14px;
}

body.llp-wc-account .woocommerce-message,
body.llp-wc-account .woocommerce-info,
body.llp-wc-account .woocommerce-error {
	margin: 0 0 22px;
	padding: 16px 20px 16px 52px;
	background: #faf8f5;
	border: 1px solid var(--llp-rp-line);
	border-top: 0;
	border-radius: 12px;
	color: var(--llp-rp-ink);
}

body.llp-wc-account .woocommerce-pagination {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

/* Checkout: payment gateway box (regular checkout — not order-pay) */
body.llp-wc-account:not(.woocommerce-order-pay) #payment {
	margin-top: 24px;
	background: var(--llp-rp-paper);
	border: 1px solid var(--llp-rp-line);
	border-radius: 14px;
	overflow: hidden;
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment ul.payment_methods {
	margin: 0;
	padding: 16px;
	list-style: none;
	border-bottom: 1px solid var(--llp-rp-line);
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment ul.payment_methods li {
	margin: 0 0 4px;
	padding: 0;
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment ul.payment_methods li:last-child {
	margin-bottom: 0;
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment ul.payment_methods input[type="radio"] {
	margin-right: 8px;
	accent-color: var(--llp-rp-mango-deep);
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment ul.payment_methods label {
	display: inline-flex;
	align-items: center;
	margin: 0;
	color: var(--llp-rp-ink);
	font-size: 14px;
	font-weight: 600;
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment ul.payment_methods img {
	margin-left: 8px;
	vertical-align: middle;
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment .payment_box {
	margin: 0 !important;
	padding: 18px 16px !important;
	background: #faf8f5 !important;
	border-radius: 0 !important;
	font-size: 13px;
	line-height: 1.6;
	color: var(--llp-rp-muted);
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment .payment_box::before {
	display: none;
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment .payment_box p {
	color: var(--llp-rp-muted);
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment .wc-stripe-elements-field,
body.llp-wc-account:not(.woocommerce-order-pay) #payment .wc-stripe-iban-element-field,
body.llp-wc-account:not(.woocommerce-order-pay) #payment .payment_box .form-row {
	background: #fff;
	border: 1px solid rgba(43, 36, 30, 0.2);
	border-radius: 10px;
	padding: 12px 13px;
}

/* Add payment method (My Account, and the imported members' "add a payment method" link): Stripe's "Update the payment
   method for all of my current subscriptions (optional)" as a plain checkbox row like the consent box on the checkout –
   box on the left, the text (with "(optional)") wrapping in its own column; no field frame (Louise 31 Oct). */
body.llp-wc-account:not(.woocommerce-order-pay) #payment .payment_box .form-row:has(> .woocommerce-input-wrapper > label.checkbox) {
	margin: 14px 0 0;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment .payment_box .form-row label.checkbox {
	display: block !important;
	position: relative;
	margin: 0;
	padding-left: 32px;
	color: var(--llp-rp-ink);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.55;
	text-transform: none;
	letter-spacing: 0;
	cursor: pointer;
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment .payment_box .form-row label.checkbox input[type="checkbox"] {
	position: absolute;
	top: 1px;
	left: 0;
	width: 20px;
	height: 20px;
	margin: 0;
	accent-color: #101010;
	cursor: pointer;
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment .payment_box .form-row label.checkbox .optional {
	display: inline !important;
	color: var(--llp-rp-muted);
	font-weight: 400;
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment .form-row.place-order {
	margin: 18px 16px 20px;
	padding: 0;
	background: none;
	border: 0;
}

body.llp-wc-account:not(.woocommerce-order-pay) #payment #place_order {
	width: 100%;
	min-height: 50px;
	font-size: 14px;
}

body.llp-wc-account .woocommerce-terms-and-conditions-wrapper {
	margin-bottom: 14px;
	font-size: 13px;
	color: var(--llp-rp-muted);
}

/* ---- Order Pay page ---- */

body.woocommerce-order-pay.llp-wc-account .entry-header,
body.woocommerce-order-pay.llp-wc-account .woocommerce-breadcrumb {
	display: none;
}

body.woocommerce-order-pay.llp-wc-account .site-content > .ast-container,
body.woocommerce-order-pay.llp-wc-account .ast-woocommerce-container {
	max-width: 1120px;
}

.llp-order-pay {
	display: grid;
	grid-template-columns: 1fr;
	gap: 28px;
	width: min(1080px, 100%);
	margin: 0 auto;
}

.llp-order-pay__header {
	display: grid;
	justify-items: center;
	gap: 10px;
	text-align: center;
}

/* Louise 31 Oct (email comments, card 12 pic 3: "the headlines seem big"): the page heading has the size and weight of
   the headings on the other account pages ("Login", "Forgot password", "Set your password": 25px on phones, 30px from
   769px, bold); was 32–44px. */
.llp-order-pay__title {
	margin: 0;
	color: #070808;
	font-family: var(--llp-rp-display);
	font-size: 25px;
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.3;
}

@media (min-width: 769px) {
	.llp-order-pay__title {
		font-size: 30px;
	}
}

.llp-order-pay__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px 14px;
	margin: 0;
	color: var(--llp-rp-muted);
	font-size: 14px;
	font-weight: 500;
}

.llp-order-pay__meta-sep {
	opacity: 0.45;
}

.llp-order-pay__meta-total .amount,
.llp-order-pay__meta-total {
	color: var(--llp-rp-ink);
	font-weight: 700;
}

.llp-order-pay__form {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	grid-template-areas: "summary payment";
	gap: 20px;
	align-items: start;
}

.llp-order-pay__summary {
	grid-area: summary;
}

.llp-order-pay__payment {
	grid-area: payment;
	min-width: 0;
}

.llp-order-pay__summary,
.llp-order-pay #payment {
	margin-top: 0 !important;
	padding: 22px;
	background: var(--llp-rp-paper) !important;
	border: 1px solid var(--llp-rp-line) !important;
	border-radius: 16px !important;
	box-shadow: var(--llp-rp-shadow);
	overflow: visible !important;
}

/* Louise 31 Oct: "Order summary" / "Payment methods" as the box headings of the checkout steps ("Your Products",
   "Payment": 20px, 500); were 22px. */
.llp-order-pay__section-title {
	margin: 0 0 16px;
	color: var(--llp-rp-ink);
	font-family: var(--llp-rp-display);
	font-size: 20px;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.3;
}

.llp-order-pay #payment ul.payment_methods {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 0;
}

.llp-order-pay #payment ul.payment_methods > li {
	margin: 0;
	padding: 12px 14px;
	background: #faf8f5;
	border: 1px solid var(--llp-rp-line);
	border-radius: 12px;
}

.llp-order-pay #payment ul.payment_methods label {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.llp-order-pay #payment .payment_box {
	margin: 12px 0 0 !important;
	padding: 14px !important;
	background: #fff !important;
	border: 1px solid var(--llp-rp-line) !important;
	border-radius: 10px !important;
}

.llp-order-pay #payment .payment_box p {
	margin: 0 0 10px;
	color: var(--llp-rp-muted);
}

.llp-order-pay #payment .payment_box p:last-child {
	margin-bottom: 0;
}

.llp-order-pay #payment .form-row.place-order {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 0;
}

.llp-order-pay #payment #place_order {
	width: 100%;
	min-height: 52px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.llp-order-pay__table {
	display: grid;
	gap: 0;
	width: 100%;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

.llp-order-pay__table thead,
.llp-order-pay__table tbody,
.llp-order-pay__table tfoot {
	display: contents;
}

.llp-order-pay__table tr {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 64px 110px;
	align-items: center;
	column-gap: 12px;
	border-bottom: 1px solid var(--llp-rp-line);
}

.llp-order-pay__table tfoot tr {
	/* Audit 30 Oct (L6): "Payment method: Credit / Debit Card" was cut off in the 110px amount column. */
	grid-template-columns: minmax(0, 1fr) minmax(110px, max-content);
}

.llp-order-pay__table tfoot tr th[colspan] {
	grid-column: 1;
}

.llp-order-pay__table th,
.llp-order-pay__table td {
	padding: 12px 0 !important;
	border: 0 !important;
	background: transparent !important;
	vertical-align: middle;
}

.llp-order-pay__table thead th {
	padding-top: 0 !important;
	padding-bottom: 10px !important;
	color: var(--llp-rp-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.llp-order-pay__table .product-name {
	text-align: left !important;
	font-weight: 600;
	min-width: 0;
}

.llp-order-pay__table .product-quantity {
	text-align: center !important;
	color: var(--llp-rp-muted);
	font-weight: 500;
}

.llp-order-pay__table .product-total,
.llp-order-pay__table .product-subtotal {
	text-align: right !important;
	white-space: nowrap;
	font-weight: 600;
}

.llp-order-pay__table tfoot th {
	text-align: left !important;
	color: var(--llp-rp-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.llp-order-pay__table tfoot tr:last-child {
	border-bottom: 0;
}

.llp-order-pay__table tfoot tr:last-child th,
.llp-order-pay__table tfoot tr:last-child td {
	padding-bottom: 0 !important;
	color: var(--llp-rp-ink);
	font-size: 15px;
	font-weight: 700;
}

/* Louise 31 Oct (cards 11/12): saved card on the membership payment page (LLP_WC_Order_Pay_Saved_Card). The radio sat on
   its own line above "Visa ending in 4242 (expires 12/30)" (the payment-method label rule above made the label an
   inline-flex box too wide for the line); radio and text now share one line, as the payment method rows. */
.llp-order-pay #payment ul.woocommerce-SavedPaymentMethods {
	margin: 0 0 4px !important;
	padding: 0 !important;
	list-style: none !important;
}

.llp-order-pay #payment ul.woocommerce-SavedPaymentMethods > li {
	display: flex !important;
	align-items: center;
	gap: 10px;
	margin: 0 0 10px !important;
	padding: 0 !important;
	background: transparent;
	border: 0;
}

.llp-order-pay #payment ul.woocommerce-SavedPaymentMethods > li:last-child {
	margin-bottom: 0 !important;
}

.llp-order-pay #payment ul.woocommerce-SavedPaymentMethods > li > input[type="radio"] {
	flex: 0 0 auto;
	margin: 0 !important;
}

.llp-order-pay #payment ul.woocommerce-SavedPaymentMethods > li > label {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	cursor: pointer;
}

.llp-order-pay #payment ul.woocommerce-SavedPaymentMethods > li > .stripe-source-errors:empty {
	display: none;
}

/* "This card will also be used for your future renewals." above Pay for order – only while the card is the chosen way to
   pay (not with another payment method, nor on Stripe's Klarna tab, which gets the body class below). */
.llp-order-pay #payment .llp-renewal-card-note {
	margin: -6px 0 0; /* 8px under the payment box (its list keeps 14px below), like the site's other helper lines */
	color: var(--llp-rp-muted);
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}

.llp-order-pay #payment:has(input[name="payment_method"]:checked:not([value="stripe"])) .llp-renewal-card-note,
body.wc-stripe-hide-save-checkbox .llp-order-pay #payment .llp-renewal-card-note {
	display: none;
}

/* A membership renewal has no consent box: WooCommerce still prints the empty terms wrapper, whose margins plus the grid
   gaps left ~60px of blank space between the saved card and the sentence above (Louise 31 Oct). Not shown while empty;
   a course order's consent box (an element inside) keeps it. */
.llp-order-pay #payment .woocommerce-terms-and-conditions-wrapper:not(:has(*)) {
	display: none !important;
}

/* CSS-only: hide empty Stripe new-card panel when saved card selected */
.llp-order-pay #payment:has(input[name="wc-stripe-payment-token"]:checked:not([value="new"])) .wc-credit-card-form,
.llp-order-pay #payment:has(.woocommerce-SavedPaymentMethods input[type="radio"]:checked:not([value="new"])) .wc-credit-card-form,
.llp-order-pay #payment:has(input[name="wc-stripe-payment-token"]:checked:not([value="new"])) .wc-stripe-elements-field,
.llp-order-pay #payment:has(input[name="wc-stripe-payment-token"]:checked:not([value="new"])) #wc-stripe-card-element,
/* Only inside the payment methods: Apple Pay / Google Pay (Stripe elements too) sit under the pay button since 30 Oct. */
.llp-order-pay #payment:has(input[name="wc-stripe-payment-token"]:checked:not([value="new"])) .payment_methods .StripeElement {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

@media (max-width: 900px) {
	.llp-order-pay__form {
		grid-template-columns: 1fr;
		grid-template-areas: "summary" "payment";
	}
}

@media (max-width: 600px) {
	.llp-order-pay {
		gap: 20px;
	}

	.llp-order-pay__summary,
	.llp-order-pay #payment {
		padding: 18px 16px;
	}

	.llp-order-pay__meta {
		flex-direction: column;
		gap: 4px;
	}

	.llp-order-pay__meta-sep {
		display: none;
	}

	.llp-order-pay__table thead {
		display: none;
	}

	/* Louise 31 Oct: product, "× 1" and every amount each had a row of their own (a long list for one €5 line). On
	   phones now as in the checkout steps' order box: name (quantity under it) left, amount right; totals label left,
	   amount right. */
	.llp-order-pay__table tbody tr {
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: 12px;
		row-gap: 2px;
		padding: 10px 0 12px;
	}

	.llp-order-pay__table tbody .product-name {
		grid-column: 1;
		grid-row: 1;
		padding: 0 !important;
	}

	.llp-order-pay__table tbody .product-quantity {
		grid-column: 1;
		grid-row: 2;
		padding: 0 !important;
		text-align: left !important;
		font-size: 13px;
	}

	.llp-order-pay__table tbody .product-subtotal {
		grid-column: 2;
		grid-row: 1;
		padding: 0 !important;
	}

	.llp-order-pay__table tfoot tr {
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: 12px;
		padding: 0;
	}
}

@media (max-width: 600px) {
	body.llp-wc-account table.shop_table:not(.shop_table_responsive) {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

@media (max-width: 920px) {
	body.llp-wc-account .woocommerce-MyAccount-navigation {
		position: static;
		overflow-x: auto;
	}

	body.llp-wc-account .woocommerce-MyAccount-navigation ul {
		display: flex;
		gap: 4px;
		min-width: max-content;
	}
}

@media (max-width: 768px) {
	body.llp-wc-account table.shop_table_responsive {
		border: 0;
		background: transparent;
		overflow: visible;
	}

	body.llp-wc-account table.shop_table_responsive thead {
		display: none;
	}

	body.llp-wc-account table.shop_table_responsive tbody,
	body.llp-wc-account table.shop_table_responsive tr,
	body.llp-wc-account table.shop_table_responsive td {
		display: block;
		width: 100%;
	}

	body.llp-wc-account table.shop_table_responsive tr {
		margin-bottom: 16px;
		padding: 10px 14px;
		background: #fff;
		border: 1px solid var(--llp-rp-line);
		border-radius: 14px;
		box-shadow: 0 14px 32px -28px rgba(43, 36, 30, 0.55);
	}

	body.llp-wc-account table.shop_table_responsive td {
		display: grid;
		grid-template-columns: minmax(100px, 38%) minmax(0, 1fr);
		gap: 12px;
		padding: 10px 0;
		text-align: right !important;
	}

	body.llp-wc-account table.shop_table_responsive td::before {
		color: var(--llp-rp-muted);
		font-size: 10px;
		font-weight: 800;
		letter-spacing: 0.06em;
		text-align: left;
		text-transform: uppercase;
	}

	body.llp-wc-account table.shop_table_responsive .order-actions {
		display: flex;
		justify-content: flex-end;
	}

	body.llp-wc-account .llp-account-products {
		justify-items: end;
		min-width: 0;
	}
}

@media (max-width: 480px) {
	body.llp-wc-account .site-content > .ast-container,
	body.llp-wc-account .ast-woocommerce-container {
		padding-right: 12px;
		padding-left: 12px;
	}

	body.llp-wc-account table.shop_table_responsive td {
		grid-template-columns: 1fr;
		text-align: left !important;
	}

	body.llp-wc-account table.shop_table_responsive .order-actions {
		justify-content: flex-start;
	}

	body.llp-wc-account .llp-account-products {
		justify-items: start;
	}
}


/* === assets\css\my-courses-account.css === */
/* My Account → My Courses (enrolled LearnDash courses) */

.no-my-courses {
	text-align: center;
	padding: 60px 20px;
	color: #999;
}

.my-courses-table-wrap {
	margin-top: 10px;
}

.my-courses-browse {
	display: flex;
	justify-content: flex-end;
	margin: 0 0 16px;
}

.my-courses-table {
	width: 100%;
	border-collapse: collapse;
}

.my-courses-table th,
.my-courses-table td {
	padding: 12px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #e5e5e5;
}

.my-courses-table thead th {
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.my-course-col-thumb img {
	width: 64px;
	height: 64px;
	object-fit: cover;
}

.my-course-col-title a {
	font-weight: 600;
	color: #070808;
	text-decoration: none;
}

.my-course-col-title a:hover {
	color: #0066cc;
}

.my-course-col-actions {
	white-space: nowrap;
}

.my-course-col-actions .button {
	margin: 0 4px 4px 0;
}

.my-course-col-actions .llp-icon.dashicons,
.my-course-badge .llp-icon.dashicons {
	width: 16px;
	height: 16px;
	font-size: 16px;
	line-height: 1.2;
	vertical-align: text-bottom;
}

.my-course-col-actions .llp-icon.dashicons {
	margin-right: 2px;
}

.my-course-pay-btn {
	background: #d98c00 !important;
	color: #fff !important;
	border-color: #d98c00 !important;
}

.my-course-pay-btn:hover {
	background: #b87400 !important;
	border-color: #b87400 !important;
}

.my-course-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 600;
	white-space: nowrap;
	background: #eee;
	color: #555;
}

.my-course-badge--completed {
	background: #e6f6ec;
	color: #1e8a4c;
}

.my-course-badge--in-progress {
	background: #eaf2ff;
	color: #1d5fbf;
}

.my-course-badge--not-started {
	background: #f2f2f2;
	color: #777;
}

.my-course-badge--pending {
	background: #fff4e0;
	color: #b87400;
}

@media (max-width: 700px) {
	.my-courses-table thead {
		display: none;
	}

	.my-courses-table,
	.my-courses-table tbody,
	.my-courses-table tr,
	.my-courses-table td {
		display: block;
		width: 100%;
	}

	.my-courses-table tr {
		margin-bottom: 20px;
		border: 1px solid #e5e5e5;
		border-radius: 6px;
	}

	.my-courses-table td {
		border: none;
		padding: 8px 4px;
		text-align: right;
	}

	.my-courses-table td::before {
		content: attr(data-title);
		float: left;
		font-weight: 600;
	}

	.my-course-col-thumb {
		text-align: left;
	}

	.my-course-col-thumb::before {
		display: none;
	}
}