.elementor-8020 .elementor-element.elementor-element-30f6b95{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8020 .elementor-element.elementor-element-05587bd{--display:flex;}.elementor-8020 .elementor-element.elementor-element-6d0349a{--display:flex;}.elementor-8020 .elementor-element.elementor-element-7c83363.elementor-element{--align-self:center;}.elementor-8020 .elementor-element.elementor-element-19b8817{--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-8020 .elementor-element.elementor-element-19b8817:not(.elementor-motion-effects-element-type-background), .elementor-8020 .elementor-element.elementor-element-19b8817 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5e9aa1e );}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-77290a8 */.mhn-myacc .woocommerce h2, .mhn-myacc .woocommerce label, .mhn-myacc .woocommerce p, .mhn-myacc .woocommerce li, .mhn-myacc .woocommerce td, .mhn-myacc .woocommerce th {
    color: var(--mhn-text);
    font-weight: 400;
    font-size: 1.0rem !important;
}/* End custom CSS */
/* Start custom CSS *//* ===== My Account – Mahina ===== */
.mhn-myacc {
  --mhn-bg: #ECE3DA;          /* fundo geral e dos inputs */
  --mhn-text: #1a1a1a;        /* textos */
  --mhn-accent: #907f6f;      /* links, bordas, botões */
  --mhn-btnText: #FEFCFD;     /* texto do botão */

  background: var(--mhn-bg);
  color: var(--mhn-text);
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  padding: min(6vw, 64px) 0;
}

/* layout geral em duas colunas (use as classes nas colunas do Elementor) */
.mhn-myacc .mhn-col-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0;
}
.mhn-myacc .mhn-col-form{
  max-width:520px;
  margin-left:auto;
}

/* Tipografia e links */
.mhn-myacc a{ color:var(--mhn-accent); }
.mhn-myacc .woocommerce h2,
.mhn-myacc .woocommerce label,
.mhn-myacc .woocommerce p,
.mhn-myacc .woocommerce li,
.mhn-myacc .woocommerce td,
.mhn-myacc .woocommerce th{
  color:var(--mhn-text);
  font-weight:400;
}

/* Formulários (fundo sem borda) */
.mhn-myacc .woocommerce form{
  background:var(--mhn-bg);
  border:0;
  padding:0;
}

/* Inputs / selects / textarea */
.mhn-myacc .woocommerce form .form-row input.input-text,
.mhn-myacc .woocommerce form .form-row textarea,
.mhn-myacc .woocommerce form .form-row select{
  background:var(--mhn-bg);
  border:1px solid var(--mhn-accent);
  border-radius:5px;
  color:var(--mhn-text);
  padding:12px 14px;
}
.mhn-myacc .woocommerce form .form-row input::placeholder{ color:#1a1a1a; opacity:.6; }
.mhn-myacc .woocommerce form .form-row{ margin-bottom:14px; }
.mhn-myacc input[type="checkbox"]{ accent-color:var(--mhn-accent); }

/* Botões */
.mhn-myacc .woocommerce .button,
.mhn-myacc .woocommerce a.button,
.mhn-myacc .woocommerce button.button{
  background:var(--mhn-accent);
  color:var(--mhn-btnText);
  border:1px solid var(--mhn-accent);
  border-radius:5px;
  padding:12px 18px;
  line-height:1.1;
}
.mhn-myacc .woocommerce .button:hover{ filter:brightness(.95); }

/* Avisos Woo */
.mhn-myacc .woocommerce-error,
.mhn-myacc .woocommerce-info,
.mhn-myacc .woocommerce-message{
  border-color:var(--mhn-accent);
}

/* Navegação da conta (quando logado) */
.mhn-myacc .woocommerce-MyAccount-navigation a{ color:var(--mhn-accent); }
.mhn-myacc .woocommerce-MyAccount-content{ color:var(--mhn-text); }

/* ------------------------------------------------------------------
   EXIBIÇÃO DE LOGIN/REGISTRO (não interfere em "Endereços")
   Obs.: essas regras só ativam quando .is-auth está presente (JS).
-------------------------------------------------------------------*/

/* Esconde um dos formulários */
.mhn-myacc.is-auth.show-login    form.register{ display:none !important; }
.mhn-myacc.is-auth.show-register form.login   { display:none !important; }

/* Some com a COLUNA inteira do formulário escondido */
.mhn-myacc.is-auth.show-login    .u-column2{ display:none !important; }
.mhn-myacc.is-auth.show-register .u-column1{ display:none !important; }

/* Faz a coluna visível ocupar 100% na tela */
.mhn-myacc.is-auth.show-login    .u-column1,
.mhn-myacc.is-auth.show-register .u-column2{
  float:none !important;
  width:100% !important;
  max-width:640px;
}

/* Responsivo */
@media (max-width:1024px){
  .mhn-myacc{ padding:32px 0; }
  .mhn-myacc .mhn-col-form{ max-width:100%; }
}

/* Esconde a coluna da imagem quando o usuário estiver logado
   e faz a coluna do formulário ocupar 100% */
body.logged-in .mhn-myacc .mhn-col-img{ display:none !important; }
body.logged-in .mhn-myacc .mhn-col-form{
  max-width:100% !important;
  width:100% !important;
  flex:0 0 100% !important;
}

/* Se você tiver um bloquinho de "Entrar / Criar conta" com essa classe, esconda quando logado */
body.logged-in .mhn-myacc .mhn-switch{ display:none !important; }


/*Melhorando o Visual da página */
/* ================== COMPLEMENTOS – MINHA CONTA (Mahina) ================== */

/* 1) Navegação (UL) sem bullets + tipografia 14/400 */
.mhn-myacc .woocommerce-MyAccount-navigation ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.mhn-myacc .woocommerce-MyAccount-navigation li{ margin: 0 0 8px; }
.mhn-myacc .woocommerce-MyAccount-navigation,
.mhn-myacc .woocommerce-MyAccount-navigation li,
.mhn-myacc .woocommerce-MyAccount-navigation a{
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--mhn-text);
}

