.elementor-778 .elementor-element.elementor-element-f4dc40a{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#ECECEC;--border-color:#ECECEC;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-778 .elementor-element.elementor-element-1d47e1a .wpr-post-content{text-align:justify;color:#777777;font-size:14px;}.elementor-778 .elementor-element.elementor-element-1d47e1a .wpr-post-content a{transition-duration:0.1s;}/* Start custom CSS for wpr-post-content, class: .elementor-element-1d47e1a *//* =========================
   Woo My Account - Layout FIX
   ========================= */

.woocommerce-account .woocommerce,
.woocommerce-account .entry-content > .woocommerce,
.woocommerce-account .elementor-widget-container .woocommerce{
  width: 100% !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  float: none !important; /* mata float antigo do tema */
}

/* Container principal */
.woocommerce-account .woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content{
  margin-left: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  margin: 0 !important;
  padding: 0 !important;
}

/* Flex geral */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
  width: 320px !important;
  flex: 0 0 320px !important;
}

.woocommerce-account .woocommerce-MyAccount-content{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-left: 24px !important;
}

/* Aplica o flex no wrapper certo (varia por tema) */
.woocommerce-account .woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-content{
  display: block !important;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content{
  display: block !important;
}

/* Wrapper do MyAccount (força duas colunas alinhadas) */
.woocommerce-account .woocommerce{
  display: flex !important;
  gap: 24px !important;
  align-items: flex-start !important;
}

/* Se algum tema embrulha em outro container, esse reforço ajuda */
.woocommerce-account .woocommerce > *{
  align-self: flex-start !important;
}

/* Mobile */
@media (max-width: 820px){
  .woocommerce-account .woocommerce{
    flex-direction: column !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation{
    width: 100% !important;
    flex: 0 0 auto !important;
  }
  .woocommerce-account .woocommerce-MyAccount-content{
    padding-left: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for wpr-post-content, class: .elementor-element-1d47e1a *//* =========================
   Woo My Account - Layout FIX
   ========================= */

.woocommerce-account .woocommerce,
.woocommerce-account .entry-content > .woocommerce,
.woocommerce-account .elementor-widget-container .woocommerce{
  width: 100% !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  float: none !important; /* mata float antigo do tema */
}

/* Container principal */
.woocommerce-account .woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content{
  margin-left: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  margin: 0 !important;
  padding: 0 !important;
}

/* Flex geral */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
  width: 320px !important;
  flex: 0 0 320px !important;
}

.woocommerce-account .woocommerce-MyAccount-content{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-left: 24px !important;
}

/* Aplica o flex no wrapper certo (varia por tema) */
.woocommerce-account .woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-content{
  display: block !important;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content{
  display: block !important;
}

/* Wrapper do MyAccount (força duas colunas alinhadas) */
.woocommerce-account .woocommerce{
  display: flex !important;
  gap: 24px !important;
  align-items: flex-start !important;
}

/* Se algum tema embrulha em outro container, esse reforço ajuda */
.woocommerce-account .woocommerce > *{
  align-self: flex-start !important;
}

/* Mobile */
@media (max-width: 820px){
  .woocommerce-account .woocommerce{
    flex-direction: column !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation{
    width: 100% !important;
    flex: 0 0 auto !important;
  }
  .woocommerce-account .woocommerce-MyAccount-content{
    padding-left: 0 !important;
  }
}










/* CTA custom – força branco em link */
a.pc-cta,
a.pc-cta:visited,
a.pc-cta:hover,
a.pc-cta:active,
a.pc-cta:focus {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Garante contraste no botão */
a.pc-cta {
  background-color: #0fa63b; /* verde */
  font-weight: 600;
  letter-spacing: 0.3px;
}

/* Hover premium */
a.pc-cta:hover {
  background-color: #0c8f33;
}/* End custom CSS */