/* Fonte Textos Topo Tabela Pedidos */
.font-377884 {
  font-family: Inter !important;
}

/* Bordas Arredondadas lado Esquerdo Tabela Pedidos */
table td:first-child,
table th:first-child {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}

/* Estrutura do Shadow App (Grid Menu + Conteúdo) */
.sb-shadow-app {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 32px;
}
@media (max-width: 900px) {
  .sb-shadow-app {
    grid-template-columns: 1fr;
  }
}

.sb-account-panel {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 40px;
  padding: 30px 0;
}

.sb-account-sidebar {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
  padding: 30px;
}

.sb-account-user {
  text-align: center;
  margin-bottom: 30px;
}

.sb-avatar i {
  font-size: 64px;
  color: #115cfa;
}

.sb-account-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sb-account-menu li {
  margin-bottom: 12px;
}

.sb-account-menu a {
  display: block;
  padding: 12px 18px;
  border-radius: 10px;
  color: #333;
  font-weight: 600;
  transition: 0.2s;
}

.sb-account-menu a:hover,
.sb-account-menu .is-active a {
  background: transparent;
  color: #115cfa;
}

.sb-account-content {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
  padding: 40px;
}

@media (max-width: 980px) {
  .sb-account-panel {
    grid-template-columns: 1fr;
  }
}

/* BLOCO 06 – CSS dos cards */
.sb-dashboard-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

/* Responsividade Mobile dos Cards */
@media (max-width: 992px) {
  .sb-dashboard-cards {
    grid-template-columns: repeat(2, 1fr); /* 2 colunas em tablets/notebooks pequenos */
  }
}

@media (max-width: 576px) {
  .sb-dashboard-cards {
    grid-template-columns: 1fr; /* 1 coluna em celulares */
  }
}

.sb-card {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  color: #fff;
  box-shadow: 0 40px 90px rgba(0, 0, 0, 0.18);
  transition: 0.25s;
  min-height: auto; /* Remove altura fixa grande */
  display: flex;
  flex-direction: column;
}

.sb-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 60px 140px rgba(0, 0, 0, 0.28);
}

.sb-blue {
  background-color: #042a80;
}
.sb-orange {
  background-color: #fe642e;
}
.sb-green {
  background-color: #04b431;
}
.sb-purple {
  background-color: #1b1d1f;
}

.sb-card-inner {
  position: relative;
  z-index: 2;
  flex: 1; /* Preenche a altura do card */
  display: flex;
  flex-direction: row; /* Layout Horizontal */
  align-items: center; /* Centraliza verticalmente */
  justify-content: flex-start;
  padding: 20px 24px; /* Padding reduzido */
  gap: 16px; /* Espaço entre ícone e texto */
  background: none;
  text-align: left;
}

/* Ícone em Bolha */
.sb-card-icon {
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.sb-card-content {
  display: flex;
  flex-direction: column;
}

.sb-card-label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.85;
  margin-bottom: 2px;
  display: block;
}

.sb-big {
  font-size: 26px; /* Fonte reduzida */
  line-height: 1.1;
  font-weight: 700;
  display: block;
}
.sb-small {
  font-size: 15px;
  font-weight: 700;
  opacity: 0.85;
}

