.elementor-31 .elementor-element.elementor-element-c2919d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31 .elementor-element.elementor-element-d72d532{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31 .elementor-element.elementor-element-99a319d{--spacer-size:50px;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-0908bb5 *//* =====================================================
   ART'S JOIAS — CSS MINHA CONTA (WooCommerce)
   Colar em: Elementor > Site Settings > Custom CSS
   ou: WordPress > Aparência > Personalizar > CSS adicional
   =====================================================

   CONVERSÃO DO CSS DO ATELIÊ DO CHEIRO:
   · Rosa (#b5647a) e blush (#fee4ec) → ouro denso + creme.
   · Jost → DM Sans; títulos internos em Cormorant Garamond.
   · Botões: o rosa chapado virou ouro escuro com varredura de
     brilho no hover. O gradiente NÃO usa #C9A227 como fundo de
     texto branco — daria 2,1:1 de contraste, ilegível. O teto é
     #8A6A18 (4,6:1), que passa em AA.
   · Item ativo do menu: a barra lateral virou losango facetado,
     a mesma geometria do cabeçalho e do filtro de preço.
   · Links do conteúdo em #8A6A18, não em #C9A227, pelo mesmo
     motivo de contraste.
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;700&display=swap');

/* ─────────────────────────────────────────
   VARIÁVEIS
───────────────────────────────────────── */
:root {
  --aj-ouro-esc:    #43340B;   /* texto forte           */
  --aj-ouro-den:    #6E5210;   /* ouro denso            */
  --aj-ouro-md:     #8A6A18;   /* links / texto de apoio */
  --aj-ouro:        #C9A227;   /* acento                */
  --aj-champanhe:   #E8CF7E;   /* adorno                */
  --aj-texto:       #5A4A28;   /* corpo                 */
  --aj-creme:       #FBF6E9;   /* fundo do menu         */
  --aj-creme-lt:    #FDFAF2;   /* hover de linha        */
  --aj-borda:       #EADFC2;
  --aj-branco:      #ffffff;
  --aj-font-serif:  'Cormorant Garamond', Georgia, serif;
  --aj-font-sans:   'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ─────────────────────────────────────────
   CONTAINER GERAL
───────────────────────────────────────── */
.woocommerce-account,
.woocommerce-account .woocommerce {
  font-family: var(--aj-font-sans) !important;
  color: var(--aj-ouro-esc) !important;
}

/* ─────────────────────────────────────────
   MENU LATERAL (Tabs / Nav)
───────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--aj-creme) !important;
  border: 1px solid var(--aj-borda) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  padding: 8px 0 !important;
  box-shadow: 0 2px 14px rgba(138, 106, 24, .07) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid var(--aj-borda) !important;
  position: relative !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  padding: 14px 24px !important;
  font-family: var(--aj-font-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--aj-texto) !important;
  text-decoration: none !important;
  letter-spacing: .015em !important;
  transition: background .25s ease, color .25s ease, padding .25s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--aj-creme-lt) !important;
  color: var(--aj-ouro-den) !important;
  padding-left: 30px !important;
}

/* Item ativo — losango de ourives no lugar da barra lateral */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
  background: linear-gradient(90deg, rgba(232,207,126,.30), rgba(232,207,126,.10)) !important;
  color: var(--aj-ouro-den) !important;
  font-weight: 700 !important;
  padding-left: 34px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a::before {
  content: '';
  position: absolute;
  left: 16px;
  top: 50%;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(45deg);
  background: linear-gradient(135deg, var(--aj-champanhe), var(--aj-ouro) 50%, var(--aj-ouro-md));
  box-shadow: inset 0 0 0 .5px rgba(255,255,255,.6), 0 1px 4px rgba(138,106,24,.3);
}

/* ─────────────────────────────────────────
   CONTEÚDO PRINCIPAL
───────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-content {
  background: var(--aj-branco) !important;
  border: 1px solid var(--aj-borda) !important;
  border-radius: 16px !important;
  padding: 32px !important;
  font-family: var(--aj-font-sans) !important;
  font-size: 14px !important;
  color: var(--aj-ouro-esc) !important;
  line-height: 1.7 !important;
  box-shadow: 0 2px 14px rgba(138, 106, 24, .06) !important;
}

.woocommerce-account .woocommerce-MyAccount-content p {
  font-size: 14px !important;
  color: var(--aj-texto) !important;
  line-height: 1.8 !important;
}

.woocommerce-account .woocommerce-MyAccount-content strong {
  color: var(--aj-ouro-esc) !important;
  font-weight: 700 !important;
}

/* Links internos */
.woocommerce-account .woocommerce-MyAccount-content a {
  color: var(--aj-ouro-md) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  background-image: linear-gradient(90deg, var(--aj-ouro), var(--aj-champanhe)) !important;
  background-size: 0% 1px !important;
  background-repeat: no-repeat !important;
  background-position: 0 100% !important;
  transition: background-size .3s ease, color .2s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
  color: var(--aj-ouro-den) !important;
  background-size: 100% 1px !important;
  text-decoration: none !important;
}

/* ─────────────────────────────────────────
   TÍTULOS INTERNOS
───────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
  font-family: var(--aj-font-serif) !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  color: var(--aj-ouro-den) !important;
  letter-spacing: .025em !important;
  line-height: 1.25 !important;      /* não abaixe: corta descida de letra */
  padding-bottom: 10px !important;
  margin-bottom: 22px !important;
  border-bottom: 1px solid var(--aj-borda) !important;
  position: relative !important;
}

.woocommerce-account .woocommerce-MyAccount-content h2::after,
.woocommerce-account .woocommerce-MyAccount-content h3::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 56px;
  height: 2px;
  background: linear-gradient(90deg, var(--aj-ouro-md), var(--aj-champanhe));
  border-radius: 2px;
}

/* ─────────────────────────────────────────
   FORMULÁRIOS (Endereços, Detalhes da conta)
───────────────────────────────────────── */
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="number"],
.woocommerce-account textarea,
.woocommerce-account select {
  font-family: var(--aj-font-sans) !important;
  font-size: 14px !important;
  color: var(--aj-ouro-esc) !important;
  background: var(--aj-branco) !important;
  border: 1px solid var(--aj-borda) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  height: auto !important;
  width: 100% !important;
  transition: border-color .3s ease, box-shadow .3s ease !important;
  box-shadow: none !important;
  outline: none !important;
}

.woocommerce-account input[type="text"]:focus,
.woocommerce-account input[type="email"]:focus,
.woocommerce-account input[type="tel"]:focus,
.woocommerce-account input[type="password"]:focus,
.woocommerce-account input[type="number"]:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus {
  border-color: var(--aj-ouro) !important;
  box-shadow: 0 0 0 3px rgba(201, 162, 39, .16) !important;
}

.woocommerce-account label {
  font-family: var(--aj-font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--aj-texto) !important;
  margin-bottom: 6px !important;
  display: block !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* Asterisco de campo obrigatório */
.woocommerce-account .required,
.woocommerce-account abbr.required {
  color: var(--aj-ouro-md) !important;
  border: none !important;
  text-decoration: none !important;
}

/* ─────────────────────────────────────────
   BOTÕES (Salvar, Editar)
───────────────────────────────────────── */
.woocommerce-account button[type="submit"],
.woocommerce-account .button,
.woocommerce-account input[type="submit"] {
  position: relative !important;
  overflow: hidden !important;
  font-family: var(--aj-font-sans) !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: var(--aj-branco) !important;
  background: linear-gradient(135deg, #4E3A0C, var(--aj-ouro-md)) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 32px !important;
  cursor: pointer !important;
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease !important;
  box-shadow: 0 4px 16px rgba(110, 82, 16, .28) !important;
  text-decoration: none !important;
  display: inline-block !important;
}

/* varredura de brilho, como o título do cabeçalho */
.woocommerce-account button[type="submit"]::after,
.woocommerce-account .button::after,
.woocommerce-account input[type="submit"]::after {
  content: '';
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255, 245, 205, .38), transparent);
  transform: skewX(-18deg);
  transition: left .6s ease;
  pointer-events: none;
}

.woocommerce-account button[type="submit"]:hover,
.woocommerce-account .button:hover,
.woocommerce-account input[type="submit"]:hover {
  background: linear-gradient(135deg, #3B2C09, #7A5D14) !important;
  box-shadow: 0 6px 24px rgba(110, 82, 16, .40) !important;
  transform: translateY(-2px) !important;
  color: var(--aj-branco) !important;
}

.woocommerce-account button[type="submit"]:hover::after,
.woocommerce-account .button:hover::after,
.woocommerce-account input[type="submit"]:hover::after {
  left: 130%;
}

/* ─────────────────────────────────────────
   TABELA DE PEDIDOS
───────────────────────────────────────── */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .shop_table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: var(--aj-font-sans) !important;
  font-size: 14px !important;
}

.woocommerce-account .woocommerce-orders-table thead th,
.woocommerce-account .shop_table thead th {
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  color: var(--aj-ouro-md) !important;
  padding: 10px 14px !important;
  border-bottom: 1.5px solid var(--aj-borda) !important;
  background: transparent !important;
  text-align: left !important;
}

.woocommerce-account .woocommerce-orders-table tbody tr,
.woocommerce-account .shop_table tbody tr {
  border-bottom: 1px solid var(--aj-borda) !important;
  transition: background .2s ease !important;
}

.woocommerce-account .woocommerce-orders-table tbody tr:hover,
.woocommerce-account .shop_table tbody tr:hover {
  background: var(--aj-creme-lt) !important;
}

.woocommerce-account .woocommerce-orders-table tbody td,
.woocommerce-account .shop_table tbody td {
  padding: 14px !important;
  color: var(--aj-ouro-esc) !important;
  background: transparent !important;
  vertical-align: middle !important;
}

/* Badge de status do pedido */
.woocommerce-account .woocommerce-orders-table__cell-order-status mark,
.woocommerce-account mark.order-status {
  background: linear-gradient(135deg, rgba(232,207,126,.45), rgba(232,207,126,.20)) !important;
  color: var(--aj-ouro-den) !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  padding: 4px 13px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(201, 162, 39, .35) !important;
  letter-spacing: .05em !important;
}

/* ─────────────────────────────────────────
   FORMULÁRIO DE LOGIN / REGISTRO
───────────────────────────────────────── */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
  background: var(--aj-branco) !important;
  border: 1px solid var(--aj-borda) !important;
  border-radius: 16px !important;
  padding: 32px !important;
  box-shadow: 0 2px 14px rgba(138, 106, 24, .06) !important;
}

