/* Native WooCommerce account forms in the shared storefront palette. */
.dg-account-page, .dg-account-page * { box-sizing: border-box; }
.dg-account-page { width: min(1100px, calc(100% - 80px)); margin: 48px auto 72px; color: var(--dg-text); font: 15px/1.6 var(--dg-font); }
.dg-account-page h1 { margin: 0 0 32px; font: 400 clamp(32px, 4vw, 46px)/1.15 var(--dg-heading); }
.dg-account-page h2 { margin: 0 0 20px; font: 400 28px/1.2 var(--dg-heading); text-transform: none; }
.dg-account-page #customer_login { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
.dg-account-page #customer_login > div { float: none; width: auto; min-width: 0; padding: 28px; border: 1px solid var(--dg-border); border-radius: 10px; background: #fff; }
.dg-account-page form { margin: 0; padding: 0; border: 0; }
.dg-account-page form p { margin: 0 0 20px; }
.dg-account-page label { display: block; margin-bottom: 7px; font-size: 13px; font-weight: 500; text-transform: none; }
.dg-account-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]), .dg-account-page select { display: block; width: 100%; max-width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid #948675; border-radius: 4px; background: #fff; color: var(--dg-text); font: 16px/1.5 var(--dg-font); }
.dg-account-page input[type=checkbox] { width: 18px; height: 18px; margin: 0 8px 0 0; accent-color: var(--dg-brand); vertical-align: middle; }
.dg-account-page .woocommerce-form-login__rememberme { margin-block: 12px 18px; }
.dg-account-page .button { float: none; display: inline-flex; justify-content: center; align-items: center; min-height: 46px; padding: 11px 22px; border: 1px solid var(--dg-brand); border-radius: 4px; background: var(--dg-brand); color: #fff; font: 500 14px/1.5 var(--dg-font); text-transform: none; cursor: pointer; }
.dg-account-page .button:hover { background: var(--dg-brand-hover); border-color: var(--dg-brand-hover); }
.dg-account-page a { color: var(--dg-text); text-underline-offset: 3px; }
.dg-account-page a:not(.button) { text-decoration: underline; }
.dg-account-page a:hover { color: var(--dg-brand); }
.dg-account-page .woocommerce-privacy-policy-text { color: var(--dg-muted); font-size: 13px; }
.dg-account-page :focus-visible { outline: 2px solid #756046; outline-offset: 3px; }
.dg-account-page .password-input { display: block; position: relative; }
.dg-account-page .password-input input { padding-right: 56px !important; }
.dg-account-page .show-password-input { position: absolute; top: 2px; right: 2px; width: 44px; height: 44px; padding: 10px; border: 0; border-radius: 3px; background: transparent; color: var(--dg-text); cursor: pointer; }
.dg-account-page .show-password-input::before { content: ''; display: block; width: 24px; height: 24px; background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23292724' stroke-width='1.7'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.dg-account-page .show-password-input.display-password::after { content: ''; position: absolute; width: 25px; height: 2px; top: 21px; left: 10px; background: currentColor; transform: rotate(-45deg); }
.dg-account-page .show-password-input:hover { background: var(--dg-bg); }
@media (max-width: 767px) {
  .dg-account-page { width: calc(100% - 32px); margin-block: 32px 48px; }
  .dg-account-page #customer_login { grid-template-columns: 1fr; gap: 24px; }
  .dg-account-page #customer_login > div { padding: 22px 18px; }
}