/**
 * LearnPress Overrides — AD ARCHVIZ
 *
 * Dark Luxury Architectural Visualization styling for LearnPress.
 * Deep onyx surfaces, warm gold accents, pill buttons, crisp typography.
 */

/* ── General LP Resets & Dark Theme ──────────────────────── */

.learnpress-page,
.learnpress .learn-press-courses,
.lp-single-course,
#learn-press-course {
	font-family: var(--font-primary);
	color: #FFFFFF;
	background-color: var(--color-bg);
}

/* Hide unneeded default WP block widgets from LearnPress archives & single pages */
.lp-archive-courses-sidebar,
.course-sidebar-secondary,
.lp-single-course-sidebar,
.lp-list-courses-related,
.widget_block,
.widget_search {
	display: none !important;
}

.lp-content-area.has-sidebar {
	width: 100% !important;
}

/* Breadcrumbs */
.learn-press-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--space-xs);
	padding: var(--space-lg) 0;
	margin: 0;
	list-style: none;
	font-size: var(--text-xs);
	color: var(--color-muted);
}

.learn-press-breadcrumb a {
	color: var(--color-accent);
	text-decoration: none;
	transition: color var(--transition-fast);
}

.learn-press-breadcrumb a:hover {
	text-decoration: underline;
}

.learn-press-breadcrumb .breadcrumb-delimiter {
	color: rgba(255, 255, 255, 0.2);
	margin: 0 4px;
}

/* ── Course Archive Grid ─────────────────────────────────── */

.lp-archive-courses {
	max-width: var(--container-max);
	margin: 0 auto;
	padding: var(--space-2xl) var(--container-padding) var(--space-4xl);
}

.learn-press-courses-header h1 {
	font-family: var(--font-display);
	font-size: clamp(2rem, 4vw, 3.2rem);
	font-weight: 800;
	color: #FFFFFF;
	margin-bottom: var(--space-2xl);
	letter-spacing: -0.02em;
}

.learn-press-courses {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: var(--space-xl);
	list-style: none;
	padding: 0;
	margin: 0;
}

.learn-press-courses .course,
.learnpress-page .course {
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-xl);
	overflow: hidden;
	transition: transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
	display: flex;
	flex-direction: column;
	height: 100%;
}

.learn-press-courses .course:hover {
	transform: translateY(-5px);
	border-color: var(--color-border-accent);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6), 0 0 20px rgba(224, 184, 108, 0.12);
}

.learn-press-courses .course .course-thumbnail {
	width: 100%;
	height: 200px;
	overflow: hidden;
	background: #0E1015;
}

.learn-press-courses .course .course-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-slow);
}

.learn-press-courses .course:hover .course-thumbnail img {
	transform: scale(1.06);
}

.learn-press-courses .course .course-info {
	padding: var(--space-xl);
	flex: 1;
	display: flex;
	flex-direction: column;
}

.learn-press-courses .course .course-title {
	font-family: var(--font-display);
	font-size: var(--text-lg);
	font-weight: 700;
	line-height: var(--leading-snug);
	margin-bottom: var(--space-sm);
}

.learn-press-courses .course .course-title a {
	color: #FFFFFF;
	text-decoration: none;
	transition: color var(--transition-fast);
}

.learn-press-courses .course .course-title a:hover {
	color: var(--color-accent);
}

.learn-press-courses .course .course-price {
	margin-top: auto;
	padding-top: var(--space-md);
	border-top: 1px solid var(--color-border);
	font-family: var(--font-display);
	font-size: var(--text-xl);
	font-weight: 700;
	color: var(--color-accent);
}

/* ── Single Course Page ──────────────────────────────────── */

.lp-single-course .course-summary,
#learn-press-course.course-summary {
	max-width: var(--container-max);
	margin: 0 auto;
	padding: var(--space-2xl) var(--container-padding) var(--space-4xl);
}