.sb-card-action .sb-card-inner {
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

/* BLOCO 09 – CSS dos orçamentos */
.sb-quotes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.sb-quote {
  background: #fff;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}
.sb-pending {
  border-left: 6px solid orange;
}
.sb-completed {
  border-left: 6px solid green;
}
.sb-cancelled {
  border-left: 6px solid red;
}

/* BLOCO 11 — CSS corporativo */
.sb-quotes-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
}
.sb-quotes-table th {
  text-align: left;
  font-weight: 600;
  padding: 12px;
}
.sb-quotes-table td {
  background: #fff;
  padding: 14px;
  border-radius: 10px;
}
.sb-btn {
  background: #115cfa;
  color: #fff;
  padding: 8px 18px;
  border-radius: 20px;
  display: inline-block;
}
.sb-status-pending td {
  border-left: 6px solid orange;
}
.sb-status-completed td {
  border-left: 6px solid green;
}
.sb-status-cancelled td {
  border-left: 6px solid red;
}
.sb-quotes-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
}
.sb-quotes-table th {
  text-align: left;
  font-weight: 600;
  padding: 12px;
}
.sb-quotes-table td {
  background: #fff;
  padding: 14px;
  border-radius: 10px;
}
.sb-btn {
  background: #115cfa;
  color: #fff;
  padding: 8px 18px;
  border-radius: 20px;
  display: inline-block;
}
.sb-status-pending td {
  border-left: 6px solid orange;
}
.sb-status-completed td {
  border-left: 6px solid green;
}
.sb-status-cancelled td {
  border-left: 6px solid red;
}

/* BLOCO 14 — CSS corporativo */
.sb-quotes-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
}
.sb-quotes-table th {
  padding: 12px;
  text-align: left;
}
.sb-quotes-table td {
  background: #fff;
  padding: 14px;
  border-radius: 12px;
}
.sb-btn {
  background: #115cfa;
  color: #fff;
  padding: 8px 18px;
  border-radius: 20px;
}
.sb-status-pending td {
  border-left: 6px solid orange;
}
.sb-status-processing td {
  border-left: 6px solid #115cfa;
}
.sb-status-completed td {
  border-left: 6px solid green;
}
.sb-status-cancelled td {
  border-left: 6px solid red;
}

/* BLOCO 16 — Layout Global */

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-MyAccount-navigation li {
  margin-bottom: 6px;
}

.woocommerce-MyAccount-navigation a {
  display: flex;
  /* align-items: center;
  gap: 14px;
  padding: 14px 18px; */
  border-radius: 14px;
  color: #333;
  font-weight: 500;
  transition: 0.25s;
  line-height: 1;
  min-height: 48px;
  white-space: nowrap;
  flex: 1; /* Ocupa o espaço restante no li flex */
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a {
  background: transparent;
  color: #115cfa;
}

/* ETAPA 2 — Cabeçalho corporativo em TODAS as páginas */
.woocommerce-MyAccount-content h2 {
  font-size: 26px;
  margin-bottom: 22px;
  border-bottom: 2px solid #f1f1f1;
  padding-bottom: 10px;
}

/* ETAPA 3 — Tabelas modernas (Pedidos / Downloads / Orçamentos) */
.woocommerce-table,
.sb-quotes-table {
  border-collapse: separate;
  border-spacing: 0 12px;
  width: 100%;
}

.woocommerce-table th {
  color: #777;
  font-weight: 600;
  text-align: left;
}

.woocommerce-table td,
.sb-quotes-table td {
  background: #f9fbff;
  padding: 14px;
  border-radius: 14px;
}

/* 3 — Hover branco nos menus laterais */
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a {
  background: transparent !important;
  color: #115cfa !important;
}

/* 4 — Garantir que o fundo #eaeaea só afete os módulos */
#sb-orders-wrapper {
  background: #eaeaea;
  padding: 32px;
  border-radius: 28px;
}

/* CORREÇÃO DEFINITIVA DOS ÍCONES NO HOVER (Uncode usa ::before) */
.woocommerce-MyAccount-navigation li a:before {
  transition: 0.25s;
}

.woocommerce-MyAccount-navigation a:hover:before,
.woocommerce-MyAccount-navigation .is-active a:before {
  color: #115cfa !important;
}

/* Hover Premium (Deslize) */
.woocommerce-MyAccount-navigation a:hover {
  transform: translateX(6px);
}

/* =========================================
   LAYOUT MODERNO - TABELA DE PEDIDOS (SAAS STYLE)
   ========================================= */