/* 2) Cores dos links na página Minha Conta (visitados ou não) */
.mhn-myacc a,
.mhn-myacc a:visited{
  color: var(--mhn-accent) !important; /* #907f6f */
  text-decoration: none;
}
.mhn-myacc a:hover{ text-decoration: underline; }

/* 3) Asteriscos dos formulários (#907f6f) e labels 14/400 */
.mhn-myacc .woocommerce form label{
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--mhn-text);
}
.mhn-myacc .woocommerce form abbr.required,
.mhn-myacc .woocommerce form .required{
  color: var(--mhn-accent) !important;  /* #907f6f */
  text-decoration: none !important;
  border: 0 !important;
}

/* 4) Campos – foco com bg #FEFCFD (mantém sua borda de 1px / radius 5px) */
.mhn-myacc .woocommerce form .form-row input.input-text:focus,
.mhn-myacc .woocommerce form .form-row textarea:focus,
.mhn-myacc .woocommerce form .form-row select:focus{
  background: #FEFCFD;
  border-color: var(--mhn-accent);
  outline: none;
  box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-77290a8 */.mhn-myacc .woocommerce h2, .mhn-myacc .woocommerce label, .mhn-myacc .woocommerce p, .mhn-myacc .woocommerce li, .mhn-myacc .woocommerce td, .mhn-myacc .woocommerce th {
    color: var(--mhn-text);
    font-weight: 400;
    font-size: 1.0rem !important;
}/* End custom CSS */
/* Start custom CSS *//* ===== My Account – Mahina ===== */
.mhn-myacc {
  --mhn-bg: #ECE3DA;          /* fundo geral e dos inputs */
  --mhn-text: #1a1a1a;        /* textos */
  --mhn-accent: #907f6f;      /* links, bordas, botões */
  --mhn-btnText: #FEFCFD;     /* texto do botão */

  background: var(--mhn-bg);
  color: var(--mhn-text);
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  padding: min(6vw, 64px) 0;
}

/* layout geral em duas colunas (use as classes nas colunas do Elementor) */
.mhn-myacc .mhn-col-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0;
}
.mhn-myacc .mhn-col-form{
  max-width:520px;
  margin-left:auto;
}

/* Tipografia e links */
.mhn-myacc a{ color:var(--mhn-accent); }
.mhn-myacc .woocommerce h2,
.mhn-myacc .woocommerce label,
.mhn-myacc .woocommerce p,
.mhn-myacc .woocommerce li,
.mhn-myacc .woocommerce td,
.mhn-myacc .woocommerce th{
  color:var(--mhn-text);
  font-weight:400;
}

/* Formulários (fundo sem borda) */
.mhn-myacc .woocommerce form{
  background:var(--mhn-bg);
  border:0;
  padding:0;
}

