/* =========================================================================
   My account (Area personale) — theme overrides in woocommerce/myaccount/
   ========================================================================= */

.woocommerce-account .woocommerce { display:block; }
.sar-account-layout { display:grid; grid-template-columns:16.375rem minmax(0,1fr); gap:1.625rem; align-items:start; }
.woocommerce-account .sar-account-layout .woocommerce-MyAccount-content { min-width:0; width:auto; float:none; }
.woocommerce-account .sar-account-layout .woocommerce-MyAccount-navigation { width:auto; float:none; }

/* Sidebar nav */
.woocommerce-MyAccount-navigation {
  position:sticky; top:var(--sticky-top); min-width:0;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-l);
  box-shadow:var(--shadow-1); padding:0.625rem; float:none; width:auto;
}
.woocommerce-MyAccount-navigation ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0.125rem; }
.woocommerce-account .woocommerce-MyAccount-navigation li { min-width:0; display:flex; padding:0; margin:0; }
.woocommerce-MyAccount-navigation li a { flex:1 1 auto; }
.woocommerce-MyAccount-navigation li a {
  display:flex; align-items:center; gap:0.75rem; padding:0.6875rem 0.875rem; border-radius:var(--radius-m);
  font-family:var(--font-display); font-weight:600; font-size:0.90625rem; color:var(--ink); text-decoration:none;
  transition:background .2s, color .2s;
}
.woocommerce-MyAccount-navigation .sar-nav-ic { display:inline-flex; flex-shrink:0; color:var(--muted); transition:color .2s; }
.woocommerce-MyAccount-navigation .sar-nav-ic svg { width:1.125rem; height:1.125rem; display:block; }
.woocommerce-MyAccount-navigation li a:hover { background:var(--surface-2); color:var(--red); }
.woocommerce-MyAccount-navigation li a:hover .sar-nav-ic,
.woocommerce-MyAccount-navigation li.is-active a .sar-nav-ic { color:var(--red); }
.woocommerce-MyAccount-navigation li.is-active a { background:var(--tint); color:var(--red); }
.woocommerce-MyAccount-navigation li a:focus-visible { outline:none; box-shadow:0 0 0 3px var(--focus); }
:root[data-theme="dark"] .woocommerce-MyAccount-navigation li a:hover,
:root[data-theme="dark"] .woocommerce-MyAccount-navigation li.is-active a,
:root[data-theme="dark"] .woocommerce-MyAccount-navigation li a:hover .sar-nav-ic,
:root[data-theme="dark"] .woocommerce-MyAccount-navigation li.is-active a .sar-nav-ic { color:var(--red-on-dark); }
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .woocommerce-MyAccount-navigation li a:hover,
  :root:not([data-theme="light"]) .woocommerce-MyAccount-navigation li.is-active a,
  :root:not([data-theme="light"]) .woocommerce-MyAccount-navigation li a:hover .sar-nav-ic,
  :root:not([data-theme="light"]) .woocommerce-MyAccount-navigation li.is-active a .sar-nav-ic { color:var(--red-on-dark); }
}

