.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;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-0908bb5 *//* =====================================================
   ATELIÊ DO CHEIRO — CSS Minha Conta WooCommerce
   Colar em: WordPress > Appearance > Customize > CSS
   ou: Elementor > Site Settings > Custom CSS
   ===================================================== */

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

/* ─────────────────────────────────────────
   VARIÁVEIS
───────────────────────────────────────── */
:root {
  --ac-marrom:      #2a1612;
  --ac-marrom-md:   #4e342e;
  --ac-marrom-lt:   #5d4037;
  --ac-rosa:        #b5647a;
  --ac-rosa-lt:     #d4a0a0;
  --ac-blush:       #fee4ec;
  --ac-blush-lt:    #fff5f7;
  --ac-borda:       #f0dde3;
  --ac-branco:      #ffffff;
  --ac-font-serif:  'Cormorant Garamond', Georgia, serif;
  --ac-font-sans:   'Jost', sans-serif;
}

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

/* ─────────────────────────────────────────
   MENU LATERAL (Tabs / Nav)
───────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--ac-blush-lt) !important;
  border: 1.5px solid var(--ac-borda) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  padding: 8px 0 !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(--ac-borda) !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(--ac-font-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--ac-marrom-lt) !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.02em !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--ac-blush) !important;
  color: var(--ac-marrom) !important;
  padding-left: 30px !important;
}

/* Item ativo */
.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: var(--ac-blush) !important;
  color: var(--ac-rosa) !important;
  font-weight: 600 !important;
  border-left: 3px solid var(--ac-rosa) !important;
  padding-left: 21px !important;
}

/* ─────────────────────────────────────────
   CONTEÚDO PRINCIPAL
───────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-content {
  background: var(--ac-branco) !important;
  border: 1.5px solid var(--ac-borda) !important;
  border-radius: 16px !important;
  padding: 32px !important;
  font-family: var(--ac-font-sans) !important;
  font-size: 14px !important;
  color: var(--ac-marrom) !important;
  line-height: 1.7 !important;
}

/* Texto de boas vindas */
.woocommerce-account .woocommerce-MyAccount-content p {
  font-size: 14px !important;
  color: var(--ac-marrom-lt) !important;
  line-height: 1.8 !important;
}

.woocommerce-account .woocommerce-MyAccount-content strong {
  color: var(--ac-marrom) !important;
  font-weight: 600 !important;
}

/* Links internos */
.woocommerce-account .woocommerce-MyAccount-content a {
  color: var(--ac-rosa) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
  color: var(--ac-marrom) !important;
  text-decoration: underline !important;
}

/* ─────────────────────────────────────────
   TÍTULOS INTERNOS
───────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
  font-family: var(--ac-font-serif) !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  color: var(--ac-marrom) !important;
  letter-spacing: 0.03em !important;
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
  border-bottom: 2px solid var(--ac-borda) !important;
  position: relative !important;
}

.woocommerce-account .woocommerce-MyAccount-content h2::after,
.woocommerce-account .woocommerce-MyAccount-content h3::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 50px;
  height: 2px;
  background: linear-gradient(90deg, var(--ac-rosa), var(--ac-rosa-lt));
  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(--ac-font-sans) !important;
  font-size: 14px !important;
  color: var(--ac-marrom) !important;
  background: var(--ac-branco) !important;
  border: 1.5px solid var(--ac-borda) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  height: auto !important;
  width: 100% !important;
  transition: border-color 0.3s ease, box-shadow 0.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 textarea:focus,
.woocommerce-account select:focus {
  border-color: var(--ac-rosa) !important;
  box-shadow: 0 0 0 3px rgba(181, 100, 122, 0.12) !important;
}

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

/* ─────────────────────────────────────────
   BOTÕES (Salvar, Editar)
───────────────────────────────────────── */
.woocommerce-account button[type="submit"],
.woocommerce-account .button,
.woocommerce-account input[type="submit"] {
  font-family: var(--ac-font-sans) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--ac-branco) !important;
  background: linear-gradient(135deg, var(--ac-rosa), #c9778a) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 32px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 16px rgba(181, 100, 122, 0.3) !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.woocommerce-account button[type="submit"]:hover,
.woocommerce-account .button:hover,
.woocommerce-account input[type="submit"]:hover {
  background: linear-gradient(135deg, #a3566b, #b5647a) !important;
  box-shadow: 0 6px 24px rgba(181, 100, 122, 0.45) !important;
  transform: translateY(-2px) !important;
  color: var(--ac-branco) !important;
}

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

.woocommerce-account .woocommerce-orders-table thead th,
.woocommerce-account .shop_table thead th {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--ac-marrom-lt) !important;
  padding: 10px 14px !important;
  border-bottom: 2px solid var(--ac-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(--ac-borda) !important;
  transition: background 0.2s ease !important;
}

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

.woocommerce-account .woocommerce-orders-table tbody td,
.woocommerce-account .shop_table tbody td {
  padding: 14px !important;
  color: var(--ac-marrom) !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: var(--ac-blush) !important;
  color: var(--ac-rosa) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  letter-spacing: 0.05em !important;
}

/* ─────────────────────────────────────────
   FORMULÁRIO DE LOGIN / REGISTRO
───────────────────────────────────────── */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
  background: var(--ac-branco) !important;
  border: 1.5px solid var(--ac-borda) !important;
  border-radius: 16px !important;
  padding: 32px !important;
}

.woocommerce-account .woocommerce-form-login h2,
.woocommerce-account .woocommerce-form-register h2 {
  font-family: var(--ac-font-serif) !important;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  color: var(--ac-marrom) !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(--ac-marrom-lt) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
}

.woocommerce-account input[type="checkbox"] {
  accent-color: var(--ac-rosa) !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(--ac-font-sans) !important;
  font-size: 14px !important;
  padding: 14px 20px !important;
  border-left: 4px solid var(--ac-rosa) !important;
}

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