/* L'area clienti usa i colori e la tipografia del sito; il foglio è caricato
   soltanto sulla pagina account e non altera carrello, cassa o email. */
.woocommerce-account .page-content-wrap > .woocommerce {
  max-width: 1100px;
  margin-inline: auto;
}

.woocommerce-account .woocommerce {
  color: var(--slate);
  min-width: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 100%;
  float: none;
  margin-bottom: 28px;
  border-bottom: 1px solid var(--border);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block;
  padding: 10px 0;
  color: var(--slate);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation a:focus-visible {
  color: var(--primary);
  border-color: var(--primary);
}
.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
  float: none;
  min-width: 0;
}

.woocommerce-account h2,
.woocommerce-account h3,
.woocommerce-account .dtf-account-titolo { color: var(--ink); }
.woocommerce-account .dtf-account-titolo { margin: 0 0 20px; }
.woocommerce-account .dtf-account-metri {
  display: inline-block;
  padding: 10px 16px;
  border-radius: var(--radius-md);
  background: var(--surface);
  color: var(--ink);
  font-size: var(--text-lg);
}

.woocommerce-account .woocommerce-button,
.woocommerce-account .woocommerce .button,
.woocommerce-account .woocommerce-MyAccount-content .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 18px;
  border: 1px solid var(--primary);
  border-radius: var(--radius-md);
  background: var(--primary);
  color: var(--white);
  font-family: inherit;
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
}
.woocommerce-account .woocommerce-button:hover,
.woocommerce-account .woocommerce .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .button:hover {
  background: var(--primary-hover);
  color: var(--white);
}
.woocommerce-account .woocommerce-button:focus-visible,
.woocommerce-account input:focus-visible,
.woocommerce-account select:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

.woocommerce-account .woocommerce form .form-row { margin-bottom: 18px; }
.woocommerce-account .woocommerce form label {
  color: var(--ink);
  font-weight: 600;
  margin-bottom: 6px;
}
.woocommerce-account .woocommerce form .input-text,
.woocommerce-account .woocommerce form input[type="email"],
.woocommerce-account .woocommerce form input[type="password"],
.woocommerce-account .woocommerce form select,
.woocommerce-account .woocommerce form textarea {
  width: 100%;
  max-width: 100%;
  min-height: 46px;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--white);
  color: var(--ink);
  font: inherit;
}
.woocommerce-account .woocommerce form fieldset {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  margin: 24px 0;
  padding: 18px;
}
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-account .woocommerce-ResetPassword {
  max-width: 520px;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--white);
  box-shadow: var(--shadow-sm);
}
.woocommerce-account #customer_login {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 36px;
}
.woocommerce-account #customer_login > div { width: 100%; float: none; min-width: 0; }
.woocommerce-account .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 8px; }
.woocommerce-account .woocommerce-form-login__rememberme input { width: auto; }
.woocommerce-account .dtf-account-trappola {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-table--order-details {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .woocommerce-table--order-details th,
.woocommerce-account .woocommerce-table--order-details td {
  padding: 12px 10px;
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.woocommerce-account .woocommerce-orders-table thead,
.woocommerce-account .woocommerce-table--order-details thead { background: var(--surface); color: var(--ink); }
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button { margin: 0; }
.woocommerce-account .woocommerce-orders-table__cell-dtf-meters { font-weight: 700; color: var(--ink); }
.woocommerce-account .dtf-account-vai { margin-top: 22px; }
.woocommerce-account .wc-item-meta,
.woocommerce-account .wc-item-meta li,
.woocommerce-account .wc-item-meta p { overflow-wrap: anywhere; }
.woocommerce-account .wc-item-meta li { margin: 3px 0; }
.woocommerce-account .woocommerce-Addresses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.woocommerce-account .woocommerce-Addresses > div { float: none; width: 100%; min-width: 0; }
.woocommerce-account .woocommerce-Address {
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.woocommerce-account .woocommerce-Address address { overflow-wrap: anywhere; }
.woocommerce-account .woocommerce-notices-wrapper,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message { max-width: 100%; box-sizing: border-box; }

@media (max-width: 700px) {
  .woocommerce-account .page-content-wrap { padding-top: 28px; }
  .woocommerce-account #customer_login,
  .woocommerce-account .woocommerce-Addresses { grid-template-columns: 1fr; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul { gap: 0 16px; }
  .woocommerce-account .woocommerce-form-login,
  .woocommerce-account .woocommerce-form-register,
  .woocommerce-account .woocommerce-ResetPassword { padding: 18px; }
  .woocommerce-account .woocommerce-orders-table { display: block; border: 0; }
  .woocommerce-account .woocommerce-orders-table thead { display: none; }
  .woocommerce-account .woocommerce-orders-table tbody,
  .woocommerce-account .woocommerce-orders-table tr { display: block; }
  .woocommerce-account .woocommerce-orders-table tr {
    margin-bottom: 16px;
    padding: 8px 16px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
  }
  .woocommerce-account .woocommerce-orders-table th,
  .woocommerce-account .woocommerce-orders-table td {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border: 0;
    text-align: right;
  }
  .woocommerce-account .woocommerce-orders-table th::before,
  .woocommerce-account .woocommerce-orders-table td::before {
    content: attr(data-title);
    font-weight: 600;
    color: var(--muted);
    text-align: left;
  }
  .woocommerce-account .woocommerce-table--order-details { table-layout: auto; }
  .woocommerce-account .woocommerce-table--order-details th,
  .woocommerce-account .woocommerce-table--order-details td { padding: 9px 6px; }
}

/* La colonna dei prezzi resta stretta e su una riga: sul telefono andava a
   capo in mezzo alla cifra ("€13,2" sopra, "8" sotto). */
.woocommerce-account .woocommerce-table--order-details th.product-total,
.woocommerce-account .woocommerce-table--order-details td.product-total,
.woocommerce-account .woocommerce-table--order-details tfoot td {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}
.woocommerce-account .woocommerce-table--order-details td.product-name {
  overflow-wrap: anywhere;
}

/* Ancora del link "Registrati" nel footer: lascia spazio all'intestazione
   fissa e al titolo "Registrati" sopra il modulo. */
.dtf-ancora-registrati { display: block; scroll-margin-top: 150px; }