.elementor-23 .elementor-element.elementor-element-dd26338{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23 .elementor-element.elementor-element-edb1c2e{--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-23 .elementor-element.elementor-element-edb1c2e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-290f9e3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-edb1c2e{--width:23%;}.elementor-23 .elementor-element.elementor-element-290f9e3{--width:77%;}}/* Start custom CSS for html, class: .elementor-element-a038fac *//* Paleta do painel */
:root{
  --oi-primary:#141b41;   /* ativo (fundo) e cor padrão de ícones/texto */
  --oi-accent:#918ef4;    /* linha vertical e hover do ativo */
  --oi-text:#141b41;      /* texto padrão */
  --oi-gray:#e3e5eb;      /* hover cinza */
  --oi-padX:12px;         /* padding lateral do container */
}

/* ====== CONTAINER do menu (igual ao Tutor) ====== */
.menu-personalizado-conta{
  width:260px; min-width:240px; max-width:280px;
  background:#fff;
  border-right:1px solid var(--oi-accent);              /* linha vertical contínua */
  position:sticky; top:24px; align-self:flex-start;
  padding:14px var(--oi-padX);
  display:flex; flex-direction:column; gap:4px;
  box-shadow:none; border-radius:0;                     /* remove “cartão” antigo */
}

/* ====== ITENS ====== */
.menu-personalizado-conta .item-menu{
  position:relative;
  display:grid; grid-template-columns:20px 1fr;
  align-items:center; gap:10px;
  padding:8px 10px;
  color:var(--oi-text); text-decoration:none;
  background:transparent; border:0; border-radius:10px; /* default arredondado */
  font-weight:500;
}

.menu-personalizado-conta .item-menu .oi-ico{ font-size:18px; line-height:1; display:inline-block; }
.menu-personalizado-conta .item-menu .oi-txt{ font-size:14px; line-height:1.2; }

/* Hover cinza encostando na linha vertical */
.menu-personalizado-conta .item-menu:hover{
  background:var(--oi-gray);
  border-radius:0;
  margin-left: calc(var(--oi-padX) * -1);
  margin-right: -1px;
  padding-left: calc(10px + var(--oi-padX));
  padding-right: calc(10px + var(--oi-padX));
  transform:none; box-shadow:none;                       /* mata efeitos antigos */
}

/* Ativo: fundo azul-escuro, texto branco */
.menu-personalizado-conta .item-menu.is-active{
  background:var(--oi-primary); color:#fff; font-weight:600;
  border-radius:0;
  margin-left: calc(var(--oi-padX) * -1);
  margin-right: -1px;
  padding-left: calc(10px + var(--oi-padX));
  padding-right: calc(10px + var(--oi-padX));
}
.menu-personalizado-conta .item-menu.is-active:hover{ background:var(--oi-accent); color:#fff; }

/* “Sair” vai para o rodapé do menu */
.menu-personalizado-conta .item-menu.sair{ margin-top:auto; }

/* ====== LAYOUT da página Minha conta ====== */
.woocommerce-account .woocommerce{ display:flex; gap:24px; align-items:flex-start; }
.woocommerce-account .woocommerce .woocommerce-MyAccount-content{ flex:1 1 auto; min-width:0; }

/* ====== MOBILE: vira gaveta (segue o mesmo gatilho .oi-menu-open do site) ====== */
@media (max-width:1024px){
  .woocommerce-account .woocommerce{ display:block; }

  .menu-personalizado-conta{
    position:fixed; top:0; left:0; bottom:0;
    width:300px; max-width:86vw; background:#fff;
    border-right:1px solid var(--oi-accent);
    transform:translateX(-100%); transition:transform .25s ease;
    z-index:1100; overflow:auto;
  }
  html.oi-menu-open .menu-personalizado-conta{ transform:none; }

  .oi-menu-overlay{
    position:fixed; inset:0; background:rgba(11,18,35,.45);
    opacity:0; pointer-events:none; transition:opacity .2s; z-index:1090;
  }
  html.oi-menu-open .oi-menu-overlay{ opacity:1; pointer-events:auto; }

  /* respira em cima da barra inferior fixa (se estiver ativa) */
  html.oi-has-bottom-nav .menu-personalizado-conta{
    padding-bottom: calc(var(--oi-bottom-h, 64px) + 20px);
  }
}


/* Ícone via máscara SVG: herda a cor do item (currentColor) */
.menu-personalizado-conta .oi-ico-mask{
  width:18px; height:18px;
  display:inline-block;
  background: currentColor; /* azul-escuro normal / branco no ativo */
  -webkit-mask: var(--oi-mask) no-repeat center / contain;
  mask: var(--oi-mask) no-repeat center / contain;
}

.menu-personalizado-conta .item-menu.is-active{
  background: var(--oi-primary) !important;
  color:#fff !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4dacf0c */.woocommerce-MyAccount-navigation {
  display: none !important;
}

/* Força o conteúdo da conta WooCommerce a ocupar toda a largura */
.woocommerce-account .woocommerce-MyAccount-content {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
}



/* Desativa o efeito subir e qualquer sombra associada */
.efeito-subir-suave,
.efeito-subir-suave:hover{
  transition: none !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Visual “painel” para cada endpoint da conta */
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-edit-address,
.woocommerce-account .woocommerce-edit-account,
.woocommerce-account .woocommerce-order,
.woocommerce-account .woocommerce-address-fields{
  background: #fff;
  border: 1px solid #918EF4;
  border-radius: 12px;
  padding: 24px;
  box-shadow: none !important;
}

/* Moldura externa roxa e linhas internas clarinhas */
.woocommerce-account table.shop_table{
  color: #141B41;
  border: 1px solid #918EF4;          /* moldura */
  border-radius: 10px;
  overflow: hidden;
  box-shadow: none;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td{
  border: 1px solid #e8e4fc;          /* linhas internas */
  color: #141B41;
  padding: 12px;
}

.woocommerce-account table.shop_table th{
  background-color: #f9f9fb;
  font-weight: 600;
}

/* Mensagens sem sombra, com 1px roxo */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error{
  background: #fff;
  border: 1px solid #918EF4;
  box-shadow: none !important;
}

/* Inputs continuam coerentes (mantive seu padrão) */
.woocommerce-account form input,
.woocommerce-account form select,
.woocommerce-account form textarea{
  border-radius: 8px;
  border: 1px solid #e8e4fc;
  padding: 10px 14px;
  font-size: 15px;
  color: #141B41;
}

/* Dica: se quiser que inputs também usem o roxo da moldura quando focados: */
.woocommerce-account form input:focus,
.woocommerce-account form select:focus,
.woocommerce-account form textarea:focus{
  outline: none;
  border-color: #918EF4;
  box-shadow: 0 0 0 3px rgba(145, 142, 244, 0.15);
}/* End custom CSS */
/* Start custom CSS *//* Estilo da tabela de pedidos do WooCommerce */
.woocommerce table.shop_table {
  color: #141B41;
  border: 1px solid #e8e4fc;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.03);
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border: 1px solid #e8e4fc;
  color: #141B41;
  padding: 12px;
}
.woocommerce table.shop_table th {
  background-color: #f9f9fb;
  font-weight: 600;
}
.woocommerce table.shop_table td a.button {
  background-color: #a78bfa;
  color: white;
  border-radius: 6px;
  padding: 6px 12px;
  font-weight: 500;
  transition: 0.3s;
}
.woocommerce-MyAccount-content table.shop_table td a.button:hover {
  background-color: #141B41 !important;
  color: #fff !important;
}

/* Substitui qualquer ícone por emoji 🎓 */
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-download a::before {
  content: "📥 ";
  font-family: inherit !important;
  margin-right: 5px;
}

/* Aplicar visual de janelinha flutuante */
.woocommerce-MyAccount-content,
.woocommerce-address-fields,
.woocommerce-edit-address,
.woocommerce-edit-account,
.woocommerce-order {
  background: white;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  border: 1px solid #e8e4fc;
  margin-bottom: 30px;
}

/* Espaçamento e estilo nos inputs */
.woocommerce form input,
.woocommerce form select,
.woocommerce form textarea {
  border-radius: 8px;
  border: 1px solid #e8e4fc;
  padding: 10px 14px;
  font-size: 15px;
  color: #141B41;
}

/* Forçar cor escura em todo o conteúdo da conta */
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content li,
.woocommerce-MyAccount-content span,
.woocommerce-MyAccount-content td,
.woocommerce-MyAccount-content th,
.woocommerce-MyAccount-content label,
.woocommerce-MyAccount-content address,
.woocommerce-MyAccount-content .woocommerce-message {
  color: #141B41 !important;
}

/* Estilo base unificado para todos os botões */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce form .form-row input.button, 
.woocommerce form .form-row button {
  background-color: #918EF4 !important;
  color: white !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600;
  padding: 12px 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  transition: 0.3s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce form .form-row input.button:hover,
.woocommerce form .form-row button:hover {
  background-color: #141B41 !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1) !important;
}/* End custom CSS */