/* EVARTE — accessible account measurement editor. Uses the shared brand palette. */
body.woocommerce-account .evarte-measures {
  max-width: 980px; min-width: 0; color: var(--evarte-charcoal);
}
body.woocommerce-account .evarte-measures h2,
body.woocommerce-account .evarte-measures h3,
body.woocommerce-account .evarte-measures h4 {
  color: var(--evarte-burgundy); font-family: var(--evarte-font-heading);
  margin: 18px 0 10px; line-height: 1.35;
}
body.woocommerce-account .evarte-measures h2 { font-size: clamp(24px,3vw,32px); }
body.woocommerce-account .evarte-measures h3 { font-size: 21px; }
body.woocommerce-account .evarte-measures h4 { font-size: 17px; }
.evarte-measures .evarte-measure-notice {
  border-inline-start: 3px solid var(--evarte-turquoise); background: var(--evarte-surface);
  padding: 12px 16px; border-radius: var(--evarte-radius);
}
.evarte-measure-types {
  display: flex; gap: 10px; flex-wrap: wrap; margin: 12px 0 14px;
}
.evarte-measure-types a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px;
  border: 1px solid var(--evarte-silver); border-radius: var(--evarte-radius);
  color: var(--evarte-burgundy); text-decoration: none;
}
.evarte-measure-types a[aria-current="page"] {
  background: var(--evarte-surface); border-color: var(--evarte-turquoise);
  font-weight: 650;
}
.evarte-measure-form {
  padding: clamp(16px,3vw,28px); background: var(--evarte-surface);
  border: 1px solid var(--evarte-silver); border-radius: var(--evarte-radius);
}
.evarte-measure-form p { margin: 0 0 14px; }
.evarte-measure-form label { display: block; font-weight: 600; margin-bottom: 6px; color: var(--evarte-charcoal); }
.evarte-measure-form input {
  display: block; width: 100%; min-width: 0; min-height: 46px; box-sizing: border-box;
  padding: 10px 12px; border: 1px solid var(--evarte-silver); border-radius: var(--evarte-radius);
  background: var(--evarte-ivory); color: var(--evarte-charcoal); font-size: 16px;
}
.evarte-measure-inputs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 16px; }
.evarte-measures button.evarte-measure-save {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 11px 22px; border: 1px solid var(--evarte-silver);
  border-radius: var(--evarte-radius); background: var(--evarte-burgundy);
  color: var(--evarte-ivory); font-size: 15px; font-weight: 650; cursor: pointer;
}
.evarte-measure-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; padding: 0; margin: 16px 0 30px; list-style: none; }
.evarte-measure-record {
  padding: 16px; min-width: 0; border: 1px solid var(--evarte-silver);
  border-radius: var(--evarte-radius); background: var(--evarte-surface);
}
.evarte-measure-record p { margin: 4px 0 12px; }
.evarte-measure-record dl { margin: 0 0 12px; }
.evarte-measure-record dl > div { display: grid; grid-template-columns: minmax(100px, 1fr) auto; gap: 10px; padding: 6px 0; border-bottom: 1px solid rgba(89,84,90,.18); }
.evarte-measure-record dt { font-weight: 500; }
.evarte-measure-record dd { font-weight: 600; margin: 0; text-align: right; }
.evarte-measure-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.evarte-measure-actions form { margin: 0; }
.evarte-measure-actions a,
.evarte-measure-actions button {
  display: inline-flex; align-items: center; min-height: 44px; padding: 7px 12px;
  border: 1px solid var(--evarte-silver); border-radius: var(--evarte-radius);
  background: var(--evarte-ivory); color: var(--evarte-burgundy); font-size: 14px;
  text-decoration: none; cursor: pointer;
}
.evarte-measures :is(a,button,input):focus-visible {
  outline: 3px solid var(--evarte-turquoise) !important; outline-offset: 3px;
}
@media (max-width: 767px) {
  .evarte-measure-list, .evarte-measure-inputs { grid-template-columns: minmax(0,1fr); }
  .evarte-measure-form { padding: 15px; }
  .evarte-measure-types { flex-direction: column; }
}