/* Inputs / selects / textarea */
.mhn-myacc .woocommerce form .form-row input.input-text,
.mhn-myacc .woocommerce form .form-row textarea,
.mhn-myacc .woocommerce form .form-row select{
  background:var(--mhn-bg);
  border:1px solid var(--mhn-accent);
  border-radius:5px;
  color:var(--mhn-text);
  padding:12px 14px;
}
.mhn-myacc .woocommerce form .form-row input::placeholder{ color:#1a1a1a; opacity:.6; }
.mhn-myacc .woocommerce form .form-row{ margin-bottom:14px; }
.mhn-myacc input[type="checkbox"]{ accent-color:var(--mhn-accent); }

/* Botões */
.mhn-myacc .woocommerce .button,
.mhn-myacc .woocommerce a.button,
.mhn-myacc .woocommerce button.button{
  background:var(--mhn-accent);
  color:var(--mhn-btnText);
  border:1px solid var(--mhn-accent);
  border-radius:5px;
  padding:12px 18px;
  line-height:1.1;
}
.mhn-myacc .woocommerce .button:hover{ filter:brightness(.95); }

/* Avisos Woo */
.mhn-myacc .woocommerce-error,
.mhn-myacc .woocommerce-info,
.mhn-myacc .woocommerce-message{
  border-color:var(--mhn-accent);
}

/* Navegação da conta (quando logado) */
.mhn-myacc .woocommerce-MyAccount-navigation a{ color:var(--mhn-accent); }
.mhn-myacc .woocommerce-MyAccount-content{ color:var(--mhn-text); }

/* ------------------------------------------------------------------
   EXIBIÇÃO DE LOGIN/REGISTRO (não interfere em "Endereços")
   Obs.: essas regras só ativam quando .is-auth está presente (JS).
-------------------------------------------------------------------*/

/* Esconde um dos formulários */
.mhn-myacc.is-auth.show-login    form.register{ display:none !important; }
.mhn-myacc.is-auth.show-register form.login   { display:none !important; }

/* Some com a COLUNA inteira do formulário escondido */
.mhn-myacc.is-auth.show-login    .u-column2{ display:none !important; }
.mhn-myacc.is-auth.show-register .u-column1{ display:none !important; }

/* Faz a coluna visível ocupar 100% na tela */
.mhn-myacc.is-auth.show-login    .u-column1,
.mhn-myacc.is-auth.show-register .u-column2{
  float:none !important;
  width:100% !important;
  max-width:640px;
}

/* Responsivo */
@media (max-width:1024px){
  .mhn-myacc{ padding:32px 0; }
  .mhn-myacc .mhn-col-form{ max-width:100%; }
}

/* Esconde a coluna da imagem quando o usuário estiver logado
   e faz a coluna do formulário ocupar 100% */
body.logged-in .mhn-myacc .mhn-col-img{ display:none !important; }
body.logged-in .mhn-myacc .mhn-col-form{
  max-width:100% !important;
  width:100% !important;
  flex:0 0 100% !important;
}

/* Se você tiver um bloquinho de "Entrar / Criar conta" com essa classe, esconda quando logado */
body.logged-in .mhn-myacc .mhn-switch{ display:none !important; }


/*Melhorando o Visual da página */
/* ================== COMPLEMENTOS – MINHA CONTA (Mahina) ================== */

/* 1) Navegação (UL) sem bullets + tipografia 14/400 */
.mhn-myacc .woocommerce-MyAccount-navigation ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.mhn-myacc .woocommerce-MyAccount-navigation li{ margin: 0 0 8px; }
.mhn-myacc .woocommerce-MyAccount-navigation,
.mhn-myacc .woocommerce-MyAccount-navigation li,
.mhn-myacc .woocommerce-MyAccount-navigation a{
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--mhn-text);
}

/* 2) Cores dos links na página Minha Conta (visitados ou não) */
.mhn-myacc a,
.mhn-myacc a:visited{
  color: var(--mhn-accent) !important; /* #907f6f */
  text-decoration: none;
}
.mhn-myacc a:hover{ text-decoration: underline; }

/* 3) Asteriscos dos formulários (#907f6f) e labels 14/400 */
.mhn-myacc .woocommerce form label{
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--mhn-text);
}
.mhn-myacc .woocommerce form abbr.required,
.mhn-myacc .woocommerce form .required{
  color: var(--mhn-accent) !important;  /* #907f6f */
  text-decoration: none !important;
  border: 0 !important;
}

/* 4) Campos – foco com bg #FEFCFD (mantém sua borda de 1px / radius 5px) */
.mhn-myacc .woocommerce form .form-row input.input-text:focus,
.mhn-myacc .woocommerce form .form-row textarea:focus,
.mhn-myacc .woocommerce form .form-row select:focus{
  background: #FEFCFD;
  border-color: var(--mhn-accent);
  outline: none;
  box-shadow: none;
}/* End custom CSS */