/* ==========================================================================
   Doina Vin · assets/woo/account.css (role acct, 2026-10-19; acct2 the same day)
   Contul meu: the signed-out split screen (form column, no box; the Artitude bottle trio edge to edge), the e-mail
   link and code screens and the quick sign-in block of mu dv-accounts.php, lost / reset password, the signed-in menu
   and overview. Loaded after cart.css (handle dvh-woo-cart) on the account page only; overrides it where needed by
   specificity, never edits it. Kit tokens only (tokens.css); no automatic motion; the short responses follow
   html[data-motion="off"].
   ========================================================================== */

/* ---- 0. Page frame: the signed-out views carry their own h1 --------------------------------------------- */
.pg-cart-checkout-page:has(.dvh-acct) > .pg-cart-checkout-title { display: none; }
.pg-cart-checkout-page:has(.dvh-acct) { padding-block: var(--sp-5) var(--sp-8); }
.pg-cart-checkout-page:has(.dvh-acct__media) { padding-bottom: 0; }          /* phones: the trio band meets the footer */
@media (min-width: 900px) {
  .pg-cart-checkout-page:has(.dvh-acct) { padding-block: 0; }
  /* the visual's frame: <main> spans the layout width (no 100vw, so no sideways scroll under a scrollbar) */
  #continut:has(.dvh-acct__media) { position: relative; }
}

/* ---- 1. Split screen ------------------------------------------------------------------------------------ */
.dvh-acct { display: grid; gap: var(--sp-7); }
@media (min-width: 900px) {
  .dvh-acct {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; align-items: center;
    min-height: calc(100svh - var(--header-h));
  }
  .dvh-acct:not(:has(.dvh-acct__media)) { grid-template-columns: minmax(0, 1fr); }
}

/* the form column: no box, generous space */
.dvh-acct__card { display: grid; align-content: start; gap: var(--sp-5); min-width: 0; width: 100%; max-width: 480px; justify-self: center; }
@media (min-width: 900px) {
  .dvh-acct__card { max-width: 440px; margin-right: clamp(24px, 4vw, 72px); padding-block: clamp(40px, 8svh, 96px); }
  .dvh-acct:not(:has(.dvh-acct__media)) .dvh-acct__card { margin-right: 0; }
}

.dvh-acct__head { display: grid; gap: var(--sp-3); }
.woocommerce .dvh-acct__title {
  margin: 0; font-family: var(--font-display); font-size: var(--fs-h1); line-height: var(--lh-h1);
  font-weight: var(--fw-display); letter-spacing: var(--track-display); text-wrap: balance;
}
.dvh-acct__lead { margin: 0; color: var(--muted); font-size: var(--fs-body); line-height: 1.55; text-wrap: pretty; }
.dvh-acct__back {
  justify-self: start; display: inline-flex; align-items: center; gap: var(--sp-2); min-height: var(--tap); margin: calc(-1 * var(--sp-3)) 0 calc(-1 * var(--sp-3));
  color: var(--ink); font-size: var(--fs-meta); font-weight: var(--fw-ui); text-decoration: none;
}
.dvh-acct__back:hover { text-decoration: underline; text-underline-offset: .2em; }
.dvh-acct__back .dvh-icon { width: 18px; height: 18px; }

/* notices in the form column */
.dvh-acct__card > .woocommerce-notices-wrapper:empty { display: none; }
.dvh-acct__card > .woocommerce-notices-wrapper > * { margin: 0; }
.dvh-acct__card .woocommerce-error { padding-left: var(--sp-4); }
/* WooCommerce (and the kit) focus the first alert after load so screen readers announce it: no ring on a
   non-interactive box */
.woocommerce-account :is(.woocommerce-error, .woocommerce-message, .woocommerce-info, .dv-ml__note, [role="alert"]):focus { outline: none; }