/* Bacheca: welcome + quick-link cards */
.sar-welcome { margin-bottom:1.375rem; }
.sar-welcome-title { font-family:var(--font-display); font-weight:800; font-size:clamp(1.25rem,3vw,1.75rem); letter-spacing:-.02em; line-height:1.08; margin:0 0 0.625rem; }
.sar-sect-intro { color:var(--muted); font-size:0.9375rem; max-width:62ch; margin:0; }
.sar-quicklinks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.125rem; }
.sar-qcard {
  display:flex; flex-direction:column; gap:0.75rem; padding:1.375rem; text-decoration:none; min-width:0;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-l);
  box-shadow:var(--shadow-1); color:var(--ink);
  transition:transform .18s cubic-bezier(.4,0,.2,1), box-shadow .22s ease, border-color .2s ease;
}
.sar-qcard:hover { transform:translateY(-0.25rem); box-shadow:var(--shadow-2); border-color:var(--line-strong); }
.sar-qcard:focus-visible { outline:none; box-shadow:0 0 0 4px var(--focus); }
.sar-qic { width:2.75rem; height:2.75rem; border-radius:0.75rem; background:var(--tint); color:var(--red); display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
.sar-qic svg { width:1.375rem; height:1.375rem; }
.sar-qtitle { font-family:var(--font-display); font-weight:700; font-size:1.03125rem; letter-spacing:-.01em; }
.sar-qdesc { font-size:0.84375rem; color:var(--muted); line-height:1.5; }
.sar-qgo { font-family:var(--font-display); font-weight:600; font-size:0.8125rem; color:var(--red); display:inline-flex; align-items:center; gap:0.375rem; margin-top:auto; }
.sar-qgo svg { width:0.9375rem; height:0.9375rem; }
:root[data-theme="dark"] .sar-qic, :root[data-theme="dark"] .sar-qgo { color:var(--red-on-dark); }
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .sar-qic, :root:not([data-theme="light"]) .sar-qgo { color:var(--red-on-dark); } }

/* Shared content panel (Ordini / Dettagli account) */
.woocommerce-account .sar-orders-panel,
.woocommerce-account .sar-details-panel { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-l); box-shadow:var(--shadow-1); }
.woocommerce-account .panel-head { display:flex; align-items:center; gap:0.75rem; padding:1.25rem 1.5rem; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.woocommerce-account .panel-head h2 { font-family:var(--font-display); font-weight:700; font-size:1.1875rem; letter-spacing:-.01em; margin:0; line-height:1.2; }
.woocommerce-account .panel-body { padding:1.5rem; }

/* Small button variant (used by order actions + address edit) */
.btn-sm { font-size:0.8125rem; padding:0.5rem 0.9375rem; border-radius:0.5625rem; }
.btn-sm svg { width:0.9375rem !important; height:0.9375rem !important; }

/* Generic account tables (view-order details, downloads, payment methods) */
.woocommerce-account table.shop_table:not(.orders) { width:100%; border-collapse:collapse; font-size:0.90625rem; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-l); overflow:hidden; box-shadow:var(--shadow-1); }
.woocommerce-account table.shop_table:not(.orders) thead th {
  text-align:left; font-family:var(--font-label); font-size:0.6875rem; letter-spacing:.12em; text-transform:uppercase;
  color:var(--muted); font-weight:600; padding:0.875rem 1rem; border-bottom:1px solid var(--line); white-space:nowrap;
}
.woocommerce-account table.shop_table:not(.orders) tbody td,
.woocommerce-account table.shop_table:not(.orders) tbody th { padding:1rem; border-bottom:1px solid var(--line); vertical-align:middle; color:var(--ink); }
.woocommerce-account table.shop_table:not(.orders) tbody tr:last-child td { border-bottom:0; }

