.elementor-889 .elementor-element.elementor-element-19a3f14{--display:flex;--min-height:171px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E6E6DD;--border-color:#E6E6DD;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-889 .elementor-element.elementor-element-8f0349b{text-align:start;}.elementor-889 .elementor-element.elementor-element-8f0349b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:700;color:var( --e-global-color-f44ab81 );}.elementor-889 .elementor-element.elementor-element-f2245e4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-889 .elementor-element.elementor-element-a9b2fc9{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-889 .elementor-element.elementor-element-a9b2fc9:not(.elementor-motion-effects-element-type-background), .elementor-889 .elementor-element.elementor-element-a9b2fc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F2;}.elementor-889 .elementor-element.elementor-element-dbde01a{padding:0px 0px 0px 0px;--tab-content-spacing:0px;--tabs-alignment:start;}@media(max-width:767px){.elementor-889 .elementor-element.elementor-element-19a3f14{--min-height:111px;}.elementor-889 .elementor-element.elementor-element-8f0349b .elementor-heading-title{font-size:30px;}.elementor-889 .elementor-element.elementor-element-f2245e4 .elementor-heading-title{font-size:14px;line-height:20px;}}/* Start custom CSS *//* ============================================================
   MINHA CONTA — Steel Art (layout VERTICAL, menu lateral)
   Arquivo ÚNICO e AUTOSSUFICIENTE — cole em Elementor >
   Configurações do Site > CSS Personalizado (ou Aparência >
   Personalizar > CSS Adicional).
   ============================================================ */

/* ---- 0. Reset defensivo — o WooCommerce por padrão já aplica
   float/width/padding no menu e no conteúdo (clássico: nav com
   float:left;width:30%, content com float:right;width:68%), e
   isso sobrava como um respiro estranho à esquerda. Zeramos tudo
   antes de aplicar nosso próprio layout em flex. ---- */
.e-my-account-tabs-vertical .woocommerce,
.e-my-account-tabs-vertical nav.woocommerce-MyAccount-navigation,
.e-my-account-tabs-vertical .woocommerce-MyAccount-content,
.e-my-account-tabs-vertical .woocommerce-MyAccount-navigation ul,
.e-my-account-tabs-vertical .woocommerce-MyAccount-navigation-link{
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
  box-sizing: border-box !important;
}
.e-my-account-tabs-vertical .woocommerce::after,
.e-my-account-tabs-vertical .woocommerce::before{
  content: none !important;
  display: none !important;
}

/* ---- 1. Layout em 2 colunas: menu à esquerda + conteúdo à direita ---- */
.e-my-account-tabs-vertical .woocommerce{
  display: flex !important;
  align-items: flex-start !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
}

/* ---- 2. Menu lateral ---- */
.e-my-account-tabs-vertical nav.woocommerce-MyAccount-navigation{
  flex: 0 0 260px !important;
  width: 260px !important;
  background: #FFFFFF !important;
  border: 1px solid #E6E6DD !important;
  border-radius: 14px !important;
  padding: 10px !important;
}
.e-my-account-tabs-vertical nav.woocommerce-MyAccount-navigation ul{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-navigation-link{
  list-style: none !important;
  margin: 0 !important;
  display: block !important;
  width: 100% !important;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-navigation-link a{
  display: block !important;
  padding: 13px 16px !important;
  border-radius: 9px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #6E6E62 !important;
  text-decoration: none !important;
  border-left: 3px solid transparent !important;
  transition: background .15s ease, color .15s ease;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-navigation-link a:hover{
  background: #F7F7F2 !important;
  color: #1C1C16 !important;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-navigation-link.is-active a{
  background: #F1F5DC !important;
  color: #788A22 !important;
  font-weight: 700 !important;
  border-left-color: #A7BB3A !important;
}

/* separa "Sair" do resto com uma linha acima */
.e-my-account-tabs-vertical .woocommerce-MyAccount-navigation-link--customer-logout{
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid #E6E6DD !important;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-navigation-link--customer-logout a{
  color: #B84A3E !important;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  background: rgba(184,74,62,0.08) !important;
  color: #B84A3E !important;
}

/* ---- 3. Cartão de conteúdo ---- */
.e-my-account-tabs-vertical .woocommerce-MyAccount-content{
  flex: 1 1 420px !important;
  min-width: 0 !important;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-content-wrapper{
  background: #FFFFFF !important;
  border: 1px solid #E6E6DD !important;
  border-radius: 14px !important;
  padding: 28px !important;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-content-wrapper p{
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: #6E6E62 !important;
  margin: 0 0 16px !important;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-content-wrapper p:last-child{
  margin-bottom: 0 !important;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-content-wrapper p:first-of-type{
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1C1C16 !important;
  line-height: 1.4 !important;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-content-wrapper p:first-of-type strong{
  color: #788A22 !important;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-content-wrapper a{
  color: #788A22 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-content-wrapper a:hover{
  color: #15140F !important;
}

/* ---- 4. Responsivo ---- */
@media (max-width: 780px){
  .e-my-account-tabs-vertical .woocommerce{
    flex-direction: column !important;
  }
  .e-my-account-tabs-vertical nav.woocommerce-MyAccount-navigation{
    width: 100% !important;
    flex: 1 1 auto !important;
  }
  .e-my-account-tabs-vertical nav.woocommerce-MyAccount-navigation ul{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
  }
  .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation-link{
    width: auto !important;
    flex: 1 1 auto !important;
  }
  .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation-link a{
    border-left: none !important;
    border-bottom: 2px solid transparent !important;
    text-align: center !important;
  }
  .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation-link.is-active a{
    border-left-color: transparent !important;
    border-bottom-color: #A7BB3A !important;
  }
  .e-my-account-tabs-vertical .woocommerce-MyAccount-navigation-link--customer-logout{
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
  }
}/* End custom CSS */