/* =========================================================
   GVBA — MY ACCOUNT / ORDERS PAGE
   Loaded ONLY on the My Account page (see functions.php enqueue)
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	background: var(--gvba-white, #fff);
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
	padding: 6px;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link a {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	border-radius: 4px;
	color: #0d0e0c;
	font-family: 'Archivo', sans-serif;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover {
	background: #eef4ef;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
	background: #1f7a3e !important;
	color: #fff !important;
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account h1.entry-title,
.woocommerce-account .entry-title {
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;
	color: #0d0e0c;
}

/* Orders table -> card rows */
.woocommerce-orders-table {
	border: none !important;
	border-collapse: separate !important;
	border-spacing: 0 10px !important;
}

.woocommerce-orders-table thead th {
	font-family: 'Archivo', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #6b6e68;
	border: none !important;
	padding: 0 16px 8px !important;
}

.woocommerce-orders-table tbody tr {
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.woocommerce-orders-table tbody tr td {
	border: none !important;
	border-top: 1px solid #eee !important;
	border-bottom: 1px solid #eee !important;
	padding: 18px 16px !important;
	font-family: 'Archivo', sans-serif;
	font-size: 14px;
	vertical-align: middle;
}

/* First column (Order #) */
.woocommerce-orders-table tbody tr th:first-child{
    border-left:1px solid #eee !important;
    border-radius:6px 0 0 6px;
    font-weight:700;
    padding:18px 20px !important;
    text-align:left;
    vertical-align:middle;
}

.woocommerce-orders-table__cell-order-number a{
    display:inline-block;
    color:#111827;
    font-weight:700;
    text-decoration:none;
}
.woocommerce-orders-table tbody tr td:last-child {
	border-right: 1px solid #eee !important;
	border-radius: 0 6px 6px 0;
}

.woocommerce-orders-table__cell-order-total {
	font-family: 'Space Mono', monospace;
	font-size: 13px;
}

/* Status badge (class added via small JS snippet, see functions.php) */
.gvba-status {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-family: 'Space Mono', monospace;
}

.gvba-status--processing,
.gvba-status--completed {
	background: #e4f3e9;
	color: #14512a;
}

.gvba-status--pending-payment,
.gvba-status--on-hold {
	background: #fdf1dc;
	color: #96650b;
}

.gvba-status--cancelled,
.gvba-status--failed,
.gvba-status--refunded {
	background: #fbe6e9;
	color: #c31c34;
}

/* Action buttons: lay multiple buttons out horizontally, not stacked */
.woocommerce-orders-table__cell-order-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.woocommerce-orders-table__cell-order-actions .button {
	margin: 0 !important;
	font-size: 10px !important;
	padding: 9px 14px !important;
}

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

	.woocommerce-orders-table tbody tr {
		display: block;
		margin-bottom: 14px;
		padding: 14px;
		border-radius: 8px;
	}

	.woocommerce-orders-table tbody tr td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border: none !important;
		padding: 8px 0 !important;
	}

	.woocommerce-orders-table tbody tr td::before {
		content: attr(data-title);
		font-weight: 700;
		color: #6b6e68;
		font-size: 11px;
		text-transform: uppercase;
	}
}