/*
 * Dental APPNA - overrides for old page CSS.
 * The My Account page (Elementor page 948) has custom CSS saved on its shortcode widget (.my-account-main)
 * from the original build. It hides every h2, capitalises labels, makes inputs pill-shaped, styles
 * buttons with a black gradient, and gives the column 45px of right padding only.
 * Loaded last by mu-plugins/dentalappna-member-account.php. Once that widget CSS is cleaned up in
 * Elementor, most of this file can be removed. Built by Linknbit.
 */

/* 1. Headings inside the logged-in account area must show (member name, order details, event bookings title).
      The login page keeps its own design, because this only targets the account content area. */
.woocommerce-account .my-account-main .woocommerce .woocommerce-MyAccount-content h2 {
	display: block;
}

/* 2. The page column had padding on the right only, so the account area sat off-centre. */
body.logged-in .elementor-948 .elementor-element.elementor-element-8b69b7a > .elementor-element-populated {
	padding-right: 0;
}

/* 3. Labels in normal sentence case. */
.woocommerce-account.logged-in .my-account-main label {
	text-transform: none;
}

/* 4. Save button: no width cap from the old gradient button style. */
body.woocommerce-account .woocommerce button.woocommerce-Button.button {
	max-width: none;
	background-image: none;
}

/* 5. Menu: let the row shrink to the screen and scroll, instead of stretching off the edge.
      A flex item never shrinks below its content's width unless min-width is 0. */
.woocommerce-account.logged-in .woocommerce,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	min-width: 0;
	max-width: 100%;
}
@media (max-width: 768px) {
	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		width: 100%;
		overscroll-behavior-x: contain;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation li a {
		scroll-snap-align: start;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		scroll-snap-type: x proximity;
		scroll-padding-left: 6px;
	}
}

/* 6. Member card name: with the h2 visible again, keep it tight under "Welcome back". */
.woocommerce-account .woocommerce-MyAccount-content h2.da-member-card__name {
	margin: 2px 0 10px;
	font-size: 24px;
}
@media (max-width: 768px) {
	.woocommerce-account .woocommerce-MyAccount-content h2.da-member-card__name {
		font-size: 21px;
	}
}