.course-summary-content {
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: var(--space-3xl);
	align-items: start;
}

@media (max-width: 991px) {
	.course-summary-content {
		grid-template-columns: 1fr;
	}
}

/* Header & Meta */
.course-detail-info {
	margin-bottom: var(--space-2xl);
}

.course-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--space-md);
	margin-bottom: var(--space-md);
}

.course-meta .meta-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: var(--text-xs);
	color: var(--color-muted);
}

.course-meta .meta-item a {
	color: var(--color-accent);
	text-decoration: none;
}

.course-title {
	font-family: var(--font-display);
	font-size: clamp(2rem, 3.5vw, 3rem);
	font-weight: 800;
	line-height: 1.15;
	color: #FFFFFF;
	margin-bottom: var(--space-md);
}

/* Tabs */
.lp-single-course .wrapper-course-nav-tabs,
.wrapper-course-nav-tabs {
	margin-bottom: var(--space-xl);
	overflow-x: auto;
}

.lp-single-course .learn-press-nav-tabs,
.learn-press-nav-tabs {
	display: inline-flex;
	gap: var(--space-xs);
	background: #141722;
	padding: 4px;
	border-radius: var(--radius-pill);
	border: 1px solid var(--color-border);
	list-style: none;
	margin: 0;
}

.lp-single-course .learn-press-nav-tabs li,
.learn-press-nav-tabs li {
	margin: 0;
}

.lp-single-course .learn-press-nav-tabs li a,
.lp-single-course .learn-press-nav-tabs li span,
.lp-single-course .learn-press-nav-tabs li label,
.learn-press-nav-tabs li label {
	display: block;
	padding: 0.65rem 1.4rem;
	font-size: var(--text-xs);
	font-weight: 600;
	letter-spacing: var(--tracking-wide);
	text-transform: uppercase;
	color: #A0A5B5;
	border-radius: var(--radius-pill);
	cursor: pointer;
	transition: all var(--transition-fast);
	border: none;
	text-decoration: none;
}

.lp-single-course .learn-press-nav-tabs li.active a,
.lp-single-course .learn-press-nav-tabs li.active label,
.learn-press-nav-tabs li.active label {
	background: var(--color-accent);
	color: #0A0B0E !important;
	font-weight: 700;
}

/* Course Tab Panels */
.course-tab-panels {
	background-color: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-xl);
	padding: var(--space-2xl);
	color: #D1D5DB;
}

.course-tab-panels h2,
.course-tab-panels h3,
.course-tab-panels h4 {
	font-family: var(--font-display);
	color: #FFFFFF;
	margin-top: var(--space-xl);
	margin-bottom: var(--space-md);
}

.course-tab-panels p {
	color: #C5C9D5;
	line-height: var(--leading-loose);
	margin-bottom: var(--space-md);
}

.course-tab-panels ul,
.course-tab-panels ol {
	padding-left: var(--space-lg);
	margin-bottom: var(--space-lg);
	color: #C5C9D5;
}

.course-tab-panels li {
	margin-bottom: var(--space-xs);
	line-height: var(--leading-normal);
}

/* Curriculum Sections */
.curriculum-sections .section {
	background: #11141D;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	margin-bottom: var(--space-md);
	overflow: hidden;
}

.curriculum-sections .section-header {
	padding: var(--space-md) var(--space-lg);
	background: #171A24;
	font-weight: 700;
	font-size: var(--text-sm);
	color: #FFFFFF;
	border-bottom: 1px solid var(--color-border);
}

.curriculum-sections .course-item {
	padding: var(--space-md) var(--space-lg);
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	font-size: var(--text-sm);
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #D1D5DB;
	transition: background-color var(--transition-fast), color var(--transition-fast);
}

.curriculum-sections .course-item:last-child {
	border-bottom: none;
}

.curriculum-sections .course-item:hover {
	background-color: rgba(224, 184, 108, 0.06);
	color: var(--color-accent);
}

