/**

 * My Account — layout fixes & professional dashboard UI

 */



/* Reset WooCommerce float layout */

.woocommerce-account .woocommerce::before,

.woocommerce-account .woocommerce::after {

	display: none !important;

	content: none !important;

}



.woocommerce-account .woocommerce {

	max-width: none;

	width: 100%;

	min-width: 0;

}



.woocommerce-account .woocommerce-MyAccount-navigation,

.woocommerce-account .woocommerce-MyAccount-content {

	float: none !important;

	width: 100% !important;

	clear: none !important;

}



/* Page shell */

.dashboard-page.woocommerce-account {

	padding-bottom: 64px;

	background: var(--wp-store-bg, #f1f5f9);

	overflow-x: clip;

}



.dashboard-page .container {
	width: 100%;
	max-width: var(--wp-store-container, 1280px);
	padding-top: 16px;
	padding-bottom: 0;
	box-sizing: border-box;
}

.dashboard-page--no-hero .container {
	padding-top: 16px;
}



.dashboard-page .wc-commerce-article,

.dashboard-page .wc-commerce-article .entry-content,

.dashboard-page .wc-commerce-article .entry-content > .woocommerce {

	min-width: 0;

	max-width: 100%;

}



.dashboard-page .wc-commerce-article {

	background: transparent;

	border: none;

	box-shadow: none;

	margin: 0;

	padding: 0;

}



.dashboard-page .wc-commerce-article .entry-content {

	margin: 0;

	padding: 0;

}



.dashboard-page .wc-commerce-article .entry-content > .woocommerce {

	margin: 0;

}



/* Main grid */

.wc-account-layout,

.dashboard-layout.wc-account-layout {

	display: grid !important;

	grid-template-columns: 272px minmax(0, 1fr);

	gap: 24px;

	align-items: start;

	margin-bottom: 0;

	width: 100%;

	min-width: 0;

}



.dashboard-sidebar.woocommerce-MyAccount-navigation-wrap {

	position: sticky;

	top: 96px;

	background: var(--wp-store-white);

	border: 1px solid var(--wp-store-border);

	border-radius: 16px;

	padding: 20px;

	box-shadow: 0 8px 30px rgba(15, 23, 42, 0.05);

	min-width: 0;

}



.dashboard-main.woocommerce-MyAccount-content {

	background: var(--wp-store-white);

	border: 1px solid var(--wp-store-border);

	border-radius: 16px;

	padding: 28px;

	box-shadow: 0 8px 30px rgba(15, 23, 42, 0.05);

	min-width: 0;

}



/* Navigation */

.woocommerce-account .dashboard-nav {

	min-width: 0;

}



.woocommerce-account .dashboard-nav ul {

	display: flex;

	flex-direction: column;

	gap: 4px;

	min-width: 0;

}



.dashboard-nav-link {

	text-decoration: none;

}



.dashboard-nav-link.is-active {

	background: rgb(13 148 136 / 0.1);

	color: var(--wp-store-primary);

}



/* Dashboard content */

.wc-account-dashboard .dashboard-stat-card {

	background: #f8fafc;

	box-shadow: none;

}



.wc-account-dashboard .dashboard-card {

	background: #f8fafc;

	border-color: #eef2f7;

}



.wc-account-dashboard .dashboard-panel-head h2 {

	font-size: 1.5rem;

}



.wc-account-dashboard .dashboard-stats {

	min-width: 0;

}



.wc-account-dashboard .dashboard-quick-link {

	background: #fff;

}



/* Other endpoints (Orders, Downloads, etc.) */

.dashboard-main.woocommerce-MyAccount-content > h2,

.dashboard-main.woocommerce-MyAccount-content .woocommerce-Address-title h2,

.dashboard-main.woocommerce-MyAccount-content .woocommerce-EditAccountForm legend {

	font-size: 1.35rem;

	margin: 0 0 20px;

	padding-bottom: 14px;

	border-bottom: 1px solid var(--wp-store-border);

}



.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table,
.dashboard-main.woocommerce-MyAccount-content .woocommerce-table--order-downloads {
	border: 1px solid var(--wp-store-border);
	border-radius: 12px;
	overflow: hidden;
}

.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table th,
.dashboard-main.woocommerce-MyAccount-content .woocommerce-table--order-downloads th {
	background: #f8fafc;
}

/* Order action buttons — professional, no gradient rainbow */
.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button,
.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .button,
.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button,
.woocommerce-MyAccount-content .woocommerce-orders-table .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 34px;
	padding: 7px 14px;
	margin: 0 4px 4px 0;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.2;
	text-decoration: none;
	border: 1.5px solid transparent;
	box-shadow: none;
	background: #f1f5f9;
	color: var(--wp-store-navy, #0f172a);
	transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.15s ease;
}

.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button:hover,
.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table .button:hover {
	transform: translateY(-1px);
	opacity: 1;
}

/* Pay — primary teal */
.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .button.pay,
.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button.pay,
.woocommerce-MyAccount-content .woocommerce-orders-table .button.pay,
.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button.pay {
	background: var(--wp-store-primary, #0d9488);
	border-color: var(--wp-store-primary, #0d9488);
	color: #fff;
	box-shadow: 0 6px 14px rgba(13, 148, 136, 0.22);
}

.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .button.pay:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table .button.pay:hover {
	background: var(--wp-store-primary-dark, #0f766e);
	border-color: var(--wp-store-primary-dark, #0f766e);
	color: #fff;
	box-shadow: 0 8px 18px rgba(15, 118, 110, 0.28);
}

/* View — outline */
.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .button.view,
.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button.view,
.woocommerce-MyAccount-content .woocommerce-orders-table .button.view,
.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button.view {
	background: #fff;
	border-color: #cbd5e1;
	color: var(--wp-store-navy, #0f172a);
}

.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .button.view:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table .button.view:hover {
	border-color: var(--wp-store-primary, #0d9488);
	color: var(--wp-store-primary, #0d9488);
	background: #f0fdfa;
}

/* Cancel — soft danger */
.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .button.cancel,
.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table .button.cancel,
.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button.cancel {
	background: #fff;
	border-color: #fecaca;
	color: #dc2626;
}

.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .button.cancel:hover,
.woocommerce-MyAccount-content .woocommerce-orders-table .button.cancel:hover {
	background: #fef2f2;
	border-color: #f87171;
	color: #b91c1c;
}

/* Status chip */
.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark,
.woocommerce-MyAccount-content .woocommerce-orders-table mark.order-status {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	background: #fff7ed !important;
	color: #c2410c !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table mark.order-status.status-completed {
	background: #ecfdf5 !important;
	color: #047857 !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table mark.order-status.status-processing {
	background: #ecfeff !important;
	color: #0e7490 !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table mark.order-status.status-cancelled,
.woocommerce-MyAccount-content .woocommerce-orders-table mark.order-status.status-failed {
	background: #fef2f2 !important;
	color: #b91c1c !important;
}

/* Keep other account primary buttons teal-only (no accent gradient) */
.dashboard-main.woocommerce-MyAccount-content .button:not(.pay):not(.view):not(.cancel),
.dashboard-main.woocommerce-MyAccount-content .woocommerce-button:not(.pay):not(.view):not(.cancel) {
	background: var(--wp-store-primary, #0d9488);
	color: #fff;
	border: 1.5px solid var(--wp-store-primary, #0d9488);
	padding: 10px 18px;
	font-size: 14px;
	border-radius: 10px;
}

.dashboard-main.woocommerce-MyAccount-content .button:not(.pay):not(.view):not(.cancel):hover,
.dashboard-main.woocommerce-MyAccount-content .woocommerce-button:not(.pay):not(.view):not(.cancel):hover {
	background: var(--wp-store-primary-dark, #0f766e);
	border-color: var(--wp-store-primary-dark, #0f766e);
	color: #fff;
	opacity: 1;
}

@media (max-width: 768px) {
	.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button,
	.dashboard-main.woocommerce-MyAccount-content .woocommerce-orders-table .button,
	.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button,
	.woocommerce-MyAccount-content .woocommerce-orders-table .button {
		width: 100%;
		margin: 0 0 6px;
	}
}

/* Guest login layout */
.wc-account-layout--guest {
	display: block !important;
	max-width: 920px;
	margin: 0 auto;
}



.wc-account-guest.woocommerce-MyAccount-content {

	max-width: 920px;

	margin: 0 auto;

	background: transparent;

	border: none;

	box-shadow: none;

	padding: 0;

}



/* Wishlist inside account */

.wc-account-wishlist .products-grid {

	margin-top: 8px;

}



/* Tablet & mobile — stacked layout + grid nav */

@media (max-width: 1024px) {

	.wc-account-layout,

	.dashboard-layout.wc-account-layout {

		grid-template-columns: 1fr;

		gap: 20px;

	}



	.dashboard-sidebar.woocommerce-MyAccount-navigation-wrap {

		position: static;

		padding: 16px;

		width: 100%;

		max-width: 100%;

		overflow: hidden;

	}



	.dashboard-user-card {

		padding-bottom: 14px;

		margin-bottom: 12px;

	}



	.woocommerce-account .dashboard-nav {

		width: 100%;

		max-width: 100%;

		overflow: hidden;

	}



	.woocommerce-account .dashboard-nav ul {

		display: grid;

		grid-template-columns: repeat(2, minmax(0, 1fr));

		overflow-x: visible;

		gap: 8px;

		padding-bottom: 0;

		width: 100%;

		max-width: 100%;

		min-width: 0;

	}



	.woocommerce-account .dashboard-nav li {

		min-width: 0;

		position: relative;

	}



	.dashboard-nav-link {

		flex-direction: column;

		align-items: flex-start;

		gap: 6px;

		padding: 12px;

		white-space: normal;

		font-size: 13px;

		line-height: 1.3;

		height: 100%;

		border: 1px solid var(--wp-store-border);

		background: #f8fafc;

		border-radius: 10px;

	}



	.dashboard-nav-link.is-active {

		border-color: rgb(13 148 136 / 0.35);

		background: rgb(13 148 136 / 0.1);

	}



	.dashboard-nav-link .dashboard-nav-icon {

		width: 30px;

		height: 30px;

	}



	.dashboard-nav-badge {

		position: absolute;

		top: 8px;

		right: 8px;

		margin-left: 0;

	}



	.dashboard-sidebar-foot {

		flex-direction: row;

		flex-wrap: wrap;

		gap: 8px;

		margin-top: 14px;

		padding-top: 14px;

	}



	.dashboard-foot-link {

		flex: 1 1 auto;

		text-align: center;

		min-width: 0;

	}

}



/* Mobile refinements */

@media (max-width: 640px) {

	.dashboard-page .container,

	.dashboard-page--no-hero .container {

		padding-top: 20px;

	}



	.dashboard-main.woocommerce-MyAccount-content {

		padding: 20px 16px;

		border-radius: 14px;

	}



	.dashboard-sidebar.woocommerce-MyAccount-navigation-wrap {

		border-radius: 14px;

		padding: 14px;

	}



	.dashboard-user-card {

		gap: 12px;

	}



	.dashboard-avatar {

		width: 44px;

		height: 44px;

		font-size: 16px;

		border-radius: 12px;

	}



	.dashboard-sidebar-foot {

		flex-direction: column;

	}



	.dashboard-foot-link {

		width: 100%;

	}



	.dashboard-stats {

		grid-template-columns: 1fr 1fr !important;

		gap: 12px;

	}



	.dashboard-stat-value {

		font-size: 1.35rem;

	}



	.dashboard-user-meta strong {

		font-size: 14px;

	}



	.dashboard-user-email {

		font-size: 11px;

		word-break: break-all;

	}



	.wc-account-dashboard .dashboard-panel-head h2 {

		font-size: 1.25rem;

	}



	.dashboard-grid-two {

		gap: 16px;

	}

}

/* Orders / Downloads / shared empty states */
.wc-account-orders .dashboard-panel-head,
.wc-account-downloads .dashboard-panel-head,
.wc-account-wishlist .dashboard-panel-head {
	margin-bottom: 24px;
}

.wc-account-orders .dashboard-panel-head h2,
.wc-account-downloads .dashboard-panel-head h2,
.wc-account-wishlist .dashboard-panel-head h2 {
	font-size: 1.5rem;
	margin: 0 0 6px;
}

.wc-account-orders .dashboard-panel-head > p:last-child,
.wc-account-downloads .dashboard-panel-head > p:last-child,
.wc-account-wishlist .dashboard-panel-head > p:last-child {
	margin: 0;
	color: var(--wp-store-text-light);
	font-size: 14px;
}

.wc-account-orders-table-wrap {
	min-width: 0;
	overflow-x: auto;
}

.wc-account-downloads-list {
	min-width: 0;
}

.dashboard-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 10px;
	padding: 56px 28px;
	background:
		radial-gradient(ellipse 80% 60% at 50% 0%, rgba(13, 148, 136, 0.08), transparent 70%),
		#f8fafc;
	border: 1px solid #e8eef5;
	border-radius: 16px;
	min-height: 280px;
}

.dashboard-empty-state .dashboard-empty-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	margin-bottom: 6px;
	border-radius: 20px;
	background: #fff;
	color: var(--wp-store-primary, #0d9488);
	border: 1px solid #e2e8f0;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.dashboard-empty-state h3 {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--wp-store-navy, #0f172a);
	letter-spacing: -0.01em;
}

.dashboard-empty-state p {
	margin: 0;
	max-width: 380px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--wp-store-text-light, #64748b);
}

.dashboard-empty-state .btn {
	margin-top: 10px;
	min-height: 44px;
	padding: 0 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	border-radius: 10px;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.dashboard-empty-state .btn-primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(13, 148, 136, 0.28);
}

/* Hide default Woo notice styling if any leftover shows */
.woocommerce-MyAccount-content .woocommerce-info:has(.wc-forward) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 18px 20px;
	border-radius: 12px;
	border: 1px solid #e8eef5;
	background: #f8fafc;
	color: var(--wp-store-text-light);
}

/* —— Account notices (WooCommerce) —— */
.dashboard-main .woocommerce-info,
.dashboard-main .woocommerce-message,
.dashboard-main .woocommerce-error,
.woocommerce-MyAccount-content > .woocommerce-info,
.woocommerce-MyAccount-content > .woocommerce-message,
.woocommerce-MyAccount-content > .woocommerce-error {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 18px;
	padding: 16px 18px;
	border: 1px solid transparent;
	border-radius: 14px;
	border-top: 1px solid transparent;
	font-size: 14px;
	line-height: 1.55;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	list-style: none !important;
}

.dashboard-main .woocommerce-info::before,
.dashboard-main .woocommerce-message::before,
.dashboard-main .woocommerce-error::before,
.woocommerce-MyAccount-content > .woocommerce-info::before,
.woocommerce-MyAccount-content > .woocommerce-message::before,
.woocommerce-MyAccount-content > .woocommerce-error::before {
	display: none !important;
	content: none !important;
}

.dashboard-main .woocommerce-info,
.woocommerce-MyAccount-content > .woocommerce-info {
	background: linear-gradient(135deg, #f0fdfa 0%, #ecfeff 100%);
	border-color: #99f6e4;
	color: #0f766e;
}

.dashboard-main .woocommerce-message,
.woocommerce-MyAccount-content > .woocommerce-message {
	background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
	border-color: #a7f3d0;
	color: #047857;
}

.dashboard-main .woocommerce-error,
.woocommerce-MyAccount-content > .woocommerce-error {
	background: linear-gradient(135deg, #fef2f2 0%, #fff1f2 100%);
	border-color: #fecaca;
	color: #b91c1c;
}

/* —— Temporary password / security alert —— */
.wp-store-account-alert {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 16px 18px;
	margin: 0 0 20px;
	padding: 18px 20px;
	border-radius: 16px;
	border: 1px solid #fde68a;
	background:
		radial-gradient(120% 140% at 0% 0%, rgba(251, 191, 36, 0.16), transparent 55%),
		linear-gradient(135deg, #fffbeb 0%, #fff7ed 55%, #ffffff 100%);
	box-shadow: 0 10px 28px rgba(180, 83, 9, 0.08);
}

.wp-store-account-alert__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: #fff;
	border: 1px solid #fcd34d;
	color: #d97706;
	box-shadow: 0 4px 12px rgba(245, 158, 11, 0.18);
	flex-shrink: 0;
}

.wp-store-account-alert__body {
	min-width: 0;
}

.wp-store-account-alert__kicker {
	margin: 0 0 4px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #b45309;
}

.wp-store-account-alert__title {
	display: block;
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	color: #78350f;
}

.wp-store-account-alert__text {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.55;
	color: #92400e;
	max-width: 52ch;
}

.wp-store-account-alert__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 18px;
	border-radius: 11px;
	background: #0d9488;
	color: #fff !important;
	font-size: 13.5px;
	font-weight: 650;
	text-decoration: none !important;
	white-space: nowrap;
	box-shadow: 0 8px 18px rgba(13, 148, 136, 0.28);
	transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.wp-store-account-alert__cta:hover {
	background: #0f766e;
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(13, 148, 136, 0.34);
	color: #fff !important;
}

@media (max-width: 720px) {
	.wp-store-account-alert {
		grid-template-columns: auto 1fr;
		padding: 16px;
		gap: 12px 14px;
	}

	.wp-store-account-alert__cta {
		grid-column: 1 / -1;
		width: 100%;
	}
}

@media (max-width: 640px) {
	.dashboard-empty-state {
		padding: 40px 20px;
		min-height: 240px;
	}

	.dashboard-empty-state .dashboard-empty-icon {
		width: 64px;
		height: 64px;
		border-radius: 16px;
	}
}