/* BMG store/account layout fixes — loads after theme.min.css to win. */

/* Near-full-width content area on account / cart / checkout pages. */
.woocommerce-account #content .container,
.woocommerce-cart    #content .container,
.woocommerce-checkout #content .container {
	max-width: 1500px;
}

/* --- My Account DASHBOARD (logged in): left nav + right content ---
   Scoped with :has() so it only applies when the account menu exists —
   the logged-out login form must NOT become a flex row. */
.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 2.5rem;
}
.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) > .woocommerce-notices-wrapper {
	flex: 0 0 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	flex: 0 0 260px;
	width: 260px;
	max-width: 260px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	text-align: left;
}
.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	flex: 1 1 0;
	min-width: 0;
	width: auto;
	max-width: none;
}
@media (max-width: 782px) {
	.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) { gap: 1.25rem; }
	.woocommerce-account .woocommerce-MyAccount-navigation {
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
	}
}

/* --- Login / lost-password / set-password forms: centered card, sane checkbox --- */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account form.woocommerce-ResetPassword {
	max-width: 480px;
	margin: 2rem auto;
	padding: 2rem;
	border: 1px solid #e6e2d8;
	border-radius: 10px;
	background: #fff;
}
/* Intro text on the lost/set-password screens: center to match the card. */
.woocommerce-account.woocommerce-lost-password .woocommerce > p:not(.form-row),
.woocommerce-account.woocommerce-lost-password .woocommerce-ResetPassword > p:first-child {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* WooCommerce/Bootstrap can stretch checkboxes to full width — keep them native. */
.woocommerce form .form-row input[type="checkbox"],
.woocommerce-form-login__rememberme input[type="checkbox"] {
	width: auto;
	height: auto;
	min-width: 0;
	display: inline-block;
	vertical-align: middle;
	margin: 0 .45rem 0 0;
	transform: none;
	box-shadow: none;
}
.woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	font-weight: 400;
}

/* --- My Account tables (orders, subscriptions, payment methods, related orders,
       subscription/order details) — consistent, readable layout --- */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1.5rem;
	border: 1px solid #e6e2d8;
	border-radius: 8px;
	overflow: hidden;
	font-size: .95rem;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
	padding: .8rem 1rem;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #efece4;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot th {
	background: #faf9f6;
	font-family: Montserrat, Arial, sans-serif;
	font-size: .78rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .02em;
	color: #0a0a0a;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr:last-child td {
	border-bottom: none;
}
/* Desktop: force a real table. theme.min.css sets `.shop_table_responsive tr{display:flex
   !important}` (meant for the cart) which stacks account-table columns — override with
   higher specificity + !important. */
@media (min-width: 783px) {
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table { display: table !important; width: 100%; table-layout: auto; }
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead { display: table-header-group !important; }
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody { display: table-row-group !important; }
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot { display: table-footer-group !important; }
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr { display: table-row !important; }
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table td { display: table-cell !important; width: auto !important; }
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table td::before { display: none !important; }
}
/* Wide tables scroll rather than break the layout. */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-content .subscription_details,
.woocommerce-account .woocommerce-MyAccount-content .order_details {
	max-width: 100%;
}
/* Section headings inside subscription/order views. */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
	margin: 1.5rem 0 1rem;
}
/* "Add payment method" button spacing. */
.woocommerce-account .woocommerce-MyAccount-content .button {
	margin-top: .5rem;
}

/* --- Add / change payment method: replace WooCommerce's grey inset-shadow box + arrow
       (the "odd shadowing") with a clean card. --- */
.woocommerce-account #payment div.payment_box,
.woocommerce-account .woocommerce-PaymentBox,
.woocommerce-account div.payment_box.payment_method_authnet {
	background: #faf9f6 !important;
	box-shadow: none !important;
	border: 1px solid #e6e2d8 !important;
	border-radius: 8px !important;
	color: inherit !important;
	margin-top: 1em;
}
.woocommerce-account #payment div.payment_box::before,
.woocommerce-account div.payment_box::before {
	display: none !important; /* the little triangle pointer */
}
.woocommerce-account #payment ul.payment_methods {
	border: none !important;
	background: transparent !important;
}
/* card inputs/selects inside the box: keep light (theme darkens selects globally). */
.woocommerce-account .payment_box input.input-text,
.woocommerce-account .payment_box .wc-credit-card-form input,
.woocommerce-account .payment_box select {
	background: #fff !important;
	color: #212529 !important;
	border-color: #ccc !important;
}

/* --- Checkout: hide the "Save payment information…" checkbox (card is always saved for
       the recurring membership); an FYI note is injected in its place by bmg-checkout-ux. --- */
.woocommerce-checkout .wc-block-components-payment-methods__save-card-info {
	display: none !important;
}

/* --- Status column: strip any stray badge/shadow ("grey cloud") on the values;
       keep the header row consistent with other columns. --- */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.order-status {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th.order-status {
	box-shadow: none !important;
	border-radius: 0 !important;
}