.curriculum-sections .course-item a {
	color: inherit;
	text-decoration: none;
}

.curriculum-sections .course-item-meta {
	font-size: var(--text-xs);
	color: var(--color-muted);
}

/* ── Sidebar & Sticky Purchase Card ──────────────────────── */

.course-summary-sidebar {
	position: sticky;
	top: 100px;
	z-index: 10;
}

.nova-course-sidebar {
	background: #11141D;
	border: 1px solid rgba(224, 184, 108, 0.28);
	border-radius: var(--radius-xl);
	overflow: hidden;
	box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7), 0 0 25px rgba(224, 184, 108, 0.1);
	padding: 0;
}

.course-sidebar-preview .media-preview img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: var(--radius-lg);
	border: 1px solid var(--color-border);
	margin-bottom: var(--space-lg);
}

.course-price,
.course-item-price .price {
	font-family: var(--font-display);
	font-size: var(--text-3xl);
	font-weight: 800;
	color: var(--color-accent);
	margin-bottom: var(--space-lg);
	text-align: center;
	display: block;
}

.lp-course-buttons {
	display: flex;
	flex-direction: column;
	gap: var(--space-md);
}

.button-purchase-course,
.lp-button,
.lp-single-course .lp-button,
.lp-single-course .button,
.learnpress-page .lp-button {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.95rem 2rem;
	font-family: var(--font-primary);
	font-size: var(--text-sm);
	font-weight: 700;
	letter-spacing: var(--tracking-wide);
	text-transform: uppercase;
	background-color: var(--color-accent) !important;
	color: #0A0B0E !important;
	border: 1.5px solid var(--color-accent);
	border-radius: var(--radius-pill);
	cursor: pointer;
	transition: all var(--transition-base);
	text-decoration: none;
	box-shadow: 0 4px 15px rgba(224, 184, 108, 0.25);
}

.button-purchase-course:hover,
.lp-button:hover,
.lp-single-course .lp-button:hover,
.learnpress-page .lp-button:hover {
	background-color: var(--color-accent-hover) !important;
	border-color: var(--color-accent-hover);
	color: #0A0B0E !important;
	transform: translateY(-2px);
	box-shadow: var(--shadow-gold);
}

.nova-course-sidebar .nova-btn--whatsapp {
	width: 100%;
}

/* ── Course Features Box ─────────────────────────────────── */

.nova-course-features {
	margin-top: var(--space-2xl);
	padding: var(--space-xl);
	background-color: #11141D;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
}

.nova-course-features__title {
	font-size: var(--text-base);
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: var(--space-md);
}

.nova-course-features__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-sm);
}

.nova-course-features__list li {
	display: flex;
	align-items: center;
	gap: var(--space-sm);
	font-size: var(--text-sm);
	color: #D1D5DB;
}

/* ── Lesson & Content Item Summary ───────────────────────── */

.lp-single-course .content-item-summary {
	max-width: var(--container-narrow);
	margin: 0 auto;
	padding: var(--space-2xl) var(--container-padding);
	color: #FFFFFF;
}

.lp-single-course .content-item-summary h1,
.lp-single-course .content-item-summary h2 {
	font-family: var(--font-display);
	color: #FFFFFF;
	margin-bottom: var(--space-lg);
}

.lp-single-course .content-item-summary iframe,
.lp-single-course .content-item-summary .wp-video {
	border-radius: var(--radius-lg);
	border: 1px solid var(--color-border);
	overflow: hidden;
}

/* ── Global Table Row Hover Fix (Prevent White-on-White) ── */
table.lp-list-table tbody tr:hover,
table.profile-list-orders tbody tr:hover,
table.order_details tbody tr:hover,
table.order_details tr:hover,
#checkout-order tfoot tr:hover {
	background: rgba(229, 195, 120, 0.04) !important;
	background-color: rgba(229, 195, 120, 0.04) !important;
}


