/* lwds-account.css — built 2026-09-28T05:03Z by bin/build-css.sh from assets/css/src/40-templates/account.css. */
/* Account template — page-level composition only. Regions: navigation / content. The order view
   reuses the order grid component (order.css); in the narrower account column it stays single-column
   until 1200 px. */
@layer lwds.templates {
  .lws-account.lws-main { padding-block-start: var(--lws-space-4); }
  .lws-account__layout { display: grid; gap: var(--lws-space-6); grid-template-columns: minmax(0, 1fr); align-items: start; }
  /* The parent (main.css) floats the content column at 1100 px; LWDS lays it out with grid. */
  .lws-account__content { display: flex; flex-direction: column; gap: var(--lws-space-8); min-width: 0; float: none; width: auto; }
  .lws-account__cards { align-items: stretch; }
  .lws-account__orders { display: grid; gap: var(--lws-space-4); }
  .lws-account__help { display: grid; gap: var(--lws-space-6); grid-template-columns: minmax(0, 1fr); align-items: start; }
  .lws-account__faq { display: flex; flex-direction: column; gap: var(--lws-space-4); min-width: 0; }
  .lws-account__support { gap: var(--lws-space-3); }
  .lws-account__pagination { justify-content: space-between; }
  .lws-account__lead { max-width: var(--lws-measure); }
  @media (min-width: 768px) {
    .lws-account__help { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
    .lws-account__help:not(:has(.lws-account__faq)) { grid-template-columns: minmax(0, 1fr); }
  }
  @media (min-width: 992px) {
    .lws-account.lws-main { padding-block-start: var(--lws-space-8); }
    .lws-account__layout { grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: var(--lws-space-10); }
    .lws-account-nav { grid-column: 1; }
    .lws-account__content { grid-column: 2; }
  }
  .lws-account .lws-order { gap: var(--lws-space-6); }
  .lws-account .lws-order__section { border-top: 1px solid var(--lws-color-border); padding-block-start: var(--lws-space-6); }
  .lws-account .lws-order__aside .lws-account__help { gap: var(--lws-space-4); grid-template-columns: minmax(0, 1fr); }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .lws-account .lws-order__grid { grid-template-columns: minmax(0, 1fr); gap: var(--lws-space-6); }
    .lws-account .lws-order__aside { position: static; }
  }
}
/* Order view (Polish Round 1). */
@layer lwds.templates {
  /* Order view (Polish Round 1): order details and billing address are two full-width horizontal blocks;
     the support card sits below them with the email action under its text and the guarantee alongside. */
  .lws-account__order-details { display: grid; gap: var(--lws-space-5); }
  .lws-account__order-details .woocommerce-order-details { min-width: 0; }
  .lws-account__order-more { display: grid; gap: var(--lws-space-6); }
  @media (min-width: 768px) {
    .lws-account__order-details .woocommerce-customer-details { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--lws-space-8); align-items: baseline; }
    .lws-account__order-details .woocommerce-customer-details .woocommerce-column__title { margin: 0; }
    /* title | address lines | email/phone, side by side (the address keeps WooCommerce's <br> line breaks) */
    .lws-account__order-details .woocommerce-customer-details address { display: grid; grid-template-columns: auto auto; justify-content: start; column-gap: var(--lws-space-8); align-items: start; }
    .lws-account__order-details .woocommerce-customer-details--email, .lws-account__order-details .woocommerce-customer-details--phone { margin: 0; }
    .lws-account__order-more .lws-order__section { border-top: 0; padding-block-start: 0; }
  }
  .lws-account__order-support .lws-account__help { grid-template-columns: minmax(0, 1fr); }
  .lws-account__order-support .lws-account__support > .lws-button { align-self: flex-start; }
  .lws-account__support-after { display: grid; gap: var(--lws-space-3); margin-block-start: var(--lws-space-2); padding-block-start: var(--lws-space-4); border-top: 1px solid var(--lws-color-border); }
  .lws-account__support-subtitle { margin: 0; font-size: var(--lws-text-body-lg); line-height: 1.3; }
  @media (min-width: 768px) {
    /* Two columns (owner's annotation): left = title, text, email button, guarantee at the bottom; right = "If we still need something". */
    .lws-account__order-support .lws-account__support { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto auto 1fr; grid-template-areas: "title after" "text after" "action after" "guarantee after"; column-gap: var(--lws-space-8); row-gap: var(--lws-space-3); align-items: start; }
    .lws-account__order-support .lws-account__support .lws-card__title { grid-area: title; }
    .lws-account__order-support .lws-account__support > p { grid-area: text; margin: 0; }
    .lws-account__order-support .lws-account__support > .lws-button { grid-area: action; justify-self: start; width: auto; min-width: 16rem; }
    .lws-account__order-support .lws-account__support .lws-guarantee--inline { grid-area: guarantee; align-self: end; padding-top: 0; border-top: 0; }
    .lws-account__order-support .lws-account__support .lws-account__support-after { grid-area: after; margin: 0; padding: 0; border-top: 0; }
  }
}
/* Account details (Polish Round 1): the account form and the security plugin's after-form email panel share one grid;
   the form contributes its cards as grid items (display: contents) so the panel can sit under the Email card. */
@layer lwds.templates {
  .lws-account__details { display: grid; gap: var(--lws-space-4); }
  .lws-account__details > .lws-account__form { display: contents; }
  .lws-account__details > .lws-account__form > * { order: 1; }
  .lws-account__details > .lws-account__form > .lws-account__section--name,
  .lws-account__details > .lws-account__form > .lws-account__section--email { order: 0; }
  .lws-account__details > .lwm-secure-email-change-panel { order: 0; display: flex; flex-direction: column; gap: var(--lws-space-3); }
  .lws-account__details > .lwm-secure-email-change-panel h3 { margin: 0; font-size: var(--lws-text-heading); line-height: 1.3; }
  .lws-account__details > .lwm-secure-email-change-panel > p { margin: 0; font-size: var(--lws-text-small); color: var(--lws-color-text-muted); }
  .lws-account__details > .lwm-secure-email-change-panel form { display: flex; flex-direction: column; gap: var(--lws-space-3); }
}