/* ---- 2. The visual: three Artitude bottles, one painted label per vintage ------------------------------- */
/* the panel: house tint, a soft light behind the bottles; phones: a band after the form, edge to edge */
.dvh-acct__media {
  --floor: color-mix(in oklab, var(--house-tint), var(--house-deep) 7%);
  position: relative; isolation: isolate; overflow: clip;
  margin: 0 calc(-1 * var(--page-gutter));
  background:
    radial-gradient(64% 52% at 50% 64%, color-mix(in oklab, var(--house-tint), #fff 55%), transparent 72%),
    var(--house-tint);
  color: var(--ink);
}
/* the stage: caption on top, the bottles standing on the table */
.dvh-acct__stage {
  --pad: var(--page-gutter);
  --bh: clamp(176px, 58cqi, 260px);                           /* bottle image height (the glass ends at 94.9 %) */
  container-type: inline-size; display: flex; flex-direction: column; gap: var(--sp-6);
  margin: 0; padding: var(--sp-7) var(--pad) 0;
}
@media (min-width: 900px) {
  .dvh-acct__media { position: absolute; inset: 0 0 0 50%; margin: 0; }
  /* one screen tall and kept in view while a long form (Cont nou, errors) scrolls past */
  .dvh-acct__stage {
    --pad: clamp(32px, 4.4vw, 72px);
    --bh: clamp(240px, min(100cqh - 330px, 100cqw / 1.08), 600px);
    position: sticky; top: var(--header-h); height: calc(100svh - var(--header-h)); container-type: size;
    padding: clamp(40px, 7svh, 88px) var(--pad) 0;
  }
}
.dvh-acct__statement { display: grid; gap: var(--sp-2); }
.dvh-acct__kicker { font-family: var(--font-display); font-size: var(--fs-kicker); line-height: var(--lh-kicker); color: var(--house-deep); }
.dvh-acct__quote {
  font-family: var(--font-display); font-size: var(--fs-quote); line-height: var(--lh-quote); font-weight: var(--fw-display);
  letter-spacing: var(--track-display); color: var(--ink); text-wrap: balance; max-width: 21ch;
}

.dvh-acct-trio {
  position: relative; z-index: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); justify-items: center;
  width: 100%; margin: auto auto 0; padding: 0; list-style: none;
}
@media (min-width: 900px) { .dvh-acct-trio { max-width: calc(var(--bh) * 1.25); } }
/* the table the bottles stand on: from the glass line down to the panel's end */
.dvh-acct-trio::before {
  content: ""; position: absolute; z-index: -1; top: calc(var(--bh) * .949); left: -100vmax; right: -100vmax; bottom: -100vmax;
  background: var(--floor); border-top: 1px solid color-mix(in oklab, var(--house-tint), var(--house-deep) 16%);
}
.dvh-acct-trio__item { position: relative; display: grid; justify-items: center; align-content: start; min-width: 0; text-align: center; }
.dvh-acct-trio__item::before {                                  /* contact shadow (kit token) */
  content: ""; position: absolute; z-index: -1; left: 50%; top: calc(var(--bh) * .949);
  width: calc(var(--bh) * .3); height: calc(var(--bh) * .036); translate: -50% -50%; background: var(--contact-shadow);
}
.dvh-acct-trio__item img { display: block; width: auto; max-width: none; height: var(--bh); margin-bottom: calc(var(--bh) * -.051); }
.dvh-acct-trio__cap {
  display: grid; gap: 2px; margin: 0; padding: var(--sp-3) var(--sp-1) var(--sp-6);
  font-size: var(--fs-meta); line-height: var(--lh-meta); text-wrap: balance;
}
.dvh-acct-trio__name { color: var(--ink); font-weight: var(--fw-strong); }
.dvh-acct-trio__artist { color: var(--muted); }
@media (min-width: 900px) { .dvh-acct-trio__cap { padding-bottom: clamp(80px, 11svh, 112px); } }   /* clear of the chat button */

/* ---- 3. Tabs: a segmented control (WAI-ARIA tabs; shown only when JavaScript runs) ---------------------- */
.dvh-acct__tabs { display: none; }
.dv-js .dvh-acct__tabs {
  display: grid; grid-template-columns: 1fr 1fr; gap: 2px; padding: 3px;
  background: var(--band); border-radius: calc(var(--radius-control) + 3px);
}
.dvh-acct__tab {
  min-height: var(--tap); padding: 0 var(--sp-3); margin: 0;
  border: 0; border-radius: calc(var(--radius-control) + 1px); background: transparent; color: var(--muted);
  font-family: var(--font-text); font-size: var(--fs-ui); font-weight: var(--fw-ui); line-height: 1.2; cursor: pointer;
  transition: background-color var(--dur-hover) var(--ease-out), color var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out);
}
.dvh-acct__tab:hover { color: var(--ink); }
.dvh-acct__tab[aria-selected="true"] {
  background: var(--surface); color: var(--ink); font-weight: var(--fw-strong);
  box-shadow: 0 1px 3px rgb(26 23 27 / .12), 0 0 0 1px rgb(26 23 27 / .04);
}
.dvh-acct__tab:focus-visible { outline: 2px solid var(--focus); outline-offset: 1px; }

