/* ==========================================================================
   My Account — horizontal tabs (desktop) / swipeable tab strip (mobile)
   ========================================================================== */

/* Replace the parent's two-column layout with tabs above full-width content. */
.woocommerce-account .woocommerce {
	display: block !important;
	grid-template-columns: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

/* Tab strip */
.woocommerce-account .woocommerce-MyAccount-navigation {
	position: relative;
	margin-bottom: 28px !important;
	border-bottom: 1px solid var(--fct-border, #E3E6EA);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex !important;
	flex-wrap: nowrap;
	gap: 4px;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li {
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	scroll-snap-align: start;
	list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	position: relative;
	padding: 14px 18px !important;
	border: 0 !important;
	border-radius: 6px 6px 0 0;
	background: transparent !important;
	color: var(--fct-muted, #5F6873) !important;
	font-family: var(--fct-heading-font);
	font-weight: 600;
	font-size: 14.5px;
	white-space: nowrap;
	text-decoration: none !important;
	transition: color .15s ease, background .15s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a::after {
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 0;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: transparent;
	transition: background .15s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	color: var(--fct-dark, #1F2328) !important;
	background: var(--fct-light, #F6F7F9) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--fct-dark, #1F2328) !important;
	background: transparent !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::after { background: var(--fct-primary, #0E7C7B); }
.woocommerce-account .woocommerce-MyAccount-navigation li a:focus-visible { outline: 3px solid var(--fct-primary, #0E7C7B); outline-offset: -3px; }

/* Log out sits at the far right on wide screens. */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout { margin-left: auto !important; }
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a { color: #B42318 !important; }

/* Scroll hint fades (added by account-tabs.js when the strip overflows). */
.fct-tabs-fade::before,
.fct-tabs-fade::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 1px;
	width: 28px;
	pointer-events: none;
	z-index: 2;
	opacity: 0;
	transition: opacity .15s ease;
}
.fct-tabs-fade::before { left: 0; background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0)); }
.fct-tabs-fade::after { right: 0; background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0)); }
.fct-tabs-fade.can-left::before, .fct-tabs-fade.can-right::after { opacity: 1; }

/* --------------------------------------------------------------------------
   Content area (orders, downloads, addresses, WP Courseware "Courses")
   ----------------------------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content { min-width: 0; }
.woocommerce-account .woocommerce-MyAccount-content > h2:first-child,
.woocommerce-account .woocommerce-MyAccount-content > h3:first-child { margin-top: 0; }
.woocommerce-account .woocommerce-MyAccount-content table {
	width: 100% !important;
	max-width: 100%;
	table-layout: auto;
	font-size: 14.5px;
}
.woocommerce-account .woocommerce-MyAccount-content table th,
.woocommerce-account .woocommerce-MyAccount-content table td { vertical-align: middle; }
.woocommerce-account .woocommerce-MyAccount-content table td:first-child,
.woocommerce-account .woocommerce-MyAccount-content table th:first-child { min-width: 180px; }
.woocommerce-account .woocommerce-MyAccount-content table a { font-weight: 600; }

/* WP Courseware course progress tables */
.woocommerce-account .woocommerce-MyAccount-content [class*="wpcw"] table,
.woocommerce-account .woocommerce-MyAccount-content table[class*="wpcw"] {
	border: 1px solid var(--fct-border, #E3E6EA);
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	margin-bottom: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content [class*="progress_bar"],
.woocommerce-account .woocommerce-MyAccount-content [class*="progressbar"] {
	min-width: 90px;
	border-radius: 999px;
	overflow: hidden;
}

/* Address cards side by side */
.woocommerce-account .woocommerce-Addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.woocommerce-account .woocommerce-Addresses::before, .woocommerce-account .woocommerce-Addresses::after { display: none; }
.woocommerce-account .woocommerce-Addresses .woocommerce-Address { width: auto !important; float: none !important; border: 1px solid var(--fct-border, #E3E6EA); border-radius: 10px; padding: 20px; }

@media (max-width: 782px) {
	.woocommerce-account .woocommerce-MyAccount-navigation li a { padding: 13px 14px !important; font-size: 14px; }
	.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout { margin-left: 0 !important; }
	/* Wide tables scroll sideways instead of squashing. */
	.woocommerce-account .woocommerce-MyAccount-content table:not(.shop_table_responsive) {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: normal;
	}
	.woocommerce-account .woocommerce-Addresses { grid-template-columns: minmax(0, 1fr); }
}