/**
 * WooCommerce Modern Card-Style Tables
 * For Downloads and Orders sections in BuddyPress profiles
 */

/* ==========================================================================
   Thank You Page Heading
   ========================================================================== */
.woocommerce-thankyou-heading {
	font-size: 1.75rem;
	font-weight: 600;
	color: var(--n2-hex, #00100B);
	margin-bottom: 1.5rem;
	padding-bottom: 0.75rem;
	border-bottom: 2px solid var(--p6-hex, #107658);
}

/* ==========================================================================
   Base Table Styles - Modern Card Design
   ========================================================================== */
.woocommerce-orders-table,
.woocommerce-table--order-downloads,
table.shop_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: var(--n1-hex, #FFFFFF);
	border-radius: 12px;
	box-shadow: var(--box-shadow-p2, 0px 6px 30px 0px rgba(0, 0, 0, 0.08));
	overflow: hidden;
	margin-bottom: 1.5rem;
}

/* Table Header */
.woocommerce-orders-table thead,
.woocommerce-table--order-downloads thead,
table.shop_table thead {
	background: linear-gradient(135deg, var(--p6-hex, #107658) 0%, #0d5f47 100%);
}

.woocommerce-orders-table thead th,
.woocommerce-table--order-downloads thead th,
table.shop_table thead th {
	color: var(--n1-hex, #FFFFFF);
	font-weight: 600;
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 1rem 1.25rem;
	text-align: left;
	border: none;
}

/* Table Body */
.woocommerce-orders-table tbody tr,
.woocommerce-table--order-downloads tbody tr,
table.shop_table tbody tr {
	transition: var(--transition, all 0.3s ease);
}

.woocommerce-orders-table tbody tr:hover,
.woocommerce-table--order-downloads tbody tr:hover,
table.shop_table tbody tr:hover {
	background-color: rgba(16, 118, 88, 0.04);
}

.woocommerce-orders-table tbody tr:not(:last-child),
.woocommerce-table--order-downloads tbody tr:not(:last-child),
table.shop_table tbody tr:not(:last-child) {
	border-bottom: 1px solid var(--s1-hex, #F4F4F4);
}

.woocommerce-orders-table tbody td,
.woocommerce-orders-table tbody th,
.woocommerce-table--order-downloads tbody td,
table.shop_table tbody td {
	padding: 1rem 1.25rem;
	color: var(--n2-hex, #00100B);
	font-size: 0.9375rem;
	border: none;
	vertical-align: middle;
}

/* Order Number Styling */
.woocommerce-orders-table__cell-order-number a,
.woocommerce-orders-table tbody th a {
	color: var(--p6-hex, #107658);
	font-weight: 600;
	text-decoration: none;
	transition: var(--transition, all 0.3s ease);
}

.woocommerce-orders-table__cell-order-number a:hover,
.woocommerce-orders-table tbody th a:hover {
	color: #0d5f47;
	text-decoration: underline;
}

/* Status Badges */
.woocommerce-orders-table__cell-order-status {
	font-weight: 500;
}

/* ==========================================================================
   Action Buttons
   ========================================================================== */
.woocommerce-orders-table .button,
.woocommerce-table--order-downloads .button,
table.shop_table .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 1rem;
	font-size: 0.8125rem;
	font-weight: 600;
	border-radius: 6px;
	text-decoration: none;
	transition: var(--transition, all 0.3s ease);
	margin-right: 0.5rem;
	margin-bottom: 0.25rem;
}

.woocommerce-orders-table .button.view,
.woocommerce-table--order-downloads .button {
	background-color: var(--p6-hex, #107658);
	color: var(--n1-hex, #FFFFFF);
	border: none;
}

.woocommerce-orders-table .button.view:hover,
.woocommerce-table--order-downloads .button:hover {
	background-color: #0d5f47;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(16, 118, 88, 0.3);
}

.woocommerce-orders-table .button.pay {
	background-color: var(--p5-hex, #FF7300);
	color: var(--n1-hex, #FFFFFF);
	border: none;
}

.woocommerce-orders-table .button.pay:hover {
	background-color: #e66700;
	transform: translateY(-1px);
}

.woocommerce-orders-table .button.cancel {
	background-color: transparent;
	color: var(--n3-hex, #666666);
	border: 1px solid var(--n3-hex, #666666);
}

.woocommerce-orders-table .button.cancel:hover {
	background-color: var(--p2-hex, #FF4C4C);
	color: var(--n1-hex, #FFFFFF);
	border-color: var(--p2-hex, #FF4C4C);
}

/* ==========================================================================
   Empty State / No Orders/Downloads Notice
   ========================================================================== */
.woocommerce-info,
.woocommerce-message,
.woocommerce-notice {
	background: var(--n1-hex, #FFFFFF);
	border-radius: 12px;
	box-shadow: var(--box-shadow-p1, 0px 2px 4px -2px rgba(16, 24, 40, 0.06));
	padding: 2rem;
	text-align: center;
	border-left: 4px solid var(--p6-hex, #107658);
	margin-bottom: 1.5rem;
}

.woocommerce-info::before,
.woocommerce-message::before {
	display: none;
}

.woocommerce-info .button,
.woocommerce-message .button,
.woocommerce-notice .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.75rem 1.5rem;
	margin-top: 1rem;
	font-size: 0.875rem;
	font-weight: 600;
	border-radius: 8px;
	background-color: var(--p6-hex, #107658);
	color: var(--n1-hex, #FFFFFF);
	text-decoration: none;
	transition: var(--transition, all 0.3s ease);
}

.woocommerce-info .button:hover,
.woocommerce-message .button:hover,
.woocommerce-notice .button:hover {
	background-color: #0d5f47;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(16, 118, 88, 0.3);
}

/* ==========================================================================
   Pagination
   ========================================================================== */
.woocommerce-pagination {
	display: flex;
	justify-content: center;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.woocommerce-pagination .button {
	padding: 0.625rem 1.25rem;
	font-size: 0.875rem;
	font-weight: 600;
	border-radius: 8px;
	background-color: var(--n1-hex, #FFFFFF);
	color: var(--n2-hex, #00100B);
	border: 1px solid var(--s1-hex, #F4F4F4);
	box-shadow: var(--box-shadow-p1);
	transition: var(--transition, all 0.3s ease);
}

.woocommerce-pagination .button:hover {
	background-color: var(--p6-hex, #107658);
	color: var(--n1-hex, #FFFFFF);
	border-color: var(--p6-hex, #107658);
}

/* ==========================================================================
   Downloads Table Specific
   ========================================================================== */
.woocommerce-table--order-downloads .download-product a {
	color: var(--n2-hex, #00100B);
	font-weight: 600;
	text-decoration: none;
}

.woocommerce-table--order-downloads .download-product a:hover {
	color: var(--p6-hex, #107658);
}

.woocommerce-table--order-downloads .download-remaining,
.woocommerce-table--order-downloads .download-expires {
	color: var(--n3-hex, #666666);
	font-size: 0.875rem;
}

/* ==========================================================================
   Responsive Design - Tablet & Below
   ========================================================================== */
@media screen and (max-width: 991px) {
	.woocommerce-orders-table,
	.woocommerce-table--order-downloads,
	table.shop_table {
		border-radius: 8px;
	}

	.woocommerce-orders-table thead th,
	.woocommerce-table--order-downloads thead th,
	table.shop_table thead th {
		padding: 0.875rem 1rem;
		font-size: 0.8125rem;
	}

	.woocommerce-orders-table tbody td,
	.woocommerce-orders-table tbody th,
	.woocommerce-table--order-downloads tbody td,
	table.shop_table tbody td {
		padding: 0.875rem 1rem;
		font-size: 0.875rem;
	}
}

/* ==========================================================================
   Responsive Design - Mobile (Card Layout)
   ========================================================================== */
@media screen and (max-width: 767px) {
	/* Convert table to stacked card layout */
	.woocommerce-orders-table,
	.woocommerce-table--order-downloads,
	table.shop_table.shop_table_responsive {
		display: block;
	}

	.woocommerce-orders-table thead,
	.woocommerce-table--order-downloads thead,
	table.shop_table.shop_table_responsive thead {
		display: none;
	}

	.woocommerce-orders-table tbody,
	.woocommerce-table--order-downloads tbody,
	table.shop_table.shop_table_responsive tbody {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.woocommerce-orders-table tbody tr,
	.woocommerce-table--order-downloads tbody tr,
	table.shop_table.shop_table_responsive tbody tr {
		display: flex;
		flex-direction: column;
		background: var(--n1-hex, #FFFFFF);
		border-radius: 10px;
		box-shadow: var(--box-shadow-p1);
		padding: 1rem;
		border: 1px solid var(--s1-hex, #F4F4F4);
	}

	.woocommerce-orders-table tbody tr:not(:last-child),
	.woocommerce-table--order-downloads tbody tr:not(:last-child),
	table.shop_table.shop_table_responsive tbody tr:not(:last-child) {
		border-bottom: 1px solid var(--s1-hex, #F4F4F4);
	}

	.woocommerce-orders-table tbody td,
	.woocommerce-orders-table tbody th,
	.woocommerce-table--order-downloads tbody td,
	table.shop_table.shop_table_responsive tbody td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0.625rem 0;
		border-bottom: 1px solid rgba(244, 244, 244, 0.8);
	}

	.woocommerce-orders-table tbody td:last-child,
	.woocommerce-orders-table tbody th:last-child,
	.woocommerce-table--order-downloads tbody td:last-child,
	table.shop_table.shop_table_responsive tbody td:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}

	.woocommerce-orders-table tbody td:first-child,
	.woocommerce-orders-table tbody th:first-child,
	.woocommerce-table--order-downloads tbody td:first-child,
	table.shop_table.shop_table_responsive tbody td:first-child {
		padding-top: 0;
	}

	/* Show data-title as label */
	.woocommerce-orders-table tbody td::before,
	.woocommerce-orders-table tbody th::before,
	.woocommerce-table--order-downloads tbody td::before,
	table.shop_table.shop_table_responsive tbody td::before {
		content: attr(data-title);
		font-weight: 600;
		color: var(--n3-hex, #666666);
		font-size: 0.8125rem;
		text-transform: uppercase;
		letter-spacing: 0.3px;
	}

	/* Action buttons full width on mobile */
	.woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions,
	.woocommerce-table--order-downloads tbody td:last-child {
		flex-direction: column;
		gap: 0.5rem;
		padding-top: 1rem;
	}

	.woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions::before,
	.woocommerce-table--order-downloads tbody td:last-child::before {
		display: none;
	}

	.woocommerce-orders-table .button,
	.woocommerce-table--order-downloads .button {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;
		padding: 0.75rem 1rem;
	}

	/* Order number styling on mobile */
	.woocommerce-orders-table tbody th {
		background: linear-gradient(135deg, var(--p6-hex, #107658) 0%, #0d5f47 100%);
		color: var(--n1-hex, #FFFFFF);
		margin: -1rem -1rem 0.5rem -1rem;
		padding: 1rem;
		border-radius: 10px 10px 0 0;
		border-bottom: none;
	}

	.woocommerce-orders-table tbody th::before {
		color: rgba(255, 255, 255, 0.8);
	}

	.woocommerce-orders-table tbody th a {
		color: var(--n1-hex, #FFFFFF);
	}

	/* Pagination mobile */
	.woocommerce-pagination {
		flex-direction: column;
	}

	.woocommerce-pagination .button {
		width: 100%;
		text-align: center;
	}
}

/* ==========================================================================
   BuddyPress Profile Context Adjustments
   ========================================================================== */
.bp-wrap .woocommerce-orders-table,
.bp-wrap .woocommerce-table--order-downloads,
.bp-wrap table.shop_table {
	margin-top: 0;
}

#buddypress .woocommerce-info,
#buddypress .woocommerce-message,
#buddypress .woocommerce-notice {
	background: var(--n1-hex, #FFFFFF);
}

/* ==========================================================================
   WooCommerce Table Styles - Orders, Downloads in BuddyPress profiles
   ========================================================================== */
.my-account.downloads .bp-subnavs,
.my-account.shop .bp-subnavs {
display: none;
}