/* panes: with JavaScript one at a time (data-tab on .dvh-acct, set by the server and account.js) */
.dvh-acct__pane { display: grid; gap: var(--sp-4); min-width: 0; }
.dv-js .dvh-acct[data-tab="in"] #cont-nou, .dv-js .dvh-acct[data-tab="new"] #intrare { display: none; }
.dvh-acct__pane + .dvh-acct__pane { padding-top: var(--sp-5); border-top: 1px solid var(--line); }
.dv-js .dvh-acct:has(.dvh-acct__tabs) .dvh-acct__pane + .dvh-acct__pane { padding-top: 0; border-top: 0; }
.woocommerce .dvh-acct__h { margin: 0; font-family: var(--font-display); font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: var(--fw-title); }
.dv-js .dvh-acct:has(.dvh-acct__tabs) .dvh-acct__h {   /* the tab names the pane */
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
@keyframes dvh-acct-pane { from { opacity: 0; translate: 0 6px; } }
html.dv-js:not([data-motion="off"]) .dvh-acct:has(.dvh-acct__tabs) .dvh-acct__pane { animation: dvh-acct-pane var(--dur-ui) var(--ease-out); }

.dvh-acct__switch { margin: 0; font-size: var(--fs-meta); line-height: 22px; color: var(--muted); }
/* links inside a sentence: a 44 px tall hit area without moving the line */
:is(.dvh-acct__switch, .dvh-acct__tip, .dvh-acct__trust, .dvh-acct-list__meta) a { padding-block: 13px; }
.dvh-acct__switch a { color: var(--link); font-weight: var(--fw-ui); }
.dvh-acct__hint { margin: calc(-1 * var(--sp-2)) 0 0; color: var(--muted); font-size: var(--fs-meta); line-height: 20px; }
.dvh-acct__tip {
  display: grid; grid-template-columns: 20px 1fr; gap: var(--sp-3); margin: 0; padding: var(--sp-3) var(--sp-4);
  background: var(--band); border-radius: var(--radius-control); font-size: var(--fs-meta); line-height: 20px;
}
.dvh-acct__tip .dvh-icon { width: 20px; height: 20px; color: var(--leaf); }
.dvh-acct__tip a { color: var(--link); font-weight: var(--fw-ui); }
/* the privacy line under the forms */
.dvh-acct__trust {
  display: grid; grid-template-columns: 16px 1fr; gap: var(--sp-2); margin: 0; padding-top: var(--sp-4); border-top: 1px solid var(--line);
  color: var(--muted); font-size: var(--fs-meta); line-height: 20px;
}
.dvh-acct__trust .dvh-icon { width: 16px; height: 16px; margin-top: 2px; }
.dvh-acct__trust a { color: var(--link); font-weight: var(--fw-ui); white-space: nowrap; }

/* ---- 4. Forms in the column: fields, errors, password button --------------------------------------------- */
.woocommerce .dvh-acct :is(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword, .lost_reset_password) {
  display: grid; gap: var(--sp-4); max-width: none; margin: 0; padding: 0; background: none; border: 0; border-radius: 0;
}
.dvh-acct .dv-ml__form { display: grid; gap: var(--sp-4); margin: 0; }
.dvh-acct :is(.form-row, .woocommerce-form-row) { margin: 0; }
.dvh-acct-field__top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--sp-3); }
.dvh-acct-field__top label { font-size: var(--fs-meta); line-height: 20px; font-weight: var(--fw-ui); }
.dvh-acct-field__link { display: inline-flex; align-items: center; min-height: var(--tap); margin-block: -12px; color: var(--link); font-size: var(--fs-meta); font-weight: var(--fw-ui); }

