/**
 * My Account navigation — horizontal scroll on mobile.
 * Loaded from Weight Loss plugin so the theme stays untouched.
 */

@media (max-width: 781px) {
	.woocommerce-account .account-navigation-wrap,
	.woocommerce-account .woocommerce-MyAccount-navigation {
		margin-bottom: 1.25rem;
		width: 100%;
	}

	/* Hide avatar block above nav on small screens — keeps the scroll bar clean */
	.woocommerce-account .account-navigation-wrap .base-account-avatar {
		display: none;
	}

	.woocommerce-account .account-navigation-wrap ul,
	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 0.15rem;
		margin: 0;
		padding: 0 0 0.35rem;
		list-style: none;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		border-bottom: 1px solid #e5e7eb;
	}

	.woocommerce-account .account-navigation-wrap ul::-webkit-scrollbar,
	.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
		height: 4px;
	}

	.woocommerce-account .account-navigation-wrap ul::-webkit-scrollbar-thumb,
	.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar-thumb {
		background: #cbd5e1;
		border-radius: 4px;
	}

	.woocommerce-account .account-navigation-wrap li,
	.woocommerce-account .woocommerce-MyAccount-navigation li {
		flex: 0 0 auto;
		margin: 0;
		border: 0 !important;
		border-bottom: 0 !important;
	}

	.woocommerce-account .account-navigation-wrap li a,
	.woocommerce-account .woocommerce-MyAccount-navigation li a,
	.woocommerce-account .account-navigation-wrap li:hover a,
	.woocommerce-account .woocommerce-MyAccount-navigation li:hover a {
		display: block;
		white-space: nowrap;
		padding: 0.65rem 0.9rem;
		margin: 0;
		border: 0 !important;
		border-left: 0 !important;
		border-bottom: 3px solid transparent !important;
		background: transparent !important;
		box-shadow: none !important;
		font-size: 0.92rem;
		font-weight: 600;
		line-height: 1.2;
		color: #374151;
		text-decoration: none;
	}

	.woocommerce-account .account-navigation-wrap li.is-active a,
	.woocommerce-account .account-navigation-wrap li.is-active a:hover,
	.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
	.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:hover {
		border-left: 0 !important;
		border-bottom: 3px solid #0d9488 !important;
		color: #0d9488;
		font-weight: 700;
		background: transparent !important;
	}
}