/* Orders table */
.woocommerce-account .sar-orders-wrap { overflow-x:auto; }
.woocommerce-account table.orders,
.woocommerce-account .sar-orders-panel table.shop_table { width:100%; border-collapse:collapse; font-size:0.90625rem; background:transparent; border:0; border-radius:0; overflow:visible; box-shadow:none; }
.woocommerce-account table.orders thead th {
  text-align:left; font-family:var(--font-label); font-size:0.6875rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--muted); font-weight:600; padding:0 1rem 0.75rem; border-bottom:1px solid var(--line); white-space:nowrap;
}
.woocommerce-account table.orders thead th.woocommerce-orders-table__header-order-actions { text-align:right; }
.woocommerce-account table.orders tbody td,
.woocommerce-account table.orders tbody th { padding:1rem; border-bottom:1px solid var(--line); vertical-align:middle; color:var(--ink); text-align:left; font-weight:400; }
.woocommerce-account table.orders tbody tr:last-child td,
.woocommerce-account table.orders tbody tr:last-child th { border-bottom:0; }
.woocommerce-account table.orders .sar-ord-info { display:block; }
.woocommerce-account table.orders .sar-ord-id { font-family:var(--font-label); font-weight:600; color:var(--ink); font-variant-numeric:tabular-nums; text-decoration:none; }
.woocommerce-account table.orders .sar-ord-id:hover { color:var(--red); }
:root[data-theme="dark"] .woocommerce-account table.orders .sar-ord-id:hover { color:var(--red-on-dark); }
.woocommerce-account table.orders .sar-ord-prod { display:block; font-size:0.8125rem; color:var(--muted); margin-top:0.1875rem; }
.woocommerce-account table.orders .sar-ord-date { color:var(--muted); white-space:nowrap; }
.woocommerce-account table.orders .sar-ord-total { font-family:var(--font-display); font-weight:700; letter-spacing:-.01em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.woocommerce-account table.orders .sar-ord-total .woocommerce-Price-amount { font-family:inherit; }
.woocommerce-account table.orders td.woocommerce-orders-table__cell-order-actions { text-align:right; white-space:nowrap; }

/* Order status chips — green / gold / neutral tokens, no glow */
.sar-ochip { font-family:var(--font-label); font-size:0.6875rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; padding:0.3125rem 0.625rem; border-radius:0.375rem; display:inline-flex; align-items:center; gap:0.375rem; white-space:nowrap; }
.sar-ochip svg { width:0.8125rem; height:0.8125rem; }
.sar-ochip--done { background:var(--green-tint); color:var(--green-text); border:1px solid var(--green); }
.sar-ochip--done svg { color:var(--green); }
:root[data-theme="dark"] .sar-ochip--done svg { color:var(--green); }
.sar-ochip--proc { background:var(--gold-tint); color:var(--gold-text); border:1px solid rgba(242,169,0,.4); }
:root[data-theme="dark"] .sar-ochip--proc { color:var(--gold); }
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .sar-ochip--proc { color:var(--gold); } }
.sar-ochip--wait { background:transparent; color:var(--muted); border:1px solid var(--line-strong); }
.sar-ochip--cancel { background:var(--surface-2); color:var(--muted); border:1px solid var(--line-strong); }

