.elementor-602 .elementor-element.elementor-element-737847ce{--display:flex;}.elementor-602 .elementor-element.elementor-element-c5da5ca{--display:flex;}.elementor-602 .elementor-element.elementor-element-a01fa8b.elementor-element{--align-self:center;}.elementor-602 .elementor-element.elementor-element-a01fa8b{--tab-content-spacing:20px;--tabs-alignment:end;--tabs-normal-color:#262626;--tabs-hover-color:#2A7C69;--tabs-active-color:#3DB498;--tabs-border-type:none;--tabs-padding:0px 0px 0px 0px;--tabs-spacing:30px;--sections-background-color:#C0DDD6;--sections-border-color:#8F8F8F;--typography-section-titles-color:#181818;--general-text-color:#313131;--checkboxes-color:#3DB498;--links-normal-color:#3DB498;--links-hover-color:#297E6A;--tables-items-color:#3DB498;--variations-color:#2C816D;--tables-links-normal-color:#3DB498;--tables-links-hover-color:#206353;}.elementor-602 .elementor-element.elementor-element-18ecede{--spacer-size:180px;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-a01fa8b *//* --- Container principal (card) --- */
.woocommerce-account .woocommerce-MyAccount-content {
  max-width: 980px;
  margin: 0 auto;
  background: #ffffff;
  padding: 28px;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
  color: #000A08;
}

/* Título principal */
.woocommerce-account h1,
.woocommerce-account h2 {
  color: #000A08;
  font-size: 34px;
  margin-bottom: 18px;
  font-weight: 600;
}

/* --- Navegação (transforma lista em botões tipo cards) --- */
.woocommerce-MyAccount-navigation {
  display:flex;
  flex-wrap:wrap;
  margin-bottom:22px;
  align-items:flex-start;
}

/* Remove estilo de lista padrão */
.woocommerce-MyAccount-navigation li { list-style:none; margin:0; padding:0; }

/* Estilo dos links como botões */
.woocommerce-MyAccount-navigation a {
  display:inline-flex;
  align-items:center;
  background: #f4f7f6;
  color: #000A08;
  padding:10px 14px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
  border: 1px solid;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

/* Hover nos botões */
.woocommerce-MyAccount-navigation a:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* Botão ativo (item selecionado) */
.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation .is-active a:focus {
  background: #3DB498;     /* turquesinha */
  color: #ffffff;
  border-color: #000A08;
  box-shadow: 0 8px 18px rgba(61,180,152,0.12);
}

/* Links dentro do conteúdo (azuis sutis) */
.woocommerce-MyAccount-content a {
  color: #3DB498;
  text-decoration: underline;
}

/* Caixas internas de conteúdo (ex. mensagem "Olá, ...") */
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-info {
  border-radius: 8px;
  border: 1px solid #000A08;
  padding: 18px;
  background: #fbfdfc;
  color: #333;
}

/* Responsivo: empilha nav no mobile */
@media (max-width: 768px) {
  .woocommerce-MyAccount-navigation {
    justify-content: center;
  }
  .woocommerce-MyAccount-navigation a {
    padding: 10px 12px;
    font-size: 15px;
  }
  .woocommerce-account .woocommerce-MyAccount-content { padding: 18px; }
}

/* Segurança: força max-width dos itens do loop caso plugins coloquem cards largos */
.woocommerce-account .woocommerce-MyAccount-content * { max-width: 100%; box-sizing: border-box; }/* End custom CSS */