/* 1. Container da Tabela: Remove bordas e prepara espaçamento */
.woocommerce-orders-table {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 15px !important; /* Espaço entre os cards */
  border: none !important;
}

/* 2. Cabeçalho: Limpo, uppercase e discreto */
.woocommerce-orders-table thead th {
  background: transparent !important;
  border: none !important;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  color: #888;
  padding: 0 20px 5px 20px;
  font-weight: 700;
}

/* 3. Linhas (Cards): Fundo branco, sombra suave e bordas arredondadas */
.woocommerce-orders-table tbody tr {
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}

.woocommerce-orders-table tbody tr:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* 4. Células: Padding generoso e alinhamento */
.woocommerce-orders-table td {
  border: none !important;
  padding: 20px !important;
  vertical-align: middle !important;
  color: #555;
  font-size: 15px;
  background: #fff; /* Garante fundo branco no card */
}

/* Arredondar cantos da linha (primeira e última célula) */
.woocommerce-orders-table td:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  font-weight: 700;
  color: #115cfa; /* Destaque no número do pedido */
}

.woocommerce-orders-table td:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  text-align: right;
}

/* Link do número do pedido */
.woocommerce-orders-table__cell-order-number a {
  text-decoration: none;
  color: inherit;
}

/* 5. Status como Badges (Etiquetas) */
.order-status-icon,
.woocommerce-orders-table__cell-order-status {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 700;
  /*text-transform: uppercase;*/
  line-height: 1;
}

/* Cores dos Status (Baseado no texto ou classe)
.order-status-icon--processing,
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
  background-color: #e3f2fd;
  color: #1976d2;
} */

.order-status-icon--completed,
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
  /* background-color: #e8f5e9; */
  color: #2e7d32;
}

/*
.order-status-icon--on-hold,
.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status {
  background-color: #fff3e0;
  color: #f57c00;
} */

.order-status-icon--cancelled,
.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status {
  /* background-color: #ffebee; */
  color: #c62828;
}

/* 6. Botão de Ação (Visualizar) */
.woocommerce-orders-table__cell-order-actions .button {
  background-color: transparent !important;
  color: #115cfa !important;
  border: 1px solid #115cfa !important;
  padding: 8px 24px !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  transition: 0.2s;
  display: inline-block;
}

.woocommerce-orders-table__cell-order-actions .button:hover {
  background-color: #115cfa !important;
  color: #fff !important;
}

/* ETAPA 2 — Reativar o wrapper correto
.woocommerce-MyAccount-content > * {
  display: none;
} */

.woocommerce-MyAccount-content .sb-dashboard-cards,
.woocommerce-MyAccount-content .sb-quotes-table {
  display: block;
}

/* ALINHAMENTO DOS ÍCONES (LI) - Garante centralização vertical */
.woocommerce-MyAccount-navigation li {
  display: flex !important;
  align-items: center !important;
}

/* Ajuste fino do pseudo-ícone do Woo (Reset de posição) */
.woocommerce-MyAccount-navigation li:before {
  position: relative !important;
  top: auto !important;
  transform: none !important;
  margin-top: 0 !important;
  margin-right: 0;
  font-size: 18px;
  line-height: 1 !important;
}

/* Centralizar texto e impedir quebra vertical */
.woocommerce-MyAccount-navigation a span {
  white-space: nowrap;
}

/* Lagura Card Menu */
@media (min-width: 960px) {
  .col-lg-4 {
    width: 28% !important;
  }
}

/* BLINDAGEM DO APP
#sb-app-shell {
  background: #f4f7fb;
  padding: 40px 0;
} */

/* Área branca real
#sb-app-content,
.woocommerce-MyAccount-content {
  background: #ffffff;
  border-radius: 28px;
  padding: 36px;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.06);
} */

@media (max-width: 569px) {
  body.logged-in.admin-bar {
    padding-top: 0px !important;
  }
}

/* Ajuste Tabela Pedidos - Header Pedido Esquerda */
.woocommerce-orders-table__header-order-number {
  padding-left: 0 !important;
  text-align: left !important;
}