/* inline messages (account.js; aria-invalid + aria-describedby) */
.dvh-acct-err { display: flex; align-items: flex-start; gap: 6px; margin: 2px 0 0; color: var(--error); font-size: var(--fs-meta); line-height: 20px; }
.dvh-acct-err::before {
  content: ""; flex: none; width: 16px; height: 16px; margin-top: 2px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.25v.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.25v.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.woocommerce-account :is(.woocommerce-Input, .input-text)[aria-invalid="true"]:not([type="checkbox"]) { border-color: var(--error); box-shadow: inset 0 0 0 1px var(--error); }

/* show / hide password (WooCommerce's button): 44 px, fixed to the input's top so the strength meter can grow below */
.woocommerce-account .password-input input { padding-right: 52px; }
.woocommerce-account .password-input .show-password-input {
  top: 2px; right: 2px; translate: none; width: 44px; height: 44px; border-radius: var(--radius-control); color: var(--muted);
}
.woocommerce-account .password-input .show-password-input:hover { color: var(--ink); background: var(--band); }
.woocommerce-account .password-input .show-password-input:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
.woocommerce-account .password-input .show-password-input.display-password::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M10.6 5.6A10 10 0 0 1 12 5.5C18 5.5 21.5 12 21.5 12a17 17 0 0 1-3.2 4.1M6.3 6.9C3.9 8.6 2.5 12 2.5 12S6 18.5 12 18.5a9.6 9.6 0 0 0 4.4-1.1'/%3E%3Cpath d='M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M10.6 5.6A10 10 0 0 1 12 5.5C18 5.5 21.5 12 21.5 12a17 17 0 0 1-3.2 4.1M6.3 6.9C3.9 8.6 2.5 12 2.5 12S6 18.5 12 18.5a9.6 9.6 0 0 0 4.4-1.1'/%3E%3Cpath d='M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* WooCommerce's strength meter and hint */
.woocommerce-account .woocommerce-password-strength {
  margin-top: var(--sp-2); padding: 6px 10px; border-radius: var(--radius-control); border-left: 0;
  font-size: var(--fs-meta); line-height: 20px; font-weight: var(--fw-ui); text-align: left; background: var(--band); color: var(--ink);
}
.woocommerce-account .woocommerce-password-strength::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--muted); vertical-align: 1px; }
.woocommerce-account .woocommerce-password-strength.short::before, .woocommerce-account .woocommerce-password-strength.bad::before { background: var(--error); }
.woocommerce-account .woocommerce-password-strength.good::before { background: #B7791F; }
.woocommerce-account .woocommerce-password-strength.strong::before { background: var(--success); }
.woocommerce-account .woocommerce-password-hint { display: block; margin-top: var(--sp-2); color: var(--muted); font-size: var(--fs-meta); line-height: 20px; }

/* "Intrați cu parola" */
.dvh-acct-pass { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.dvh-acct-pass > summary {
  display: flex; align-items: center; gap: var(--sp-3); min-height: 52px; padding-block: var(--sp-1);
  color: var(--ink); font-size: var(--fs-ui); font-weight: var(--fw-ui); cursor: pointer; list-style: none;
}
.dvh-acct-pass > summary::-webkit-details-marker { display: none; }
.dvh-acct-pass > summary .dvh-icon { width: 18px; height: 18px; color: var(--muted); }
.dvh-acct-pass > summary::after {
  content: ""; width: 20px; height: 20px; margin-left: auto; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 9.5l5.5 5.5 5.5-5.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 9.5l5.5 5.5 5.5-5.5'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: rotate var(--dur-ui) var(--ease-out);
}
.dvh-acct-pass[open] > summary::after { rotate: 180deg; }
.dvh-acct-pass > summary:hover span { text-decoration: underline; text-underline-offset: .2em; }
.dvh-acct-pass > summary:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.dvh-acct-pass[open] > form { padding-block: var(--sp-2) var(--sp-5); }
.woocommerce-account .dvh-acct .dvh-acct-login__foot { display: grid; gap: var(--sp-3); }
.woocommerce-account .dvh-acct .woocommerce-form-login__rememberme { padding-block: 10px; min-height: var(--tap); }

/* ---- 5. E-mail link and code, quick sign-in (mu dv-accounts.php) ------------------------------------------ */
.dv-ml__hint { margin: calc(-1 * var(--sp-2)) 0 0; color: var(--muted); font-size: var(--fs-meta); line-height: 20px; }
.dv-ml--sent, .dv-ml--confirm { display: grid; gap: var(--sp-4); }
.dv-ml__head { display: flex; align-items: center; gap: var(--sp-3); }
.dv-ml__head .dvh-icon { flex: none; width: 44px; height: 44px; padding: 11px; border-radius: 50%; background: var(--band); color: var(--success); stroke-width: 1.8; }
.woocommerce .dv-ml__title { margin: 0; font-family: var(--font-display); font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: var(--fw-title); }
.woocommerce .dv-ml__title.dvh-acct__title { font-size: var(--fs-h1); line-height: var(--lh-h1); font-weight: var(--fw-display); }
.dv-ml__title:focus { outline: none; }
.dv-ml__lead { margin: 0; font-size: var(--fs-ui); line-height: 1.55; text-wrap: pretty; }
.dv-ml__lead strong { overflow-wrap: anywhere; }
.woocommerce-account .dv-ml__form input.dv-ml__code {
  font-size: 1.5rem; line-height: 28px; letter-spacing: .35em; font-variant-numeric: tabular-nums; font-weight: var(--fw-strong); text-align: center; padding-inline: 12px 4px;
}
.dv-ml__help { display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--sp-5); padding-top: var(--sp-3); border-top: 1px solid var(--line); color: var(--muted); font-size: var(--fs-meta); line-height: 20px; }
.dv-ml__help p { flex-basis: 100%; margin: 0; }
.dv-ml__again { margin: 0; }
.dv-ml__help .dvh-btn--tertiary { font-size: var(--fs-meta); }
.dv-ml__note { display: grid; grid-template-columns: 20px 1fr; gap: var(--sp-3); padding: var(--sp-3) var(--sp-4); border: 1px solid var(--error); border-radius: var(--radius-control); font-size: var(--fs-ui); line-height: 1.5; }
.dv-ml__note .dvh-icon { width: 20px; height: 20px; margin-top: 1px; color: var(--error); }
.dv-ml__note p { margin: 0; }

/* the quick sign-in block in the column: the buttons keep the providers' own look (dv-accounts.php) */
.dvh-acct .dv-acc-quick { max-width: none; margin: 0; }
.dvh-acct .dv-acc-quick__note { margin-top: var(--sp-3); }
.dvh-acct .dv-acc-quick__or { margin-top: var(--sp-5); }

/* Cont nou: the benefits after the form, the consent */
.dvh-acct-benefits { padding-top: var(--sp-4); border-top: 1px solid var(--line); }
.dvh-acct-benefits__title { margin: 0 0 var(--sp-3); font-size: var(--fs-ui); line-height: 22px; font-weight: var(--fw-strong); }
.dvh-acct-benefits ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-3); }
.dvh-acct-benefits li { display: grid; grid-template-columns: 20px 1fr; gap: var(--sp-3); color: var(--muted); font-size: var(--fs-ui); line-height: 22px; }
.dvh-acct-benefits .dvh-icon { width: 20px; height: 20px; margin-top: 1px; color: var(--leaf); stroke-width: 1.8; }
.woocommerce-account .dv-acc-consent .woocommerce-form__label-for-checkbox { font-size: var(--fs-meta); line-height: 22px; }

