/* Native WooCommerce account forms, in the shared VISIBLE.BLOG design. */
body.page.visible-account { background:#fff; }
body.page.visible-account #page #content > .ast-container { max-width:1280px; padding-inline:40px; }
body.page.visible-account #page #primary { width:100%; min-width:0; margin:0; padding:64px 0 88px; border:0; }
body.page.visible-account #page .ast-article-single { padding:0; margin:0; border:0; background:#fff; }
body.page.visible-account #page .visible-account-kicker { margin:0 0 18px; color:var(--ast-global-color-0,#335edb); font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; text-align:center; }
body.page.visible-account #page .entry-header { margin:0 0 22px; text-align:center; }
body.page.visible-account #page h1.entry-title { margin:0; color:#171717; font-size:clamp(40px,5vw,64px); line-height:1.08; font-weight:700; letter-spacing:-.045em; text-wrap:balance; }
body.page.visible-account #page .entry-content { font-size:16px; line-height:1.7; color:#666; }
body.page.visible-account #page .visible-account-intro { max-width:640px; margin:0 auto 44px; color:#737373; font-size:19px; line-height:1.65; text-align:center; }
body.page.visible-account #page .entry-content > .woocommerce { width:100%; max-width:1080px; margin:0 auto; padding:0; border:0; box-shadow:none; }
body.page.visible-account #page #customer_login { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin:0; }
body.page.visible-account #page #customer_login::before,
body.page.visible-account #page #customer_login::after { display:none; }
body.page.visible-account #page #customer_login > :is(.col-1,.col-2) { display:block; float:none; width:100%; min-width:0; padding:36px; border:1px solid #e5e5e5; border-radius:16px; background:#fff; }
body.page.visible-account #page #customer_login > .col-2 { background:#fafafa; }
body.page.visible-account #page .woocommerce :is(h2,h3) { margin:0 0 26px; font-size:28px; line-height:1.2; letter-spacing:-.025em; font-weight:700; color:#171717; text-align:left; }
body.page.visible-account #page .woocommerce :is(form.login,form.register,form.lost_reset_password) { width:100%; margin:0; padding:0; border:0; box-shadow:none; border-radius:0; text-align:left; }
body.page.visible-account #page .woocommerce .ast-woo-form-actions { display:none; }
body.page.visible-account #page .woocommerce form .form-row { padding:0; margin:0 0 22px; }
body.page.visible-account #page .woocommerce form .form-row label { display:block; position:static; transform:none; padding:0; margin:0 0 9px; width:auto; height:auto; overflow:visible; color:#333; font-size:14px; font-weight:500; line-height:1.5; opacity:1; }
body.page.visible-account #page .woocommerce form .required { color:#737373; }
body.page.visible-account #page .woocommerce :is(input.input-text,textarea,select) { width:100%; min-height:52px; padding:13px 15px; border:1px solid #dcdcdc; border-radius:10px; box-shadow:none; background:#fff; color:#171717; font-family:inherit; font-size:16px; line-height:1.5; }
body.page.visible-account #page .woocommerce input[type=password] { padding-right:48px; }
body.page.visible-account #page .woocommerce .show-password-input { display:flex; align-items:center; justify-content:center; width:44px; height:48px; margin:0; padding:0; right:2px; top:2px; translate:none; border:0; border-radius:8px; background:transparent; color:#666; }
body.page.visible-account #page .woocommerce .show-password-input::after { content:""; display:block; margin:0; width:20px; height:13px; border:1.5px solid currentColor; border-radius:50%; background:radial-gradient(circle,currentColor 0 3px,transparent 3.5px); }
body.page.visible-account #page .woocommerce .show-password-input.display-password::before { content:""; position:absolute; width:24px; height:1.5px; background:currentColor; transform:rotate(-45deg); }
body.page.visible-account #page .woocommerce :is(button.button,a.button,input.button) { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:13px 24px; border:1px solid #171717; border-radius:999px; background:#171717; color:#fff; box-shadow:none; text-decoration:none; text-transform:none; font-size:15px; font-weight:500; line-height:1.5; }
body.page.visible-account #page .woocommerce :is(button.button,a.button,input.button):hover { border-color:#333; background:#333; color:#fff; }
body.page.visible-account #page #customer_login button[type=submit] { width:100%; margin:12px 0 0; float:none; }
body.page.visible-account #page .woocommerce form .woocommerce-form-login__rememberme { display:flex; align-items:center; gap:9px; margin:4px 0 14px; font-weight:400; }
body.page.visible-account #page .woocommerce input[type=checkbox] { width:17px; height:17px; min-height:0; margin:0; accent-color:#171717; }
body.page.visible-account #page .woocommerce .lost_password { margin:0; font-size:14px; }
body.page.visible-account #page .woocommerce a { text-underline-offset:4px; }
body.page.visible-account #page .woocommerce .woocommerce-privacy-policy-text { color:#737373; font-size:14px; line-height:1.65; margin:24px 0; }
body.page.visible-account #page .woocommerce .woocommerce-privacy-policy-text p { margin:0; }
body.page.visible-account #page .visible-account-help { margin:28px 0 0; text-align:center; font-size:14px; color:#737373; }
body.page.visible-account #page .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) { padding:18px 22px 18px 48px; border:1px solid #e5e5e5; border-left:3px solid var(--ast-global-color-0,#335edb); border-radius:12px; background:#fafafa; color:#333; font-size:15px; line-height:1.6; box-shadow:none; }
body.page.visible-account #page .woocommerce :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before { left:20px; top:19px; color:var(--ast-global-color-0,#335edb); }
body.page.visible-account #page #primary :is(a,button,input,textarea,select):focus-visible { outline:3px solid var(--ast-global-color-0,#335edb); outline-offset:3px; }

/* Recovery uses the original WooCommerce request/reset forms. */
body.page.visible-account-recovery #page .entry-header { margin-bottom:40px; }
body.page.visible-account-recovery #page .entry-content > .woocommerce { max-width:560px; padding:36px; border:1px solid #e5e5e5; border-radius:16px; }
body.page.visible-account-recovery #page .woocommerce form .form-row { width:100%; float:none; }
body.page.visible-account-recovery #page .woocommerce form > p:first-child { margin:0 0 28px; }
body.page.visible-account-recovery #page .woocommerce button[type=submit] { width:100%; }
body.page.visible-account #page .visible-account-back { margin:26px 0 0; font-size:14px; text-align:center; }

/* Existing account navigation and content after login. */
body.page.visible-account #page .woocommerce-MyAccount-navigation { width:25%; padding:24px; border:1px solid #e5e5e5; border-radius:16px; background:#fafafa; }
body.page.visible-account #page .woocommerce-MyAccount-navigation ul { margin:0; padding:0; list-style:none; border:0; }
body.page.visible-account #page .woocommerce-MyAccount-navigation li { margin:0 0 4px; border:0; padding:0; }
body.page.visible-account #page .woocommerce-MyAccount-navigation li a { display:block; padding:11px 14px; border:0; border-radius:10px; color:#555; text-decoration:none; font-size:15px; }
body.page.visible-account #page .woocommerce-MyAccount-navigation li.is-active a { background:#171717; color:#fff; }
body.page.visible-account #page .woocommerce-MyAccount-navigation li:not(.is-active) a:hover { background:#eee; color:#171717; }
body.page.visible-account #page .woocommerce-MyAccount-content { width:calc(75% - 40px); padding:8px 0 0; }
body.page.visible-account #page .woocommerce-MyAccount-content > p { margin:0 0 24px; }
body.page.visible-account #page .woocommerce-MyAccount-content table { border:1px solid #e5e5e5; border-radius:12px; font-size:14px; }
body.page.visible-account #page .woocommerce-MyAccount-content table :is(th,td) { padding:14px; }

@media(max-width:800px) {
    body.page.visible-account #page #primary { padding:48px 0 64px; }
    body.page.visible-account #page #customer_login { grid-template-columns:minmax(0,1fr); max-width:560px; margin-inline:auto; gap:24px; }
    body.page.visible-account #page .woocommerce-MyAccount-navigation { float:none; width:100%; margin-bottom:28px; }
    body.page.visible-account #page .woocommerce-MyAccount-content { float:none; width:100%; }
}
@media(max-width:600px) {
    body.page.visible-account #page #content > .ast-container { padding-inline:20px; }
    body.page.visible-account #page #primary { padding:40px 0 48px; }
    body.page.visible-account #page .entry-header { margin-bottom:20px; }
    body.page.visible-account #page h1.entry-title { font-size:40px; }
    body.page.visible-account #page .visible-account-intro { font-size:18px; margin-bottom:32px; }
    body.page.visible-account #page #customer_login > :is(.col-1,.col-2),
    body.page.visible-account-recovery #page .entry-content > .woocommerce { padding:26px; }
    body.page.visible-account #page .woocommerce :is(h2,h3) { font-size:26px; }
}