/* ── LearnPress Student Profile Master Luxury Styles ── */

/**
 * LearnPress Student Profile & Orders — Luxury Architectural Masterpiece
 * AD ARCHVIZ Academy
 *
 * Professional 2-Column Dashboard Layout:
 * Top: VIP Student Header Card
 * Left: Fixed 260px Navigation Sidebar
 * Right: Expansive Content Area (Orders Table & Recovery Card)
 */

/* ── 1. Break Free from Narrow Container (Full 1280px Width) ── */

body.learnpress-profile,
body.learn-press-profile,
body.page-id-6 {
	background-color: #07080A !important;
	color: #FFFFFF !important;
}

/* Force container and article to full 1280px canvas */
body.learnpress-profile .nova-section,
body.learnpress-profile .nova-container,
body.learnpress-profile .nova-container--narrow,
body.learnpress-profile #primary,
body.learnpress-profile article,
body.learnpress-profile .entry-content,
body.learnpress-profile .entry-content > *,
body.learnpress-profile .learnpress,
.page-id-6 .nova-container,
.page-id-6 .nova-container--narrow,
.page-id-6 .entry-content,
.page-id-6 .entry-content > *,
.page-id-6 .learnpress {
	max-width: 1280px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: clamp(0.75rem, 2vw, 1.5rem) !important;
	padding-right: clamp(0.75rem, 2vw, 1.5rem) !important;
	box-sizing: border-box !important;
}

/* Hide plain detached <h1>Profile</h1> entry header */
body.learnpress-profile .entry-header,
body.learn-press-profile .entry-header,
.page-id-6 .entry-header {
	display: none !important;
}

/* ── 2. Master Profile Layout (Vertical Stack) ────────────── */

#learn-press-profile,
.lp-user-profile {
	max-width: 1280px !important;
	width: 100% !important;
	margin: 1.5rem auto 4rem auto !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	display: block !important;
}

/* ── 3. VIP Student Header Card (Top Banner) ──────────────── */

