/* ==========================================================================
   HOTSMOKE — My Account Page Styles
   ========================================================================== */

/* --------------------------------------------------------------------------
   Page Layout
   -------------------------------------------------------------------------- */
.woocommerce-account article {
	max-width: 1440px;
	margin:auto;
	padding:0 15px;
}
.woocommerce-account .woocommerce {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0;
}

/* Account header spans the full width above the nav + content columns */
.hs-account-header {
	width: 100%;
	flex: 0 0 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	background-color: var(--color-bg-light);
	border: 1px solid var(--color-border);
	border-radius: 12px;
	padding: 20px 24px;
	margin-bottom: 32px;
}

.hs-account-header__user {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}

.hs-account-header__avatar {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: var(--color-green);
	color: var(--color-white);
	font-family: var(--font-heading, 'Poppins', sans-serif);
	font-weight: 600;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hs-account-header__info {
	min-width: 0;
}

.hs-account-header__greeting {
	font-family: var(--font-heading, 'Poppins', sans-serif);
	font-size: 16px;
	color: var(--color-green);
	margin: 0 0 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hs-account-header__points {
	font-family: var(--font-body, 'Inter', sans-serif);
	font-size: 13px;
	color: var(--color-muted);
	margin: 0;
	display: flex;
	align-items: center;
	gap: 5px;
}

.hs-account-header__points strong {
	color: var(--color-green);
}

.hs-account-header__logout {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-family: var(--font-body, 'Inter', sans-serif);
	font-size: 13px;
	font-weight: 500;
	color: var(--color-muted);
	text-decoration: none;
	padding: 8px 14px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.hs-account-header__logout:hover {
	color: var(--color-green);
	border-color: var(--color-green);
	background-color: var(--color-bg-light);
}

/* --------------------------------------------------------------------------
   Sidebar Navigation
   -------------------------------------------------------------------------- */

.woocommerce-MyAccount-navigation {
	width: 100%;
	margin-bottom: 24px;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	overflow: hidden;
}

.woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid var(--color-border);
}

.woocommerce-MyAccount-navigation ul li:last-child {
	border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a,
.woocommerce-MyAccount-navigation ul li .hs-nav-help__trigger {
	display: block;
	width: 100%;
	padding: 13px 20px;
	font-family: var(--font-body, 'Inter', sans-serif);
	font-size: 14px;
	font-weight: 500;
	color: var(--color-text-primary);
	text-decoration: none;
	background: var(--color-white);
	border: none;
	text-align: left;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
	box-sizing: border-box;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li .hs-nav-help__trigger:hover {
	background-color: var(--color-bg-light);
	color: var(--color-green);
}

.woocommerce-MyAccount-navigation ul li.is-active > a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--active > a {
	background-color: var(--color-green);
	color: var(--color-white);
}

/* New orders indicator dot */
.woocommerce-MyAccount-navigation ul li.has-new-orders > a {
	position: relative;
}

.woocommerce-MyAccount-navigation ul li.has-new-orders > a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--color-green);
}

/* Nav item icons via CSS background-image */
.woocommerce-MyAccount-navigation-link--orders > a {
	background-image: url('../images/cart-green.svg');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 20px center;
	padding-left: 46px;
}

.woocommerce-MyAccount-navigation-link--edit-address > a {
	background-image: url('../images/account-green.svg');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 20px center;
	padding-left: 46px;
}

.woocommerce-MyAccount-navigation-link--active.woocommerce-MyAccount-navigation-link--orders > a,
.woocommerce-MyAccount-navigation-link--active.woocommerce-MyAccount-navigation-link--edit-address > a {
	background-image: none;
}

/* --------------------------------------------------------------------------
   Help / Support Dropdown
   -------------------------------------------------------------------------- */

.hs-nav-help {
	position: relative;
}

.hs-nav-help__trigger {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
}

.hs-nav-help__chevron {
	transition: transform 0.2s ease;
	flex-shrink: 0;
}

.hs-nav-help__trigger[aria-expanded="true"] .hs-nav-help__chevron {
	transform: rotate(180deg);
}

.hs-nav-contacts {
	padding: 8px 0;
	background: var(--color-bg-light);
	border-top: 1px solid var(--color-border);
}

.hs-nav-contacts a {
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding: 10px 20px !important;
	font-size: 13px !important;
	color: #555 !important;
	background: transparent !important;
}

.hs-nav-contacts a:hover {
	color: var(--color-green) !important;
	background: transparent !important;
}

.hs-nav-contacts a svg {
	flex-shrink: 0;
	color: var(--color-green);
}

/* Unsubscribe item */
.hs-nav-unsubscribe > a {
	color: #a33 !important;
}

.hs-nav-unsubscribe > a:hover {
	background-color: #fff5f5 !important;
}

/* --------------------------------------------------------------------------
   Account Content Area
   -------------------------------------------------------------------------- */

.woocommerce-MyAccount-content {
	min-width: 0;
}

/* --------------------------------------------------------------------------
   Forms — shared styles
   -------------------------------------------------------------------------- */

.woocommerce-account .woocommerce-form-row,
.woocommerce-account .form-row {
	margin-bottom: 16px;
}

.woocommerce-account label {
	display: block;
	font-family: var(--font-body, 'Inter', sans-serif);
	font-size: 13px;
	font-weight: 500;
	color: var(--color-text-primary);
	margin-bottom: 6px;
}

.woocommerce-account label span {
	font-weight: 400;
	color: var(--color-muted);
	font-size: 12px;
}

.woocommerce-account .input-text,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"] {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	font-family: var(--font-body, 'Inter', sans-serif);
	font-size: 14px;
	color: var(--color-black);
	background: var(--color-white);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	box-sizing: border-box;
}

.woocommerce-account .input-text:focus,
.woocommerce-account input[type="text"]:focus,
.woocommerce-account input[type="email"]:focus,
.woocommerce-account input[type="password"]:focus {
	outline: none;
	border-color: var(--color-green);
	box-shadow: 0 0 0 3px rgba(50, 68, 41, 0.1);
}

.woocommerce-account fieldset {
	border: 1px solid var(--color-border);
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 20px;
}

.woocommerce-account fieldset legend {
	font-family: var(--font-heading, 'Poppins', sans-serif);
	font-size: 14px;
	font-weight: 600;
	color: var(--color-green);
	padding: 0 8px;
}

/* Buttons */
.woocommerce-account .button,
.woocommerce-account button.button {
	display: inline-block;
	padding: 11px 24px;
	background-color: var(--color-green);
	color: var(--color-white);
	border: none;
	border-radius: 8px;
	font-family: var(--font-body, 'Inter', sans-serif);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.woocommerce-account .button:hover,
.woocommerce-account button.button:hover {
	background-color: var(--color-green-dark);
	color: var(--color-white);
}

/* Delete account button */
.hs-delete-account-wrap {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid var(--color-border);
}

.hs-delete-account-btn {
	background-color: transparent !important;
	color: #c0392b !important;
	border: 1px solid #c0392b !important;
}

.hs-delete-account-btn:hover {
	background-color: #c0392b !important;
	color: var(--color-white) !important;
}

/* --------------------------------------------------------------------------
   Login / Register page
   -------------------------------------------------------------------------- */

.hs-login-wrap {
	max-width: 900px;
	margin:auto;
	margin-bottom:100px;
}

.hs-login-tabs {
	display: flex;
	border-bottom: 2px solid var(--color-border);
	margin-bottom: 28px;
}

.hs-login-tab {
	flex: 1;
	padding: 12px 20px;
	background: transparent;
	border: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	font-family: var(--font-heading, 'Poppins', sans-serif);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.5px;
	color: var(--color-muted);
	cursor: pointer;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.hs-login-tab.active,
.hs-login-tab:hover {
	color: var(--color-green);
	border-bottom-color: var(--color-green);
}

.hs-login-panel {
	display: none;
}

.hs-login-panel.is-active {
	display: block;
}

.hs-form-intro-title {
	font-family: var(--font-heading, 'Poppins', sans-serif);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	color: var(--color-green);
	margin: 0 0 8px;
}

.hs-form-intro-text {
	font-size: 14px;
	color: var(--color-muted);
	margin: 0 0 24px;
	line-height: 1.6;
}

.hs-login-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
}

.hs-login-actions .form-row,
.hs-login-actions .lost_password {
	margin: 0;
}

.woocommerce-LostPassword a {
	font-size: 13px;
	color: var(--color-muted);
}

.woocommerce-LostPassword a:hover {
	color: var(--color-green);
}

.hs-social-login {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--color-border);
}

.hs-social-login > span {
	display: block;
	font-size: 12px;
	color: var(--color-muted);
	margin-bottom: 10px;
}

/* Nextend Social Login — Google (match account UI) */
.woocommerce-account .hs-social-login a[data-plugin="nsl"] {
	display: block;
	width: 100%;
	max-width: 100%;
}

.woocommerce-account .hs-social-login .nsl-button-google {
	border-radius: 8px !important;
	background-color: var(--color-white) !important;
	box-shadow: none !important;
	border: 1px solid var(--color-border) !important;
	color: var(--color-green) !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce-account .hs-social-login a[data-plugin="nsl"]:hover .nsl-button-google,
.woocommerce-account .hs-social-login .nsl-button-google:hover {
	background-color: var(--color-bg-light) !important;
	border-color: var(--color-green-dark) !important;
}

.woocommerce-account .hs-social-login .nsl-button-google .nsl-button-label-container {
	font-family: var(--font-body, 'Inter', sans-serif);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--color-green) !important;
	letter-spacing: normal;
}

.woocommerce-account .hs-social-login .nsl-button-google .nsl-button-label-container b {
	font-weight: 600;
	color: inherit;
}

.woocommerce-account .hs-social-login a[data-plugin="nsl"]:focus-visible .nsl-button-google {
	outline: none;
	box-shadow: 0 0 0 3px rgba(50, 68, 41, 0.1) !important;
}

.hs-guest-checkout {
	margin-bottom: 20px;
	text-align: center;
}

.hs-guest-checkout a {
	font-size: 13px;
	color: var(--color-muted);
	text-decoration: underline;
}

.hs-why-register {
	margin-top: 24px;
	padding: 20px;
	background-color: var(--color-bg-light);
	border-radius: 12px;
}

.hs-why-register p {
	font-size: 13px;
	color: #555;
	margin: 0 0 8px;
}

.hs-why-register ul {
	font-size: 13px;
	color: #555;
	margin: 0 0 8px;
	padding-left: 18px;
}

.hs-why-register ul li {
	margin-bottom: 4px;
}

.hs-why-register strong {
	color: var(--color-green);
}

/* --------------------------------------------------------------------------
   Addresses page
   -------------------------------------------------------------------------- */

.woocommerce-Addresses {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.woocommerce-Address {
	padding: 24px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background: var(--color-white);
}

.woocommerce-Address-title h3 {
	font-family: var(--font-heading, 'Poppins', sans-serif);
	font-size: 16px;
	font-weight: 600;
	color: var(--color-green);
	margin: 0 0 12px;
}

.woocommerce-Address address {
	font-style: normal;
	font-size: 14px;
	color: #555;
	line-height: 1.7;
	margin-bottom: 16px;
}

.woocommerce-Address .edit {
	font-size: 13px;
}

/* --------------------------------------------------------------------------
   Orders table
   -------------------------------------------------------------------------- */

.woocommerce-orders-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	overflow: hidden;
	background: var(--color-white);
}

.woocommerce-orders-table__header {
	padding: 12px 18px;
	text-align: left;
	font-family: var(--font-body, 'Inter', sans-serif);
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--color-muted);
	border-bottom: 2px solid var(--color-border);
	background: var(--color-bg-light);
}