/* Order action buttons (outline small) — "pay" gets primary emphasis */
.woocommerce-account table.orders .sar-obtn,
.sar-orders-pagination .sar-obtn {
  display:inline-flex; align-items:center; justify-content:center; margin:0.125rem 0 0.125rem 0.5rem;
  font-family:var(--font-display); font-weight:600; font-size:0.8125rem; padding:0.5rem 0.9375rem; border-radius:0.5625rem;
  background:transparent; color:var(--ink); border:1.5px solid var(--line-strong); box-shadow:none; text-decoration:none;
  transition:transform .18s cubic-bezier(.4,0,.2,1), box-shadow .22s ease, color .2s, border-color .2s;
}
.woocommerce-account table.orders .sar-obtn:first-child { margin-left:0; }
.woocommerce-account table.orders .sar-obtn:hover,
.sar-orders-pagination .sar-obtn:hover { border-color:var(--red); color:var(--red); transform:translateY(-0.0625rem); box-shadow:var(--shadow-1); }
:root[data-theme="dark"] .woocommerce-account table.orders .sar-obtn:hover,
:root[data-theme="dark"] .sar-orders-pagination .sar-obtn:hover { border-color:var(--red-on-dark); color:var(--red-on-dark); }
.woocommerce-account table.orders .sar-obtn--primary { background:var(--red); color:#fff; border-color:transparent; box-shadow:var(--shadow-red); }
.woocommerce-account table.orders .sar-obtn--primary:hover { background:var(--red-strong); color:#fff; border-color:transparent; }
.sar-orders-pagination { display:flex; gap:0.625rem; margin-top:1.25rem; }

/* Empty state (no orders) */
.sar-empty { text-align:center; padding:1.625rem 1.25rem 1.875rem; }
.sar-empty-ic { display:inline-flex; align-items:center; justify-content:center; width:3.75rem; height:3.75rem; border-radius:1rem; background:var(--surface-2); color:var(--muted); margin-bottom:1.125rem; }
.sar-empty-ic svg { width:1.875rem; height:1.875rem; }
.sar-empty-title { font-family:var(--font-display); font-weight:700; font-size:1.125rem; letter-spacing:-.01em; margin:0 0 0.375rem; }
.sar-empty-text { color:var(--muted); font-size:0.90625rem; margin:0 auto 1.25rem; max-width:46ch; }

/* Addresses */
.sar-addr-intro { margin-bottom:1.25rem; }
.woocommerce-account .sar-addr-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.375rem; margin:0; }
/* WooCommerce lays .col2-set out with floats and a clearfix: inside a grid the
   pseudo-elements take up cells and the columns stay at 48%. */
.woocommerce-account .woocommerce .col2-set::before,
.woocommerce-account .woocommerce .col2-set::after { content:none; display:none; }
.woocommerce-account .woocommerce .col2-set > .col-1,
.woocommerce-account .woocommerce .col2-set > .col-2,
.woocommerce-account .woocommerce .col2-set > div { float:none; width:auto; margin:0; }
.woocommerce-account .sar-addr-card { min-width:0; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-l); box-shadow:var(--shadow-1); padding:1.5rem; display:flex; flex-direction:column; }
.woocommerce-account .sar-addr-head { display:block; margin:0 0 0.875rem; }
.woocommerce-account .sar-addr-head h2, .woocommerce-account .sar-addr-head h3 { font-family:var(--font-display); font-weight:700; font-size:1.03125rem; letter-spacing:-.01em; margin:0; }
.woocommerce-account .sar-addr-body { font-style:normal; line-height:1.7; font-size:0.90625rem; color:var(--ink); }
.woocommerce-account .sar-addr-empty { color:var(--muted); }
.woocommerce-account .sar-addr-act { margin-top:1.125rem; }
.woocommerce-account .sar-addr-edit { display:inline-flex; align-items:center; gap:0.5rem; }

/* Edit-account / Dettagli account form */
.woocommerce-account .sar-account-form { max-width:none; }
.woocommerce-account .sar-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem 1.125rem; }
.woocommerce-account .woocommerce .sar-form-grid > .woocommerce-form-row,
.woocommerce-account .woocommerce .sar-form-grid > p { width:100%; float:none; margin:0; }
.woocommerce-account .sar-account-form .form-row { display:flex; flex-direction:column; gap:0.4375rem; margin:0; min-width:0; }
.woocommerce-account .sar-account-form .sar-field-full { grid-column:1 / -1; }
.woocommerce-account .sar-form-grid > .form-row-wide { grid-column:1 / -1; }
.woocommerce-account .sar-account-form .form-row label { font-family:var(--font-display); font-weight:600; font-size:0.8125rem; color:var(--ink); }
.woocommerce-account .sar-account-form .sar-req { color:var(--red); font-weight:700; }
:root[data-theme="dark"] .woocommerce-account .sar-account-form .sar-req { color:var(--red-on-dark); }
.woocommerce-account .sar-account-form .sar-field-note { font-size:0.75rem; color:var(--muted); }
.woocommerce-account .sar-account-form .sar-field-note em { font-style:normal; }
.woocommerce-account .sar-pass-fieldset { border:0; padding:0; margin:0; }
.woocommerce-account .sar-form-section-head { font-family:var(--font-display); font-weight:700; font-size:1rem; letter-spacing:-.01em; margin:1.625rem 0 0.25rem; padding-top:1.375rem; border-top:1px solid var(--line); float:none; width:100%; }
.woocommerce-account .sar-form-section-note { font-size:0.8125rem; color:var(--muted); margin:0 0 1rem; line-height:1.5; }
.woocommerce-account .sar-form-actions { margin:1.5rem 0 0; }
.woocommerce-account .sar-form-actions .btn-primary { display:inline-flex; }