.wrapper-profile-header {
	background: linear-gradient(135deg, #131622 0%, #171B26 60%, #141722 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 20px !important;
	padding: 1.75rem 2.25rem !important;
	margin-bottom: 2rem !important;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.45) !important;
	position: relative !important;
	overflow: hidden !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.wrapper-profile-header::before {
	content: '' !important;
	position: absolute !important;
	top: -60px !important;
	right: -40px !important;
	width: 260px !important;
	height: 260px !important;
	background: radial-gradient(circle, rgba(229, 195, 120, 0.09) 0%, transparent 70%) !important;
	pointer-events: none !important;
}

.wrapper-profile-header .lp-content-area {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 1.75rem !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Avatar */
.lp-profile-avatar,
.lp-avatar,
.wrapper-profile-header .lp-avatar img,
.wrapper-profile-header img.avatar {
	width: 82px !important;
	height: 82px !important;
	border-radius: 50% !important;
	border: 2px solid #E5C378 !important;
	box-shadow: 0 0 22px rgba(229, 195, 120, 0.28) !important;
	object-fit: cover !important;
	background: #0B0D14 !important;
	display: block !important;
	flex-shrink: 0 !important;
}

/* Name & Badge */
.lp-profile-right {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.lp-profile-username,
h2.lp-profile-username {
	color: #FFFFFF !important;
	font-family: var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
	font-size: 1.65rem !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em !important;
	margin: 0 !important;
	line-height: 1.2 !important;
}

.lp-profile-right::after {
	content: 'STUDENT PORTAL • AD ARCHVIZ ACADEMY' !important;
	display: inline-flex !important;
	align-items: center !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #E5C378 !important;
	background: rgba(229, 195, 120, 0.1) !important;
	border: 1px solid rgba(229, 195, 120, 0.25) !important;
	padding: 4px 12px !important;
	border-radius: 999px !important;
	width: fit-content !important;
}

.lp-profile-user-bio,
.lp-profile-right p {
	display: none !important;
}

/* ── 4. True 2-Column Dashboard Layout (Flexbox) ──────────── */

.lp-profile-content,
.lp-user-profile .lp-profile-content {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 2rem !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Left Column: Fixed Navigation Sidebar */
#profile-sidebar,
.lp-profile-content #profile-sidebar {
	flex: 0 0 250px !important;
	width: 250px !important;
	max-width: 250px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* Right Column: Dynamic Content Area */
#profile-content,
.lp-profile-content #profile-content {
	flex: 1 1 0% !important;
	min-width: 0 !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* ── 5. Navigation Sidebar Tabs Styling ───────────────────── */

#profile-nav,
.profile-nav {
	background: #12151E !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 18px !important;
	padding: 10px !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

ul.lp-profile-nav-tabs {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 5px !important;
	border: none !important;
}

ul.lp-profile-nav-tabs > li {
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	background: transparent !important;
	border: none !important;
	transition: all 0.2s ease !important;
}

ul.lp-profile-nav-tabs > li a {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 12px 16px !important;
	color: #9BA1AF !important;
	font-size: 0.92rem !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	border-radius: 12px !important;
	border: none !important;
}

/* Tab Icon */
ul.lp-profile-nav-tabs > li a i,
ul.lp-profile-nav-tabs > li a svg,
ul.lp-profile-nav-tabs > li a [class*="lp-icon"] {
	font-size: 1.05rem !important;
	color: #E5C378 !important;
	transition: all 0.2s ease !important;
	flex-shrink: 0 !important;
}

/* Inactive Hover */
ul.lp-profile-nav-tabs > li:not(.active):hover {
	background: rgba(255, 255, 255, 0.04) !important;
}

ul.lp-profile-nav-tabs > li:not(.active):hover a {
	color: #FFFFFF !important;
	transform: translateX(4px) !important;
}

/* Active Tab (Champagne Gold Accent) */
ul.lp-profile-nav-tabs > li.active,
ul.lp-profile-nav-tabs > li.active a {
	background: linear-gradient(135deg, #E5C378 0%, #D4AC57 100%) !important;
	color: #07080A !important;
	font-weight: 700 !important;
	box-shadow: 0 4px 16px rgba(229, 195, 120, 0.28) !important;
}

ul.lp-profile-nav-tabs > li.active a i,
ul.lp-profile-nav-tabs > li.active a svg,
ul.lp-profile-nav-tabs > li.active a [class*="lp-icon"] {
	color: #07080A !important;
	fill: #07080A !important;
}

/* Logout Tab */
ul.lp-profile-nav-tabs > li.logout a {
	color: #F87171 !important;
}

ul.lp-profile-nav-tabs > li.logout a i {
	color: #F87171 !important;
}

ul.lp-profile-nav-tabs > li.logout:hover {
	background: rgba(239, 68, 68, 0.1) !important;
}

/* ── 6. Section Heading in Right Column ───────────────────── */

.profile-heading,
h3.profile-heading {
	color: #FFFFFF !important;
	font-family: var(--font-display, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
	font-size: 1.55rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	margin: 0 0 1.25rem 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
}

.profile-heading::before {
	content: '' !important;
	display: inline-block !important;
	width: 4px !important;
	height: 22px !important;
	background: #E5C378 !important;
	border-radius: 2px !important;
}

/* ── 7. Orders Table (Spacious, Fully Visible) ────────────── */

.lp-table-wrap {
	background: #12151E !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.45) !important;
	margin-bottom: 2rem !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

table.lp-list-table,
table.profile-list-orders,
table.profile-list-table {
	width: 100% !important;
	border-collapse: collapse !important;
	background: transparent !important;
	border: none !important;
	margin: 0 !important;
	table-layout: auto !important;
}

/* Table Head */
table.lp-list-table thead tr,
table.profile-list-orders thead tr {
	background: #171B26 !important;
	background-color: #171B26 !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

table.lp-list-table thead th,
table.profile-list-orders thead th {
	background: #171B26 !important;
	background-color: #171B26 !important;
	color: #E5C378 !important;
	font-weight: 700 !important;
	font-size: 0.8rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	padding: 16px 20px !important;
	border: none !important;
	white-space: nowrap !important;
}

th.column-order-number { width: 22% !important; }
th.column-order-total  { width: 18% !important; }
th.column-order-status { width: 18% !important; text-align: center !important; }
th.column-order-date   { width: 22% !important; }
th.column-order-actions{ width: 20% !important; text-align: right !important; }

/* Table Body */
table.lp-list-table tbody tr,
table.profile-list-orders tbody tr {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
	transition: background-color 0.2s ease !important;
}

table.lp-list-table tbody tr:hover,
table.profile-list-orders tbody tr:hover {
	background: rgba(229, 195, 120, 0.05) !important;
	background-color: rgba(229, 195, 120, 0.05) !important;
}

table.lp-list-table tbody td,
table.profile-list-orders tbody td {
	padding: 16px 20px !important;
	color: #FFFFFF !important;
	font-size: 0.94rem !important;
	vertical-align: middle !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

/* Order # */
td.column-order-number a,
.column-order-number a {
	color: #E5C378 !important;
	font-family: monospace, ui-monospace, sans-serif !important;
	font-size: 0.98rem !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	letter-spacing: 0.04em !important;
	transition: color 0.2s ease !important;
}

td.column-order-number a:hover,
.column-order-number a:hover {
	color: #F2D48E !important;
	text-decoration: underline !important;
}

/* Total */
td.column-order-total,
.column-order-total {
	color: #FFFFFF !important;
	font-weight: 700 !important;
	font-size: 0.95rem !important;
	white-space: nowrap !important;
}

/* Status Badges — FULL DISPLAY */
td.column-order-status,
.column-order-status {
	text-align: center !important;
	white-space: nowrap !important;
}

.lp-label {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 6px 14px !important;
	border-radius: 999px !important;
	font-size: 0.74rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

.lp-label.label-completed {
	background: rgba(34, 197, 94, 0.15) !important;
	color: #4ADE80 !important;
	border: 1px solid rgba(34, 197, 94, 0.35) !important;
}

.lp-label.label-processing {
	background: rgba(234, 179, 8, 0.15) !important;
	color: #FACC15 !important;
	border: 1px solid rgba(234, 179, 8, 0.35) !important;
}

.lp-label.label-cancelled,
.lp-label.label-failed {
	background: rgba(239, 68, 68, 0.15) !important;
	color: #F87171 !important;
	border: 1px solid rgba(239, 68, 68, 0.35) !important;
}

.lp-label.label-pending {
	background: rgba(148, 163, 184, 0.15) !important;
	color: #E2E8F0 !important;
	border: 1px solid rgba(148, 163, 184, 0.3) !important;
}

/* Date */
td.column-order-date,
.column-order-date {
	color: #9BA1AF !important;
	font-size: 0.88rem !important;
	white-space: nowrap !important;
}

/* Action Buttons (View & Cancel) */
td.column-order-actions,
.column-order-actions {
	text-align: right !important;
	white-space: nowrap !important;
}

td.column-order-actions a,
.column-order-actions a,
.order-action-view {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 6px 16px !important;
	border-radius: 999px !important;
	background: rgba(229, 195, 120, 0.12) !important;
	color: #E5C378 !important;
	border: 1px solid rgba(229, 195, 120, 0.3) !important;
	font-size: 0.82rem !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	margin-left: 6px !important;
}

td.column-order-actions a:hover,
.column-order-actions a:hover,
.order-action-view:hover {
	background: #E5C378 !important;
	color: #07080A !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 14px rgba(229, 195, 120, 0.25) !important;
}

/* Cancel Action button */
td.column-order-actions a.cancel,
.column-order-actions a.cancel {
	background: rgba(239, 68, 68, 0.1) !important;
	color: #F87171 !important;
	border-color: rgba(239, 68, 68, 0.3) !important;
}

td.column-order-actions a.cancel:hover {
	background: #EF4444 !important;
	color: #FFFFFF !important;
	box-shadow: 0 4px 14px rgba(239, 68, 68, 0.3) !important;
}

/* Table Footer */
table.lp-list-table tfoot tr,
table.profile-list-orders tfoot tr {
	background: #171B26 !important;
	background-color: #171B26 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

table.lp-list-table tfoot td,
table.profile-list-orders tfoot td {
	padding: 14px 20px !important;
	color: #9BA1AF !important;
	font-size: 0.88rem !important;
	border: none !important;
}

/* ── 8. Order Recovery Card (Compact & Modern) ───────────── */

.profile-recover-order {
	background: #12151E !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 18px !important;
	padding: 24px 28px !important;
	margin-top: 2rem !important;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35) !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.profile-recover-order .recover-order__title,
.profile-recover-order p:first-child {
	color: #FFFFFF !important;
	font-weight: 700 !important;
	font-size: 1.05rem !important;
	margin: 0 0 0.5rem 0 !important;
}

.profile-recover-order .recover-order__description,
.profile-recover-order p {
	color: #9BA1AF !important;
	font-size: 0.9rem !important;
	line-height: 1.6 !important;
	margin: 0 0 1.25rem 0 !important;
}

form.lp-order-recover {
	display: flex !important;
	gap: 14px !important;
	align-items: center !important;
	flex-wrap: wrap !important;
}

form.lp-order-recover input[type="text"],
form.lp-order-recover input[name="order-key"] {
	flex: 1 !important;
	min-width: 260px !important;
	background: #090B10 !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	color: #FFFFFF !important;
	padding: 12px 18px !important;
	border-radius: 12px !important;
	font-size: 0.94rem !important;
	transition: all 0.2s ease !important;
}

form.lp-order-recover input[type="text"]:focus,
form.lp-order-recover input[name="order-key"]:focus {
	outline: none !important;
	border-color: #E5C378 !important;
	box-shadow: 0 0 0 3px rgba(229, 195, 120, 0.25) !important;
	background: #0F121B !important;
}

form.lp-order-recover button.button-recover-order,
form.lp-order-recover .lp-button {
	padding: 12px 28px !important;
	background: linear-gradient(135deg, #E5C378 0%, #D4AC57 100%) !important;
	color: #07080A !important;
	font-weight: 700 !important;
	font-size: 0.92rem !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	border-radius: 12px !important;
	border: none !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
	box-shadow: 0 4px 15px rgba(229, 195, 120, 0.25) !important;
}

form.lp-order-recover button.button-recover-order:hover,
form.lp-order-recover .lp-button:hover {
	background: linear-gradient(135deg, #F2D48E 0%, #E5C378 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 24px rgba(229, 195, 120, 0.35) !important;
}

/* ── 9. Mobile Responsive (< 991px) ───────────────────────── */

@media (max-width: 991px) {
	.lp-profile-content,
	.lp-user-profile .lp-profile-content {
		flex-direction: column !important;
		gap: 1.5rem !important;
	}

	#profile-sidebar,
	.lp-profile-content #profile-sidebar {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	#profile-content,
	.lp-profile-content #profile-content {
		flex: 1 1 100% !important;
		width: 100% !important;
	}

	.wrapper-profile-header {
		padding: 1.5rem !important;
	}

	.wrapper-profile-header .lp-content-area {
		flex-direction: column !important;
		text-align: center !important;
		gap: 1rem !important;
	}

	.lp-profile-right {
		align-items: center !important;
	}

	.lp-table-wrap {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}

	table.lp-list-table {
		min-width: 650px !important;
	}
}