/* ==========================================================================
   Minha conta e avisos do WooCommerce, na direcao Laboratorio Olfattivo.
   O WooCommerce traz roxo e verde proprios nos avisos. Trocados aqui.
   ========================================================================== */

.woocommerce-account .woocommerce {
  max-width: var(--pp-wrap);
  margin: 0 auto;
  padding: 0 var(--pp-gutter) var(--pp-xl);
  display: flow-root;
}

/* ---------- menu lateral ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left;
  width: 232px;
  margin: 0;
  border-top: 1px solid var(--pp-rule);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0;
  border-bottom: 1px solid var(--pp-rule);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 15px 2px;
  font-family: var(--pp-sans);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pp-muted);
  transition: color 160ms ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  color: var(--pp-ink);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  color: var(--pp-ink);
  box-shadow: inset 2px 0 0 var(--pp-accent);
  padding-left: 14px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: var(--pp-muted);
}

/* ---------- conteudo ---------- */
.woocommerce-account .woocommerce-MyAccount-content {
  float: right;
  width: calc(100% - 232px - 56px);
  margin: 0;
  padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
  font-size: 16px;
  color: var(--pp-body);
}
.woocommerce-account .woocommerce-MyAccount-content mark {
  background: transparent;
  color: var(--pp-ink);
  font-weight: 400;
}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
  font-family: var(--pp-display) !important;
  font-size: 24px;
  margin: 0 0 var(--pp-sm);
}

@media (max-width: 860px) {
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
  }
  .woocommerce-account .woocommerce-MyAccount-content { margin-top: var(--pp-lg); }
}

/* ---------- tabela de pedidos ---------- */
.woocommerce table.woocommerce-orders-table,
.woocommerce table.shop_table {
  width: 100%;
  border: 1px solid var(--pp-rule);
  border-collapse: collapse;
  border-radius: 0;
  margin: 0 0 var(--pp-md);
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border: 0;
  border-bottom: 1px solid var(--pp-rule);
  padding: 16px 18px;
  text-align: left;
  font-size: 14px;
}
.woocommerce table.shop_table thead th {
  background: transparent;
  font-family: var(--pp-sans);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--pp-muted);
}
.woocommerce table.shop_table tbody tr:last-child td { border-bottom: 0; }
.woocommerce table.shop_table tbody tr:hover { background: var(--pp-surface); }
.woocommerce table.shop_table td.woocommerce-orders-table__cell-order-actions .button {
  padding: 9px 16px;
  font-size: 10px;
}

/* ---------- enderecos ---------- */
.woocommerce-account .woocommerce-Addresses {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1px;
  background: var(--pp-rule);
  border: 1px solid var(--pp-rule);
  margin: var(--pp-md) 0 0;
}
.woocommerce-account .woocommerce-Address {
  float: none;
  width: auto;
  background: var(--pp-bg);
  padding: 26px;
}
.woocommerce-account .woocommerce-Address-title h3 {
  font-size: 20px;
  margin: 0 0 10px;
}
.woocommerce-account .woocommerce-Address address {
  font-style: normal;
  font-size: 14px;
  line-height: 1.7;
  color: var(--pp-body);
}

/* ---------- formularios ---------- */
.woocommerce form.woocommerce-form-login,
.woocommerce form.woocommerce-form-register,
.woocommerce form.woocommerce-ResetPassword {
  max-width: 460px;
  margin: var(--pp-lg) auto 0;
  border: 1px solid var(--pp-rule);
  border-radius: 0;
  padding: 38px 36px 34px;
  background: var(--pp-surface);
}
.woocommerce form .form-row { padding: 0; margin: 0 0 18px; }
.woocommerce form .form-row label {
  display: block;
  margin-bottom: 7px;
  font-family: var(--pp-sans);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pp-muted);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  width: 100%;
  background: var(--pp-bg);
  border: 1px solid var(--pp-field);
  padding: 13px 15px;
  font-size: 14px;
  letter-spacing: 0.02em;
}
.woocommerce form .form-row label.woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  gap: 9px;
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: 13px;
  color: var(--pp-body);
}
.woocommerce form .form-row label.woocommerce-form__label-for-checkbox span { margin: 0; }
.woocommerce form.woocommerce-form-login .woocommerce-form-login__submit { width: 100%; margin: 6px 0 0; }
.woocommerce .woocommerce-LostPassword {
  margin: 18px 0 0;
  text-align: center;
  font-size: 13px;
}
.woocommerce .woocommerce-LostPassword a { color: var(--pp-muted); text-decoration: underline; text-decoration-color: var(--pp-rule); }
.woocommerce .woocommerce-LostPassword a:hover { color: var(--pp-accent); }

.woocommerce-account .woocommerce-EditAccountForm fieldset {
  border: 1px solid var(--pp-rule);
  padding: 26px;
  margin: var(--pp-md) 0 0;
}
.woocommerce-account .woocommerce-EditAccountForm legend {
  font-family: var(--pp-display);
  font-size: 18px;
  padding: 0 10px;
}

/* ---------- avisos ---------- */
.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-error {
  background: var(--pp-surface);
  border: 1px solid var(--pp-rule);
  border-top: 2px solid var(--pp-accent);
  border-radius: 0;
  color: var(--pp-ink);
  font-size: 14px;
  line-height: 1.6;
  padding: 18px 22px;
  margin: 0 0 var(--pp-md);
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-error::before,
.woocommerce-page .woocommerce-message::before,
.woocommerce-page .woocommerce-info::before,
.woocommerce-page .woocommerce-error::before {
  content: none;
}
.woocommerce .woocommerce-error { border-top-color: #8C3A2B; }
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-info .button {
  margin-left: auto;
  padding: 10px 20px;
  font-size: 10px;
}

/* ---------- paginacao de pedidos ---------- */
.woocommerce .woocommerce-pagination ul.page-numbers {
  border: 1px solid var(--pp-rule);
  border-radius: 0;
}
.woocommerce .woocommerce-pagination ul.page-numbers li { border-right: 1px solid var(--pp-rule); }
.woocommerce .woocommerce-pagination ul.page-numbers li:last-child { border-right: 0; }
.woocommerce .woocommerce-pagination ul.page-numbers a,
.woocommerce .woocommerce-pagination ul.page-numbers span {
  padding: 11px 16px;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--pp-muted);
}
.woocommerce .woocommerce-pagination ul.page-numbers span.current {
  background: var(--pp-ink);
  color: var(--pp-bg);
}