/**
 * EcareerBD — My Account, Login/Register, Thank you (checkout) pages.
 */

/* Layout: sidebar + content */
.woocommerce-account .woocommerce {
	display: grid;
	gap: var(--ecb-space-4);
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-content {
	min-width: 0;
	padding: var(--ecb-space-4);
	background: var(--ecb-color-surface);
	border: 1px solid var(--ecb-color-border);
	border-radius: var(--ecb-radius-card);
}

.ecb-account-nav {
	background: var(--ecb-color-surface);
	border: 1px solid var(--ecb-color-border);
	border-radius: var(--ecb-radius-card);
	overflow: hidden;
}

.ecb-account-nav__user {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px;
	border-bottom: 1px solid var(--ecb-color-border);
}

.ecb-account-nav__user img {
	border-radius: 50%;
}

.ecb-account-nav__user div {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.ecb-account-nav__user span {
	overflow: hidden;
	font-size: var(--ecb-font-size-xs);
	color: var(--ecb-color-muted);
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Mobile: every menu item visible (3-column grid) instead of a hidden side-scroll. */
.ecb-account-nav ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 4px;
	margin: 0;
	padding: 8px;
	list-style: none;
}

.ecb-account-nav li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	min-height: 44px;
	padding: 8px 4px;
	text-align: center;
	font-size: var(--ecb-font-size-sm);
	line-height: 1.3;
	color: var(--ecb-color-heading);
	font-weight: var(--ecb-font-weight-medium);
	border-radius: var(--ecb-radius-sm);
}

.ecb-account-nav li.is-active a,
.ecb-account-nav li a:hover {
	color: var(--ecb-color-primary);
	background: var(--ecb-color-primary-soft);
}

.ecb-account-nav .woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--ecb-color-error);
}

/* Dashboard */
.ecb-dashboard__welcome {
	margin: 0 0 var(--ecb-space-4);
	font-size: 1.2rem;
}

.ecb-dashboard__stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: var(--ecb-space-5);
}

.ecb-stat {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 14px;
	color: var(--ecb-color-heading);
	background: var(--ecb-color-primary-soft);
	border-radius: var(--ecb-radius-card);
}

.ecb-stat__icon {
	color: var(--ecb-color-primary);
}

.ecb-stat__value {
	font-size: 1.6rem;
	font-weight: var(--ecb-font-weight-heading);
	color: var(--ecb-color-primary);
}

.ecb-stat__label {
	font-size: var(--ecb-font-size-sm);
	color: var(--ecb-color-muted);
}

.ecb-dashboard__title {
	font-size: 1rem;
}

.ecb-table-wrap {
	overflow-x: auto;
}

.ecb-orders-table {
	font-size: var(--ecb-font-size-sm);
}

.ecb-orders-table th {
	font-weight: var(--ecb-font-weight-semibold);
	color: var(--ecb-color-muted);
	background: var(--ecb-color-background);
}

/* Mobile: stacked rows */
@media (max-width: 599.98px) {
	.ecb-orders-table thead {
		display: none;
	}

	.ecb-orders-table tr {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 4px 10px;
		padding: 10px 0;
		border-bottom: 1px solid var(--ecb-color-border);
	}

	.ecb-orders-table td {
		padding: 0;
		border: 0;
	}

	.ecb-orders-table td[data-label]::before {
		content: attr(data-label);
		display: block;
		font-size: var(--ecb-font-size-xs);
		color: var(--ecb-color-muted);
	}
}

/* WooCommerce account tables */
.woocommerce-account table.shop_table {
	font-size: var(--ecb-font-size-sm);
	border-radius: var(--ecb-radius-sm);
}

.woocommerce-account .woocommerce-MyAccount-downloads-file,
.woocommerce-account .woocommerce-button {
	border-radius: var(--ecb-radius-button);
}

/* Forms */
.ecb-account-form {
	max-width: 480px;
}

.woocommerce-MyAccount-content .ecb-account-form {
	max-width: 520px;
}

.ecb-account-form__title {
	font-size: 1.1rem;
}

/* Login / register */
.woocommerce-account:not(.logged-in) .woocommerce {
	display: block;
}

.ecb-auth {
	max-width: 460px;
	margin: 0 auto;
	padding: var(--ecb-space-5) var(--ecb-space-4);
	background: var(--ecb-color-surface);
	border: 1px solid var(--ecb-color-border);
	border-radius: var(--ecb-radius-card);
	box-shadow: var(--ecb-shadow);
}

.ecb-auth__tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
	margin-bottom: var(--ecb-space-4);
	padding: 4px;
	background: var(--ecb-color-background);
	border-radius: var(--ecb-radius-pill);
}