/* ---- 6. Signed in: menu --------------------------------------------------------------------------------- */
.woocommerce-account .dvh-acct-nav .dvh-icon { flex: none; width: 18px; height: 18px; stroke-width: 1.8; }
.woocommerce-account .dvh-acct-nav a { gap: var(--sp-3); }
@media (max-width: 899.98px) {
  /* one column that never grows past the screen (the chip row scrolls inside it) */
  .woocommerce-account .pg-cart-checkout-page > .woocommerce { grid-template-columns: minmax(0, 1fr); }
  .woocommerce-account .dvh-acct-nav { min-width: 0; margin-inline: calc(-1 * var(--page-gutter)); }
  .woocommerce-account .dvh-acct-nav ul {
    display: flex; gap: var(--sp-2); overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none;
    padding: 2px var(--page-gutter) 6px; border: 0; scroll-padding-inline: var(--page-gutter);
  }
  .woocommerce-account .dvh-acct-nav ul::-webkit-scrollbar { display: none; }
  .woocommerce-account .dvh-acct-nav li { flex: none; border: 0; }
  .woocommerce-account .dvh-acct-nav a {
    gap: var(--sp-2); min-height: var(--tap); padding-inline: var(--sp-4); white-space: nowrap;
    background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-control);
  }
  .woocommerce-account .dvh-acct-nav a:hover { background: var(--band); }
  .woocommerce-account .dvh-acct-nav .is-active a { background: var(--ink); border-color: var(--ink); color: var(--surface); box-shadow: none; }
}
@media (min-width: 900px) {
  .woocommerce-account .dvh-acct-nav {
    position: sticky; top: calc(var(--header-h) + var(--sp-4)); padding: var(--sp-2);
    background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-media);
  }
  .woocommerce-account .dvh-acct-nav ul { border: 0; display: grid; gap: 2px; }
  .woocommerce-account .dvh-acct-nav li { border: 0; }
  .woocommerce-account .dvh-acct-nav a { border-radius: var(--radius-control); padding-inline: var(--sp-3); }
  .woocommerce-account .dvh-acct-nav .dvh-icon { color: var(--muted); }
  .woocommerce-account .dvh-acct-nav .is-active a { background: var(--ground); box-shadow: inset 2px 0 0 var(--action); }
  .woocommerce-account .dvh-acct-nav .is-active .dvh-icon { color: var(--ink); }
  .woocommerce-account .dvh-acct-nav .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: var(--sp-2); padding-top: var(--sp-2); border-top: 1px solid var(--line); }
  .woocommerce-account .dvh-acct-nav .woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--muted); }
}