.woocommerce-account .woocommerce-form-login h2,
.woocommerce-account .woocommerce-form-register h2 {
  font-family: var(--aj-font-serif) !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  color: var(--aj-ouro-den) !important;
  line-height: 1.25 !important;
  margin-bottom: 24px !important;
}

/* Checkbox "lembrar de mim" */
.woocommerce-account .woocommerce-form__label-for-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: var(--aj-texto) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
}

.woocommerce-account input[type="checkbox"] {
  accent-color: var(--aj-ouro-md) !important;
  width: 16px !important;
  height: 16px !important;
}

/* ─────────────────────────────────────────
   MENSAGENS DE ERRO / AVISO
───────────────────────────────────────── */
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info {
  border-radius: 10px !important;
  font-family: var(--aj-font-sans) !important;
  font-size: 14px !important;
  padding: 14px 20px !important;
  background: var(--aj-creme) !important;
  color: var(--aj-ouro-esc) !important;
  border-left: 3px solid var(--aj-ouro) !important;
}

/* O erro precisa se diferenciar do aviso — senão o cliente
   não percebe que algo deu errado. */
.woocommerce-account .woocommerce-error {
  background: #FCF0EC !important;
  border-left-color: #B4471F !important;
  color: #7A2E13 !important;
}

/* ─────────────────────────────────────────
   RESPONSIVO (breakpoints do Elementor)
───────────────────────────────────────── */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-content,
  .woocommerce-account .woocommerce-form-login,
  .woocommerce-account .woocommerce-form-register {
    padding: 22px !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 22px !important;
  }
  .woocommerce-account button[type="submit"],
  .woocommerce-account .button,
  .woocommerce-account input[type="submit"] {
    width: 100% !important;
    text-align: center !important;
  }
}

/* ─────────────────────────────────────────
   ACESSIBILIDADE
───────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .woocommerce-account *,
  .woocommerce-account *::before,
  .woocommerce-account *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}/* End custom CSS */