.ecb-auth__tab {
	min-height: 42px;
	font: inherit;
	font-weight: var(--ecb-font-weight-semibold);
	color: var(--ecb-color-muted);
	background: transparent;
	border: 0;
	border-radius: var(--ecb-radius-pill);
	cursor: pointer;
}

.ecb-auth__tab[aria-selected="true"] {
	color: #fff;
	background: var(--ecb-color-primary);
}

.ecb-auth__title {
	margin: 0 0 4px;
	font-size: 1.3rem;
	text-align: center;
}

.ecb-auth__subtitle {
	margin: 0 0 var(--ecb-space-4);
	font-size: var(--ecb-font-size-sm);
	text-align: center;
	color: var(--ecb-color-muted);
}

.ecb-auth .ecb-account-form {
	max-width: none;
}

.ecb-auth__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: var(--ecb-space-4);
	font-size: var(--ecb-font-size-sm);
}

.ecb-auth__remember {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.ecb-auth__switch,
.ecb-auth__note {
	margin: var(--ecb-space-4) 0 0;
	text-align: center;
	font-size: var(--ecb-font-size-sm);
	color: var(--ecb-color-muted);
}

/* Thank you */
.ecb-thankyou {
	display: grid;
	gap: var(--ecb-space-4);
	max-width: 760px;
	margin: 0 auto;
}

.ecb-thankyou__card {
	padding: var(--ecb-space-5) var(--ecb-space-4);
	background: var(--ecb-color-surface);
	border: 1px solid var(--ecb-color-border);
	border-radius: var(--ecb-radius-card);
	box-shadow: var(--ecb-shadow-sm);
}

.ecb-thankyou__card:first-child {
	text-align: center;
}

.ecb-thankyou__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	margin: 0 0 12px;
	color: #fff;
	background: var(--ecb-color-success);
	border-radius: 50%;
	box-shadow: 0 0 0 8px transparent;
	box-shadow: 0 0 0 8px color-mix(in srgb, var(--ecb-color-success) 15%, transparent);
}

.ecb-thankyou__icon.is-failed {
	background: var(--ecb-color-error);
	box-shadow: 0 0 0 8px transparent;
	box-shadow: 0 0 0 8px color-mix(in srgb, var(--ecb-color-error) 15%, transparent);
}

.ecb-thankyou__heading {
	margin: 0 0 8px;
	font-size: clamp(1.2rem, 1rem + 1vw, 1.6rem);
}

.ecb-thankyou__hello {
	margin: 0;
	font-weight: var(--ecb-font-weight-semibold);
}

.ecb-thankyou__message {
	color: var(--ecb-color-muted);
}

.ecb-thankyou__overview {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin: var(--ecb-space-4) 0 0;
	padding: 0;
	list-style: none;
	text-align: start;
}

.ecb-thankyou__overview li {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 10px 12px;
	background: var(--ecb-color-background);
	border-radius: var(--ecb-radius-sm);
	margin: 0 !important;
	border: 0 !important;
	float: none !important;
	font-size: var(--ecb-font-size-xs) !important;
	text-transform: none !important;
}

.ecb-thankyou__overview strong {
	font-size: var(--ecb-font-size-sm) !important;
	color: var(--ecb-color-heading);
}

.ecb-thankyou__subheading {
	margin: 0 0 var(--ecb-space-3);
	font-size: 1.05rem;
}

.ecb-thankyou__items {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ecb-thankyou__item {
	padding: 12px;
	background: var(--ecb-color-background);
	border-radius: var(--ecb-radius-sm);
}

.ecb-thankyou__item-head {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	font-weight: var(--ecb-font-weight-semibold);
}

.ecb-thankyou__bump {
	margin-inline-start: 6px;
	padding: 1px 8px;
	font-size: 0.7rem;
	font-style: normal;
	color: #fff;
	background: var(--ecb-bump-accent);
	border-radius: var(--ecb-radius-pill);
}

.ecb-thankyou__downloads {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.ecb-thankyou__pending {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 8px 0 0;
	font-size: var(--ecb-font-size-sm);
	color: var(--ecb-color-warning);
}

.ecb-thankyou__support {
	margin: var(--ecb-space-4) 0 0;
	font-size: var(--ecb-font-size-sm);
	color: var(--ecb-color-muted);
}

.ecb-thankyou__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

@media (min-width: 768px) {
	.ecb-thankyou__overview {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.woocommerce-account.logged-in .woocommerce {
		grid-template-columns: 260px minmax(0, 1fr);
		align-items: start;
	}

	.ecb-account-nav ul {
		grid-template-columns: 1fr;
	}

	.ecb-account-nav li a {
		flex-direction: row;
		gap: 8px;
		padding: 10px 12px;
		text-align: left;
		font-size: inherit;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		padding: var(--ecb-space-5);
	}
}