/* orders, addresses and details in one quiet surface (the overview and the order page bring their own cards) */
@media (min-width: 600px) {
  .woocommerce-account .woocommerce-MyAccount-content:has(.woocommerce-orders-table, .woocommerce-Addresses, .woocommerce-EditAccountForm, .woocommerce-address-fields) {
    padding: var(--sp-5); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-media);
  }
  .woocommerce-account .woocommerce-MyAccount-content :is(.woocommerce-EditAccountForm, .woocommerce-address-fields) {
    padding: 0; background: none; border: 0; border-radius: 0; max-width: 640px;
  }
}
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper:not(:empty) { margin-bottom: var(--sp-4); }
.woocommerce-account .woocommerce-MyAccount-content .dv-acc-consent { grid-column: 1 / -1; }
/* WooCommerce's <mark> around the order number and date: words, not a highlighter */
.woocommerce-account .woocommerce-MyAccount-content mark:not(.order-status) { background: none; color: inherit; font-weight: var(--fw-strong); }
/* checkboxes WooCommerce prints for the additional account fields (label.checkbox > input.input-checkbox): kit look */
.woocommerce-account .woocommerce-MyAccount-content label.checkbox { display: inline-flex; align-items: flex-start; gap: var(--sp-3); min-height: var(--tap); padding-block: 10px; font-size: var(--fs-ui); line-height: 24px; cursor: pointer; }
.woocommerce-account .woocommerce-MyAccount-content input.input-checkbox {
  appearance: none; flex: none; width: 20px; height: 20px; margin: 2px 0 0; border: 1.5px solid var(--control); border-radius: 4px; background: var(--surface); cursor: pointer;
}
.woocommerce-account .woocommerce-MyAccount-content input.input-checkbox:checked {
  border-color: var(--action);
  background: var(--action) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 14px no-repeat;
}
.woocommerce-account .woocommerce-MyAccount-content label.checkbox .optional { color: var(--muted); }