/* Login / register two-card layout */
.sar-auth--two .sar-auth-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.375rem; align-items:stretch; float:none; }
.sar-authcard { min-width:0; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-l); box-shadow:var(--shadow-1); padding:1.625rem; float:none; width:auto; transition:transform .25s cubic-bezier(.4,0,.2,1), box-shadow .28s ease; }
.sar-auth--two { max-width:58.75rem; margin-inline:auto; }
.woocommerce-account .woocommerce .sar-authcard form.login,
.woocommerce-account .woocommerce .sar-authcard form.register {
  border:0; padding:0; margin:1.125rem 0 0; border-radius:0; background:transparent;
}
.woocommerce-account .woocommerce .sar-authcard button.woocommerce-form-register__submit {
  background:transparent; color:var(--ink); border:1.5px solid var(--line-strong); box-shadow:none;
}
.woocommerce-account .woocommerce .sar-authcard button.woocommerce-form-register__submit:hover { background:var(--surface-2); color:var(--ink); }
.sar-authcard .woocommerce-form-login__rememberme { display:flex; align-items:center; gap:0.5625rem; font-size:0.875rem; color:var(--muted); }
.sar-authcard .woocommerce-form-login__rememberme input { width:auto; margin:0; }
.sar-authcard .woocommerce-privacy-policy-text p { font-size:0.8125rem; color:var(--muted); line-height:1.55; }
.sar-authcard--solo { max-width:28.75rem; }
.sar-authcard-head { margin-bottom:0.5rem; }
.sar-authcard-head .eyebrow { margin-bottom:0.625rem; }
.sar-authcard-head h2 { font-family:var(--font-display); font-weight:800; font-size:clamp(1.25rem,3vw,1.6875rem); line-height:1.08; letter-spacing:-.02em; margin:0 0 0.375rem; border:0; }
.sar-authcard-head p { color:var(--muted); font-size:0.90625rem; margin:0; max-width:42ch; }
.sar-authcard .woocommerce-form-login__submit,
.sar-authcard .woocommerce-form-register__submit { width:100%; }
.sar-authcard .lost_password { margin-top:0.875rem; font-size:0.84375rem; }