.woocommerce-orders-table__cell {
	padding: 16px 18px;
	border-bottom: 1px solid var(--color-border);
	color: var(--color-text-primary);
	vertical-align: middle;
	font-family: var(--font-body, 'Inter', sans-serif);
	font-size: 14px;
}

.woocommerce-orders-table__row:last-child .woocommerce-orders-table__cell {
	border-bottom: none;
}

.woocommerce-orders-table__cell a {
	color: var(--color-green);
	font-weight: 600;
}

.woocommerce-orders-table__cell .button {
	font-size: 12px;
	padding: 8px 16px;
	min-height: 36px;
}

/* Order status badges */
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
	color: #2d6a2d;
}

.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
	color: #1a5276;
}

.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status {
	color: #a33;
}

/* Orders pagination */
.woocommerce-Pagination {
	display: flex;
	gap: 12px;
	margin-top: 20px;
}

/* --------------------------------------------------------------------------
   Order detail (view-order) marks
   -------------------------------------------------------------------------- */

mark.order-number,
mark.order-date,
mark.order-status {
	background: transparent;
	font-weight: 600;
	color: var(--color-green);
}

/* --------------------------------------------------------------------------
   Order detail view (view-order) — match success page style
   -------------------------------------------------------------------------- */

.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
	margin: 0 0 28px;
	font-family: var(--font-body, 'Inter', sans-serif);
	font-size: 15px;
	color: var(--site-text-color, #555);
	line-height: 1.5;
	padding: 14px 18px;
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 8px;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-overview {
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-overview li {
	margin: 0;
	padding: 14px 16px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background: var(--color-white);
	font-size: 12px;
	color: var(--color-muted);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-overview li strong {
	display: block;
	margin-top: 6px;
	font-family: var(--font-heading, 'Poppins', sans-serif);
	font-size: 15px;
	font-weight: 600;
	color: var(--site-heading-color, var(--color-green));
	text-transform: none;
	letter-spacing: 0;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details {
	margin-top: 24px;
	padding: 20px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background: var(--color-white);
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details__title,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title {
	margin: 0 0 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--color-border);
	font-family: var(--font-heading, 'Poppins', sans-serif);
	font-size: 18px;
	font-weight: 600;
	color: var(--site-heading-color, var(--color-green));
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--customer-details {
	width: 100%;
	border: none;
	border-collapse: collapse;
	margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details th,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details td,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--customer-details th,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--customer-details td {
	border: none;
	border-top: 1px solid var(--color-border);
	padding: 12px 0;
	font-size: 14px;
	color: var(--site-text-color, #555);
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details thead th {
	border-top: none;
	font-size: 13px;
	font-weight: 600;
	color: var(--site-heading-color, var(--color-green));
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details tbody td.product-name,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details tbody td.product-total,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details tfoot th,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details tfoot td {
	font-weight: 500;
	color: var(--site-heading-color, var(--color-green));
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details address {
	margin: 0;
	font-style: normal;
	font-size: 14px;
	color: var(--site-text-color, #555);
	line-height: 1.6;
}

/* Order updates (notes) on view-order */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates {
	list-style: none;
	margin: 0 0 24px;
	padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates .woocommerce-OrderUpdate {
	margin-bottom: 12px;
	padding: 14px 18px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background: var(--color-white);
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates .woocommerce-OrderUpdate-meta {
	font-size: 12px;
	color: var(--color-muted);
	margin-bottom: 8px;
}

.woocommerce-account .woocommerce-MyAccount-content h2:first-of-type {
	margin: 24px 0 12px;
	font-family: var(--font-heading, 'Poppins', sans-serif);
	font-size: 18px;
	font-weight: 600;
	color: var(--site-heading-color, var(--color-green));
}

@media screen and (max-width: 600px) {
	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-overview {
		grid-template-columns: 1fr;
	}
}

/* WooCommerce info message on account pages */
.woocommerce-account .woocommerce-message {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	background: var(--color-white);
	border-left: 4px solid var(--color-green);
	border-radius: 0 8px 8px 0;
	font-size: 14px;
	color: #555;
}

.woocommerce-account .woocommerce-message .woocommerce-Button {
	flex-shrink: 0;
}

.woocommerce-account .woocommerce-error {
	padding: 16px 20px;
	background: #FDF5F5;
	border-left: 4px solid var(--color-error);
	border-radius: 0 8px 8px 0;
	font-size: 14px;
	color: #555;
}

/* --------------------------------------------------------------------------
   Desktop layout — sidebar + content columns
   -------------------------------------------------------------------------- */

@media screen and (min-width: 768px) {
	.woocommerce-account .woocommerce {
		align-items: flex-start;
		gap: 40px;
	}

	.hs-account-header {
		/* Keep full width - done via flex-basis 100% and flex-wrap on parent */
		flex: 0 0 100%;
	}

	.woocommerce-MyAccount-navigation {
		flex: 0 0 220px;
		width: 220px;
		margin-bottom: 0;
	}

	.woocommerce-MyAccount-content {
		flex: 1 1 auto;
		width: auto;
	}

	.woocommerce-Addresses {
		grid-template-columns: 1fr 1fr;
	}

	/* Show desktop guest checkout, hide mobile */
	.hs-guest-checkout--mobile {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.woocommerce-MyAccount-content {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}


	.hs-account-header__user {
		width: 100%;
	}

	.hs-account-header__logout {
		align-self: flex-end;
	}

	/* Show mobile guest checkout, hide desktop */
	.hs-guest-checkout--desktop {
		display: none;
	}

	/* Login tabs are always visible on mobile */
	.hs-login-tabs {
		display: flex;
	}

	.woocommerce-orders-table {
		border: none;
		background: transparent;
	}

	.woocommerce-orders-table thead {
		display: none;
	}

	.woocommerce-orders-table tbody {
		display: block;
	}

	.woocommerce-orders-table tr {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 16px;
		border: 1px solid var(--color-border);
		border-radius: 12px;
		overflow: hidden;
		background: var(--color-white);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	}

	.woocommerce-orders-table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 12px;
		padding: 12px 16px;
		border-bottom: 1px solid var(--color-border);
		border-left: none;
		width: 100%;
		box-sizing: border-box;
	}

	.woocommerce-orders-table td:last-child {
		border-bottom: none;
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.woocommerce-orders-table td::before {
		content: attr(data-title);
		font-weight: 600;
		font-size: 11px;
		color: var(--color-muted);
		text-transform: uppercase;
		letter-spacing: 0.5px;
		flex-shrink: 0;
		min-width: 0;
	}

	.woocommerce-orders-table td > div {
		text-align: right;
		min-width: 0;
		flex: 1;
	}

	.woocommerce-orders-table__cell-order-number { order: 1; }
	.woocommerce-orders-table__cell-order-date { order: 2; }
	.woocommerce-orders-table__cell-order-status { order: 3; }
	.woocommerce-orders-table__cell-order-total { order: 4; }
	.woocommerce-orders-table__cell-order-actions { order: 5; }

	.woocommerce-orders-table__cell-order-number > div a {
		font-family: var(--font-heading, 'Poppins', sans-serif);
		font-weight: 600;
		font-size: 15px;
	}

	.woocommerce-orders-table__cell-order-date time {
		font-size: 13px;
		color: #555;
	}

	.woocommerce-orders-table__cell-order-actions .button {
		display: inline-block;
		min-height: 44px;
		line-height: 44px;
		padding: 0 20px;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		margin-top:10px;
	}
}
@media(max-width:500px) {
	.hs-account-header {
		flex-direction: column;
		align-items: flex-start;
	}
}