/* acct-review 2026-10-19: 44 px targets for WooCommerce's own buttons here (cart.css gives them 40 px: "Retrimite",
   "Vezi", "Comandați din nou") and the address "Editează …" links (22 px); the title wraps above its link on phones */
.woocommerce-account .woocommerce-MyAccount-content .button { min-height: var(--tap); }
.woocommerce-account .woocommerce-Address-title { flex-wrap: wrap; row-gap: 0; }
.woocommerce-account .woocommerce-Address-title .edit { display: inline-flex; align-items: center; min-height: var(--tap); }

/* orders list: buttons apart; on phones every order is a small block instead of a 5-column table */
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button { margin: 0 var(--sp-2) var(--sp-2) 0; }
@media (max-width: 599.98px) {
  .woocommerce-account .woocommerce-orders-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .woocommerce-account .woocommerce-orders-table, .woocommerce-account .woocommerce-orders-table tbody { display: block; }
  .woocommerce-account .woocommerce-orders-table tr {
    display: grid; grid-template-columns: 1fr auto; gap: 2px var(--sp-3); padding-block: var(--sp-4); border-bottom: 1px solid var(--line);
  }
  .woocommerce-account .woocommerce-orders-table tr > :is(th, td) { display: block; padding: 0; border: 0; }
  .woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-number { font-size: var(--fs-body); font-weight: var(--fw-strong); }
  .woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status { grid-column: 2; grid-row: 1; justify-self: end; font-size: var(--fs-meta); font-weight: var(--fw-strong); }
  .woocommerce-account .woocommerce-orders-table :is(.woocommerce-orders-table__cell-order-date, .woocommerce-orders-table__cell-order-total) { grid-column: 1 / -1; color: var(--muted); font-size: var(--fs-meta); line-height: 20px; }
  .woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-total .amount { color: var(--ink); }
  .woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions { grid-column: 1 / -1; margin-top: var(--sp-2); }
  .woocommerce-account .woocommerce-orders-table__cell-order-actions .button { min-height: var(--tap); }
}

/* ---- 7. Signed in: overview ----------------------------------------------------------------------------- */
.dvh-acct-dash { display: grid; gap: var(--sp-5); }
.woocommerce-account .woocommerce-MyAccount-content .dvh-acct-dash__hello { margin: 0; font-family: var(--font-display); font-size: var(--fs-h2); line-height: var(--lh-h2); font-weight: var(--fw-display); letter-spacing: var(--track-display); }
.dvh-acct-dash__lead { margin: var(--sp-1) 0 0; color: var(--muted); font-size: var(--fs-ui); }
.woocommerce-account .woocommerce-MyAccount-content .dvh-acct-dash > * + * { margin-top: 0; }