.woocommerce-account-gravatar {
  display:flex; align-items:center; gap:0.6875rem; padding:0.25rem 0.875rem 0.875rem; margin:0 -0.625rem 0.5rem;
  border-bottom:1px solid var(--line);
}
.woocommerce-account .woocommerce-account-gravatar { flex-direction:row; text-align:left; width:auto; }
.woocommerce-account .woocommerce-account-gravatar__avatar-wrapper {
  width:auto; height:auto; flex:0 0 auto; margin:0; padding:0;
}
.woocommerce-account-gravatar img, .woocommerce-account-gravatar .avatar {
  width:2.5rem; height:2.5rem; border-radius:50%; margin:0; flex-shrink:0; background:var(--surface-2); display:block;
}
.woocommerce-account .woocommerce-account-gravatar__display-name { min-width:0; }
.woocommerce-account-gravatar a, .woocommerce-account-gravatar p, .woocommerce-account-gravatar span {
  margin:0; font-family:var(--font-display); font-weight:600; font-size:0.90625rem; color:var(--ink);
  text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* Responsive: sidebar becomes a horizontal tab bar; cards stack */
@media (max-width:860px){
  .sar-account-layout { grid-template-columns:minmax(0,1fr); gap:1.125rem; }
  .woocommerce-MyAccount-navigation { position:static; padding:0.5rem; }
  .woocommerce-MyAccount-navigation ul {
    flex-direction:row; flex-wrap:nowrap; overflow-x:auto; gap:0.375rem;
    scrollbar-width:none; -webkit-overflow-scrolling:touch;
  }
  .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display:none; }
  .woocommerce-MyAccount-navigation li { flex:0 0 auto; }
  .woocommerce-MyAccount-navigation li a {
    white-space:nowrap; padding:0.5625rem 0.875rem; border-radius:62.4375rem; font-size:0.875rem; gap:0.5rem;
    background:var(--surface-2);
  }
  .woocommerce-MyAccount-navigation li.is-active a { background:var(--tint); }
  .woocommerce-account-gravatar { padding:0.125rem 0.25rem 0.75rem; margin-bottom:0.5rem; }
  .sar-quicklinks { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sar-auth--two .sar-auth-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:560px){
  .sar-quicklinks { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:640px){
  .sar-quicklinks { grid-template-columns:minmax(0,1fr); }
  .woocommerce-account .sar-addr-grid { grid-template-columns:minmax(0,1fr); }
  .woocommerce-account .sar-form-grid { grid-template-columns:minmax(0,1fr); }
  .woocommerce-account .panel-body { padding:1.25rem 1.125rem; }

  /* Orders table -> stacked cards */
  .woocommerce-account table.orders thead { position:absolute; width:0.0625rem; height:0.0625rem; padding:0; margin:-0.0625rem; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .woocommerce-account table.orders,
  .woocommerce-account table.orders tbody,
  .woocommerce-account table.orders tr,
  .woocommerce-account table.orders td,
  .woocommerce-account table.orders th { display:block; width:100%; }
  .woocommerce-account table.orders tr { border:1px solid var(--line); border-radius:var(--radius-m); margin-bottom:0.875rem; padding:0.375rem 0.25rem; box-shadow:var(--shadow-1); }
  .woocommerce-account table.orders tbody td,
  .woocommerce-account table.orders tbody th { border-bottom:1px solid var(--line); padding:0.6875rem 1rem; display:flex; align-items:center; justify-content:space-between; gap:0.875rem; text-align:right; }
  .woocommerce-account table.orders tbody tr td:last-child,
  .woocommerce-account table.orders tbody tr th:last-child { border-bottom:0; }
  .woocommerce-account table.orders tbody td::before,
  .woocommerce-account table.orders tbody th::before { content:attr(data-title); font-family:var(--font-label); font-size:0.6875rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); font-weight:600; text-align:left; flex-shrink:0; }
  .woocommerce-account table.orders td.woocommerce-orders-table__cell-order-actions { justify-content:flex-end; text-align:right; }
  .woocommerce-account table.orders td.woocommerce-orders-table__cell-order-actions::before { content:""; }
  .woocommerce-account table.orders .sar-ord-info { text-align:right; }
}

/* WooCommerce notices */
.woocommerce-message, .woocommerce-info, .wc-block-components-notice-banner {
  border-radius:var(--radius-m); border-left:none;
}
.woocommerce-message { border-top:3px solid var(--gold); }
.wc-block-components-notice-banner.is-success {
  background:var(--green-tint); border-color:var(--green); color:var(--ink);
}
.wc-block-components-notice-banner.is-success svg { fill:var(--green); }
.wc-block-components-notice-banner.is-error {
  background:var(--tint); border-color:var(--red); color:var(--ink);
}
.wc-block-components-notice-banner.is-error svg { fill:var(--red); }
.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-warning {
  background:var(--surface-2); border-color:var(--line-strong); color:var(--ink);
}
.wc-block-components-notice-banner.is-info svg,
.wc-block-components-notice-banner.is-warning svg { fill:var(--muted); }
.wc-block-components-notice-banner a { color:var(--ink); }
.wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward {
  color:var(--ink) !important; opacity:1; font-family:var(--font-display); font-weight:600; font-size:0.875rem;
}