/* My Account: cleaner sign in / create account and account screens */
.woocommerce-account .woocommerce { max-width: 1040px; margin: 0 auto; }
.woocommerce-account #customer_login { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; }
/* WooCommerce's old "clearfix" spacers would otherwise take a grid slot and push the boxes out of line */
.woocommerce-account #customer_login::before, .woocommerce-account #customer_login::after,
.woocommerce-account.logged-in .woocommerce::before, .woocommerce-account.logged-in .woocommerce::after { content: none !important; display: none !important; }
.woocommerce-account #customer_login > div { display: flex; flex-direction: column; }
.woocommerce-account #customer_login > div > form { flex: 1; }
.woocommerce-account #customer_login > div { float: none !important; width: auto !important; padding: 24px; border: 1px solid #e5e7eb; border-radius: 16px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
.woocommerce-account #customer_login h2 { margin: 0 0 14px; font-size: 1.4rem; }
.woocommerce-account form.login, .woocommerce-account form.register { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.woocommerce-account .woocommerce-form-row, .woocommerce-account #customer_login .form-row { margin: 0 0 14px !important; padding: 0 !important; }
.woocommerce-account .woocommerce-form-row label { display: block; margin-bottom: 6px; font-weight: 600; }
.woocommerce-account .woocommerce-Input, .woocommerce-account input.input-text { width: 100%; min-height: 48px; padding: 0 14px; border: 1.5px solid #ced4da; border-radius: 10px; font-size: 16px; background: #fff; box-sizing: border-box; }
.woocommerce-account .woocommerce-Input:focus, .woocommerce-account input.input-text:focus { border-color: var(--xof-accent, #1f1f1f); outline: none; box-shadow: 0 0 0 3px rgba(0,0,0,.08); }
.woocommerce-account .woocommerce-button, .woocommerce-account .woocommerce-Button, .woocommerce-account button[type="submit"] {
	min-height: 48px; padding: 0 24px !important; border: 0 !important; border-radius: 999px !important;
	background: var(--xof-accent, #1f1f1f) !important; color: #fff !important; font-weight: 700 !important; cursor: pointer;
}
.woocommerce-account .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 8px; margin-right: 12px; }
.woocommerce-account .lost_password a { font-weight: 600; }
/* signed in: menu on the left, content on the right */
.woocommerce-account .woocommerce-MyAccount-navigation { float: none !important; width: auto !important; }
.woocommerce-account .woocommerce-MyAccount-content { float: none !important; width: auto !important; }
.woocommerce-account.logged-in .woocommerce { display: grid; grid-template-columns: 240px 1fr; gap: 28px; align-items: start; }
.woocommerce-account.logged-in .woocommerce > :not(.woocommerce-MyAccount-navigation):not(.woocommerce-MyAccount-content) { grid-column: 1 / -1; }
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { grid-column: 1; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content { grid-column: 2; min-width: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 8px; border: 1px solid #e5e7eb; border-radius: 14px; background: #fff; }
.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 11px 14px; border-radius: 10px; color: #1f2328; font-weight: 600; text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: #f6f7f9; color: var(--xof-accent, #1f1f1f); }
@media (max-width: 760px) {
	.woocommerce-account #customer_login, .woocommerce-account.logged-in .woocommerce { grid-template-columns: 1fr; }
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation, .woocommerce-account.logged-in .woocommerce-MyAccount-content { grid-column: 1; }
	.woocommerce-account .woocommerce-MyAccount-navigation ul { display: flex; overflow-x: auto; gap: 4px; }
	.woocommerce-account .woocommerce-MyAccount-navigation li a { white-space: nowrap; }
}

.woocommerce-account .xo-21 label { display: flex !important; gap: 10px; align-items: flex-start; font-weight: 500 !important; }
.woocommerce-account .xo-21 input { width: 20px; height: 20px; margin-top: 2px; flex: none; accent-color: var(--xof-accent, #1f1f1f); }
.woocommerce-account .woocommerce-privacy-policy-text { font-size: .85rem; color: #5f6670; }
.xo-anchor { display: block; position: relative; top: -120px; visibility: hidden; }