.dvh-acct-grid { display: grid; gap: var(--sp-4); }
@media (min-width: 700px) { .dvh-acct-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.dvh-acct-card {
  display: grid; align-content: start; gap: var(--sp-4); min-width: 0; padding: var(--sp-5);
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-media);
}
.dvh-acct-card__head { display: flex; align-items: center; gap: var(--sp-3); min-width: 0; }
.dvh-acct-card__head > .dvh-icon { flex: none; width: 36px; height: 36px; padding: 8px; border-radius: 50%; background: var(--ground); color: var(--ink); stroke-width: 1.8; }
.woocommerce-account .woocommerce-MyAccount-content .dvh-acct-card__head h3 { margin: 0; font-family: var(--font-display); font-size: var(--fs-card); line-height: var(--lh-card); font-weight: var(--fw-title); }
.woocommerce-account .woocommerce-MyAccount-content .dvh-acct-card__more { margin-left: auto; display: inline-flex; align-items: center; min-height: var(--tap); color: var(--link); font-size: var(--fs-meta); font-weight: var(--fw-ui); white-space: nowrap; }
.dvh-acct-card__text, .dvh-acct-empty p { margin: 0; color: var(--muted); font-size: var(--fs-ui); line-height: 1.55; }
.dvh-acct-empty { display: grid; justify-items: start; gap: var(--sp-3); }
.dvh-acct-card__actions { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
/* cart.css colours every content link (a:not(.button)) as a text link: buttons keep their own colours */
.woocommerce-account .woocommerce-MyAccount-content a.dvh-btn--primary, .woocommerce-account .woocommerce-MyAccount-content a.dvh-btn--primary:hover { color: var(--on-action); }
.woocommerce-account .woocommerce-MyAccount-content a.dvh-btn--secondary { color: var(--ink); }
.dvh-acct-card__actions .dvh-btn, .dvh-acct-empty .dvh-btn { min-height: var(--tap); }

.dvh-acct-order { display: grid; gap: var(--sp-3); }
.dvh-acct-order__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-2); }
.dvh-acct-order__no { margin: 0; font-size: var(--fs-body); font-weight: var(--fw-strong); }
.dvh-acct-order__meta { margin: 0; color: var(--muted); font-size: var(--fs-meta); line-height: 20px; }
.dvh-acct-order__total { color: var(--ink); font-weight: var(--fw-strong); }
.dvh-acct-order__total .woocommerce-Price-amount { font-size: inherit; }
.dvh-acct-thumbs { display: flex; flex-wrap: wrap; gap: var(--sp-2); list-style: none; margin: 0; padding: 0; }
.dvh-acct-thumbs li { display: grid; place-items: center; width: 56px; height: 72px; overflow: hidden; background: var(--ground); border-radius: var(--radius-control); }
.dvh-acct-thumbs img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.dvh-acct-thumbs__more { color: var(--muted); font-size: var(--fs-meta); font-weight: var(--fw-strong); }
@media (max-width: 599.98px) { .dvh-acct-thumbs li { width: 48px; height: 64px; } }
.woocommerce-account .woocommerce-MyAccount-content .dvh-acct-card__link { justify-self: start; display: inline-flex; align-items: center; min-height: var(--tap); color: var(--link); font-size: var(--fs-meta); font-weight: var(--fw-ui); }

.dvh-acct-list { list-style: none; margin: 0; padding: 0; display: grid; }
.dvh-acct-list li { display: grid; gap: 2px; padding-block: var(--sp-3); border-top: 1px solid var(--line); }
.dvh-acct-list li:first-child { padding-top: 0; border-top: 0; }
.dvh-acct-list__title { margin: 0; font-weight: var(--fw-strong); }
.dvh-acct-list__meta { margin: 0; color: var(--muted); font-size: var(--fs-meta); line-height: 20px; }
.dvh-acct-list__meta a { color: var(--link); }

.dvh-acct-dl { display: grid; gap: var(--sp-3); margin: 0; }
.dvh-acct-dl > div { display: grid; grid-template-columns: minmax(96px, 34%) 1fr; gap: var(--sp-3); }
.dvh-acct-dl dt { color: var(--muted); font-size: var(--fs-meta); line-height: 22px; }
.dvh-acct-dl dd { margin: 0; min-width: 0; font-size: var(--fs-ui); line-height: 22px; }
.dvh-acct-dl address { font-style: normal; line-height: 22px; }
.dvh-acct-dl__mail { overflow-wrap: anywhere; }
@media (max-width: 599.98px) { .dvh-acct-dl > div { grid-template-columns: minmax(0, 1fr); gap: 0; } }

html[data-motion="off"] .dvh-acct__tab, html[data-motion="off"] .dvh-acct-pass > summary::after { transition: none; }
html[data-motion="off"] .dvh-acct__pane { animation: none; }