/* =========================================
   RESPONSIVIDADE TABELA DE PEDIDOS (MOBILE)
   ========================================= */
@media (max-width: 768px) {
  /* Ocultar cabeçalho da tabela */
  .woocommerce-orders-table thead {
    display: none;
  }

  /* Transformar linhas em blocos (Cards) */
  .woocommerce-orders-table tbody tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 20px;
    height: auto !important;
  }

  /* Células como linhas flexíveis */
  .woocommerce-orders-table td,
  .woocommerce-orders-table th {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    width: 100%;
    text-align: right;
  }

  /* Remover bordas arredondadas específicas de desktop */
  .woocommerce-orders-table td:first-child,
  .woocommerce-orders-table td:last-child {
    border-radius: 0;
  }

  /* Fix: Remove clearfix do tema que quebra o flexbox (centralizando o conteúdo) */
  .woocommerce-orders-table td::after {
    content: none !important;
    display: none !important;
  }

  /* Inserir Rótulos (Labels) via CSS */
  .woocommerce-orders-table td::before,
  .woocommerce-orders-table th::before {
    content: attr(data-title) !important;
    font-weight: 700;
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 10px;
    text-align: left;
    flex-shrink: 0;
  }

  /* Ajuste específico para o número do pedido */
  .woocommerce-orders-table__cell-order-number {
    font-size: 16px;
    color: #115cfa;
    border-bottom: 2px solid #f5f5f5 !important;
    padding-bottom: 15px !important;
    margin-bottom: 5px;
  }

  /* Ajuste para o botão de ação */
  .woocommerce-orders-table__cell-order-actions {
    border-bottom: none !important;
    padding-top: 20px !important;
    justify-content: center;
  }

  .woocommerce-orders-table__cell-order-actions::before {
    display: none; /* Ocultar label "Ações" */
  }

  .woocommerce-orders-table__cell-order-actions .button {
    width: 50% !important;
    text-align: center;
    justify-content: center;
    display: flex;
  }
}
/* Cor Status: Processando */
.woocommerce-MyAccount-content .order-status-icon--processing {
  background: #04b431 !important;
  color: #ffffff;
  width: 125px !important;
  text-align: center !important;
}
/* Cor Status: Aguardando */
.woocommerce-MyAccount-content .order-status-icon--on-hold {
  background: #fe642e !important;
  color: #ffffff;
  width: 125px !important;
  text-align: center !important;
}
/* Cor Status: Cancelado */
.woocommerce-MyAccount-content .order-status-icon--cancelled {
  background-color: #777777;
  color: #ffffff;
  width: 125px !important;
  text-align: center !important;
}
/* Cor Status: Concluído */
.woocommerce-MyAccount-content .order-status-icon--completed {
  background-color: #115cfa;
  color: #ffffff;
  width: 125px !important;
  text-align: center !important;
}

/* Ajuste de Scroll para o ID (Desktop) - Evita ficar colado no topo */
#sb-app-content {
  scroll-margin-top: 150px;
}

/* Remoção de Bordas Fomrulário Alteração de Senha */
fieldset {
  border-width: 0px !important;
}

/* =========================================
   MELHORIAS DOS CARDS (UX / MICROCOPY)
   ========================================= */

/* Card clicável (remove aparência de link) */
.sb-card a.sb-card-inner {
  text-decoration: none;
  color: inherit;
}

.sb-card a.sb-card-inner:hover,
.sb-card a.sb-card-inner:focus {
  color: #ffffff !important;
}

/* Microcopy comercial */
.sb-card-hint {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  opacity: 0.7;
  line-height: 1.3;
}

/* Fallback visual (quando não houver pedidos) */
.sb-empty-state {
  background: #ffffff;
  border-radius: 22px;
  padding: 60px 40px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
  margin-bottom: 40px;
}

.sb-empty-state h3 {
  font-size: 24px;
  margin-bottom: 12px;
}

.sb-empty-state p {
  color: #666;
  margin-bottom: 24px;
}

.sb-empty-state .btn {
  background: #115cfa;
  color: #ffffff;
  padding: 12px 28px;
  border-radius: 40px;
  font-weight: 700;
  text-decoration: none;
  border: none;
}

/* Ajuste Mobile – Microcopy */
@media (max-width: 576px) {
  .sb-card-hint {
    font-size: 12px;
  }
}

/** Ajustes Espaço dos Ícones de Pagamento **/
.icon-box.icon-inline {
  padding-left: 7.5px !important;
  padding-right: 7.5px !important;
}
/** Bordas Arrendondadas dos ícones pagamentos **/
.icon-box.icon-media-image img {
  border-radius: 3px !important;
}

/* =====================================================
   FORMULÁRIO ENDEREÇOS - LAYOUT PROFISSIONAL
   ===================================================== */

/* Container Principal */
.woocommerce-address-fields__field-wrapper {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important; /* Sistema de 12 colunas */
  gap: 15px 20px !important;
}

/* Reset de comportamento padrão do WooCommerce */
.woocommerce-address-fields__field-wrapper .form-row {
  display: block !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --- DEFINIÇÃO DE LARGURAS (Desktop) --- */

/* 100% - Largura Total */
#billing_company_field,
#billing_country_field,
#billing_address_1_field,
#billing_phone_field,
#billing_email_field {
  grid-column: span 12 !important;
}

/* 50% / 50% - Nome e Sobrenome */
#billing_first_name_field,
#billing_last_name_field {
  grid-column: span 6 !important;
}

/* 30% / 70% - Número e Complemento */
#billing_number_field {
  grid-column: span 4 !important; /* Aprox 33% */
}
#billing_address_2_field {
  grid-column: span 8 !important; /* Aprox 66% */
}

/* 33% / 33% / 33% - Cidade, Estado e CEP */
#billing_city_field {
  grid-column: span 5 !important;
}
#billing_state_field {
  grid-column: span 4 !important;
}
#billing_postcode_field {
  grid-column: span 3 !important;
}

/* --- ESTILIZAÇÃO DOS CAMPOS --- */
.woocommerce-address-fields input,
.woocommerce-address-fields select {
  width: 100%;
  height: 45px;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  transition: border-color 0.3s ease;
}

.woocommerce-address-fields input:focus {
  border-color: #007cba; /* Cor de destaque ao clicar */
  outline: none;
}

.woocommerce-address-fields label {
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
  font-size: 14px;
}

/* Ajuste específico para o seletor de Estado (Select2 do Woo) */
.select2-container--default .select2-selection--single {
  height: 45px !important;
  /* line-height: 45px !important; */
  border-radius: 8px !important;
  border: 1px solid #ddd !important;
}

/* --- RESPONSIVIDADE (Mobile) --- */
@media (max-width: 768px) {
  .woocommerce-address-fields__field-wrapper {
    grid-template-columns: 1fr !important; /* Uma coluna só */
    gap: 15px !important;
  }

  .woocommerce-address-fields__field-wrapper .form-row {
    grid-column: span 12 !important; /* Todos ocupam tudo */
  }
}

/* Esconde o texto original do Label do campo Address 2 */
#billing_address_2_field label {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Insere o novo texto "Complemento" em modo inline */
#billing_address_2_field label::before {
  content: 'Complemento' !important;
  font-size: 14px !important;
  font-weight: 600 !important; /* Deixa negrito como os outros campos */
  display: inline-block !important; /* O segredo está aqui */
  visibility: visible !important;
  line-height: 1.4 !important;
}

/* Ajusta o (opcional) para ficar ao lado */
#billing_address_2_field label .optional {
  font-size: 12px !important;
  display: inline-block !important; /* Garante que ele aceite alinhamento lateral */
  visibility: visible !important;
  margin-left: 4px !important;
  color: #777 !important; /* Cor leve para o texto opcional */
}

/** Botão Salvar Endereços **/
#sb-app-content > div > div > form > div > p > button {
  color: #ffffff !important;
  background-color: #115cfa !important;
  border-color: #115cfa !important;
}

/** Arredondamento dos inputs Página: Detalhes da conta **/
input,
textarea,
select,
.seldiv,
.select2-choice,
.select2-selection--single {
  border-radius: 8px !important;
}
/**Cor dar bordas Form Detalhes Conta */
.style-light input {
  border-color: #ddd !important;
}

/* =====================================================
   AJUSTE DE SENHA - DETALHES DA CONTA (DESKTOP)
   ===================================================== */

@media (min-width: 769px) {
  /* Transforma o fieldset em um grid de duas colunas */
  .woocommerce-EditAccountForm fieldset {
    display: grid !important;
    grid-template-columns: 1fr 1fr; /* Duas colunas iguais (50% / 50%) */
    gap: 0 20px; /* Espaço entre as colunas */
  }

  /* Ocupa a largura total (Título do Fieldset) */
  .woocommerce-EditAccountForm fieldset legend {
    grid-column: 1 / -1;
    margin-bottom: 15px;
    font-weight: 600;
  }

  /* Senha Atual - Força ocupar a linha inteira sozinho */
  .woocommerce-form-row[id*='password_current_field'],
  .woocommerce-EditAccountForm p:has(input[name='password_current']) {
    grid-column: 1 / -1 !important;
  }

  /* Nova Senha (password_1) e Confirmar Senha (password_2) */
  /* Eles se encaixarão automaticamente um ao lado do outro pelo Grid */
  .woocommerce-EditAccountForm p:has(input[name='password_1']),
  .woocommerce-EditAccountForm p:has(input[name='password_2']) {
    width: 100% !important;
    float: none !important;
  }
}

/* Ajuste visual para os botões "olhinho" (mostrar senha) do WooCommerce */
.woocommerce-form-row .password-input {
  display: block;
  position: relative;
}

.show-password-input {
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

/** Deslocamento Olhos Exibir Senha **/
.show-password-input {
  right: 20px !important;
}

/** Texto Menu Top */
.menu-dark a.menu-smart-toggle,
.menu-dark .menu-smart a:not(.un-submenu *) {
  color: #ffffff !important;
}
@media (max-width: 959px) {
  .submenu-dark:not(.isotope-filters) .menu-smart a:not(.block-wrapper-parent *) {
    color: #ffffff !important;
  }
}

/** User, Wishlist e Cart **/
.mobile-additional-icon i {
  font-size: 25px !important;
}

/** Star Custom Notification: Obrigado. Seu pedido foi recebido. **/
.woocommerce-thankyou-order-received.woocommerce-notice--success {
  display: block;
  padding: 10px 15px;
  margin-bottom: 15px;
  background: #04b431;
  color: #ffffff;
  border-left: 4px solid #0b7a27;
  border-radius: 4px;
  font-weight: 600;
  box-shadow: 0px 70px 140px rgb(0 0 0 / 43%) !important;
}

.woocommerce-thankyou-order-received.woocommerce-notice--success span,
.woocommerce-thankyou-order-received.woocommerce-notice--success * {
  color: #ffffff !important;
}
/** End Custom Norification: Obrigado. Seu pedido foi recebido. **/

/* Largura Botão: Orçamento Produto Variável - Mobile */
@media (max-width: 768px) {
  .single-product .woocommerce-variation-add-to-cart button.single_add_to_cart_button {
    max-width: 40% !important;
  }
}

/* Widget Whatsapp */
.wc_whatsapp_app {
  position: fixed;
  bottom: 30px;
  z-index: 9999999999;
  display: flex;
  align-items: center;
}
.wc_whatsapp_app:before {
  content: '';
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 70px;
  height: 70px;
  background: #25d366;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.wc_whatsapp_app.left {
  left: 30px;
}
.wc_whatsapp_app.right {
  right: 30px;
}
.wc_whatsapp {
  z-index: 10;
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 50%;
  background: #25d366;
  box-shadow: 2px 2px 20px 8px rgba(0, 0, 0, 0.2);
  transition: all ease 0.2s;
}
.wc_whatsapp:hover,
.wc_whatsapp:focus {
  box-shadow: 2px 2px 20px 8px rgba(0, 0, 0, 0.2);
  background: #179345;
}
.wc_whatsapp::before {
  content: '';
  display: block;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' focusable='false' data-prefix='icon' data-icon='whatsapp' class='svg-inline' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23fff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'%3e%3c/path%3e%3c/svg%3e")
    top center no-repeat;
  height: 30px;
  margin-top: 15px;
}

.wc_whatsapp_secondary {
  width: 165px;
  position: absolute;
  right: 75px;
  text-align: center;
}
.wc_whatsapp_secondary p {
  text-transform: uppercase;
  margin-left: 15px;
  border: 1px solid #e2e2e2;
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: 700;
  position: relative;
  color: #263b50;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 14px;
  background: #fff;
}
.wc_whatsapp_secondary p::before {
  left: auto;
  content: '';
  position: absolute;
  background: white;
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  right: -5px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  z-index: 1;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* setas Dropdown Menu
@media (min-width: 960px) {
  .menu-no-arrows .menu-smart > li > a i.fa-dropdown {
    display: block !important;
  }
}
.menu-smart i.fa-dropdown,
.unmenu-block i.fa-dropdown {
  font-size: 1.5em !important;
  color: #fe642e !important;
}
/*
.fa-angle-down:before {
    content: "\f107";
}

.fa-angle-right:before {
  content: '\f107' !important;
}

@media (max-width: 959px) {
  .menu-mobile-centered
    .menu-smart:not(.top-enhanced-inner)
    li:not(.social-icon)
    .fa[class*='fa-angle-']:not(.collapsible-icon) {
    display: inline-block !important;
  }
} */

/* Cor da Setinha Aba Pesquisa Modile */
.dgwt-wcas-om-bar .button.dgwt-wcas-om-return .dgwt-wcas-search-input {
  background-color: #fe642e !important;
  box-shadow: 0px 70px 140px rgba(0, 0, 0, 0.5) !important;
}
/* Tamanho Ícones Menu */
/** Ícone Pesquisa **/
.dgwt-wcas-ico-magnifier-handler {
  max-width: 25px !important;
}

/* Fixar altura do logo para evitar salto no carregamento */
.logo-container .logo-image.main-logo {
  min-height: 40px; /* Ajuste para a altura configurada no seu tema */
  display: block;
}

@media (max-width: 959px) {
  .logo-container .logo-image.main-logo {
    min-height: 30px; /* Ajuste para o tamanho mobile se necessário */
  }
}

/* Reserva o espaço da imagem antes dela carregar
.wp-image-202797,
.wp-image-202799 {
  aspect-ratio: 258 / 60;
  width: 100%;
  height: auto;
  content-visibility: auto;
} */

/* Espaço entre as Barrinhas e Largura Ícon Menu Mobile */
.lines-button .lines:before {
  top: 8px !important;
}
.lines-button .lines:after {
  top: -8px !important;
}

/*
.lines-button .lines,
.lines-button .lines:before,
.lines-button .lines:after,
.lines-button .lines > span {
  width: 30px !important;
} */
.lines:not(.lines-dropdown):before,
.mobile-menu-button-light .lines:not(.lines-dropdown):after,
.mobile-menu-button-light .lines:not(.lines-dropdown) {
  background: #115cfa !important;
}
.lines-button .lines,
.lines-button .lines:before,
.lines-button .lines:after,
.lines-button .lines > span {
  height: 4px !important;
}