:root {
  /* Font */
  --font-primary: 'Plus Jakarta Sans', system-ui, sans-serif;

  /* Brand */
  --color-primary:       #2563EB;
  --color-primary-hover: #3B82F6;
  --color-secondary:     #22C55E;

  /* Backgrounds Dark */
  --bg-1: #070D18;
  --bg-2: #090F1C;
  --bg-3: #0C1424;

  /* Backgrounds Light */
  --bg-l1: #F0F4FF;
  --bg-l2: #E8EEFF;
  --bg-l3: #DDE5FF;

  /* Glass */
  --glass:         rgba(255,255,255,0.055);
  --glass-border:  rgba(255,255,255,0.10);
  --glass-hover:   rgba(255,255,255,0.085);
  --glass-shine:   rgba(255,255,255,0.15);

  /* Accent helpers */
  --blue-bg:     rgba(37,99,235,0.10);
  --blue-border: rgba(37,99,235,0.25);
  --blue-glow:   rgba(37,99,235,0.25);
  --green-bg:    rgba(34,197,94,0.10);
  --green-border:rgba(34,197,94,0.25);

  /* Text */
  --text:        #EEF2FF;
  --text-muted:  rgba(238,242,255,0.52);
  --text-subtle: rgba(238,242,255,0.26);

  /* Radius */
  --r-sm:   7px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-xl:   18px;
  --r-2xl:  22px;
  --r-full: 100px;
}



/* ── FUNDOS DE SEÇÃO ── */
.elementor-section, .e-container, .e-con {
  background-color: transparent;
}
body { background-color: #070D18 !important; }



/* ── TIPOGRAFIA GLOBAL ── */
body, p, span, div {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}
h1, h2, h3, h4 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: -0.04em;
}

/* MENU CARRINHO */
.elementor-menu-cart__main {
    border-radius: 10px !important;
    background: #282828 !important;
	opacity: .9;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    font-size: 14px;
    max-width: 100%;
    min-height: 200px;
    padding: 20px;
	width: 350px;
}

.elementor-menu-cart__main .elementor-button.elementor-size-md {
	font-size: 14px;
}
.elementor-menu-cart__main .elementor-button--checkout {
	background: #2563EB !important;
}


/* ── CARDS DE LISTING ── */
.listing-item, .listing-item-grid {
  background: rgba(255,255,255,0.055) !important;
  border: 0.5px solid rgba(255,255,255,0.10) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(20px) !important;
}
.listing-item .listing-title,
.listing-item h4 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  color: #EEF2FF !important;
  letter-spacing: -0.02em !important;
}
.listing-item .listing-address,
.listing-item .listing-address span {
  color: rgba(238,242,255,0.55) !important;
  font-size: 12px !important;
}

/* ── ESCONDE ELEMENTOS DO LISTEO ── */
.listing-item .listing-orderby-select,
.listing-item-bookmarks,
.listings-nav-filter,
select.orderby,
.woocommerce-ordering {
  display: none !important;
}

/* ── STATS STRIP ── */
.elementor-counter-number {
  font-size: 48px !important;
  font-weight: 800 !important;
  letter-spacing: -0.045em !important;
  color: #EEF2FF !important;
}
.elementor-counter-number-suffix,
.elementor-counter-number-prefix {
  color: #2563EB !important;
  font-size: 32px !important;
  font-weight: 800 !important;
}

/* ── BOTÕES PRIMÁRIOS ── */
.elementor-button.elementor-button-link,
a.elementor-button {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  /*font-weight: 700 !important;*/
  border-radius: 8px !important;
  letter-spacing: 0.01em !important;
}





/* BUSCA */

.main-search-input {
	background: rgba(255, 255, 255, 0.06) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.12) !important;
}
.main-search-input button.button  {
	background-color: #2563EB !important;
	color:  #fff !important;
}
.main-search-input button.button:hover {
	background-color: #22C55E !important;
}

body#dark-mode .main-search-input-item {
	border-color: transparent !important;
}

@media (max-width: 1024px) {
    .main-search-input .menu-toggle {
        width: 100%;
    padding: 13px 16px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    color: #EEF2FF;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    -webkit-appearance: none !important;
    }
}

/* ============================================================
   ENGNEAR — CSS GERAL (WPCode)
   Ajustes de dark mode para componentes que ficaram no padrao
   claro/branco de fabrica do Listeo, WooCommerce e ACF.

   IMPORTANTE: cada pagina tem seu proprio bloco, escopado por
   classe do <body>. Nada e compartilhado entre Checkout e as
   demais paginas — uma alteracao aqui nao deve mais vazar pra
   outra pagina. O Checkout, em especial, so recebe a correcao
   de bug global (ela e segura: so restaura o comportamento
   nativo do <select>, nao estiliza nada por conta propria).

   Blocos:
   1) GLOBAL                       -> todas as paginas
   2) HOME / BUSCA-ENGENHEIROS     -> escopado pelo widget de busca
   3) CADASTRAR/EDITAR PERFIL      -> body.page-id-742
   4) CHECKOUT                     -> body.woocommerce-checkout
   ============================================================ */


/* ------------------------------------------------------------
   1) GLOBAL
   Unica regra que roda em toda pagina. E uma correcao de bug,
   nao uma escolha de estilo: existe uma regra antiga no site
   que aplica appearance:none em todo input/select/textarea,
   o que tira a setinha nativa de selects "crus" (os que nao
   sao potencializados por select2/bootstrap-select) e faz o
   campo parecer texto estatico — foi o que quebrou o campo
   "Tipo de Pessoa" no Checkout. Selects ja tratados por select2
   (.select2-hidden-accessible) ficam de fora, intocados.
------------------------------------------------------------ */
select:not(.select2-hidden-accessible) {
  appearance: menulist !important;
  -webkit-appearance: menulist !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}


/* ------------------------------------------------------------
   2) HOME / BUSCA-ENGENHEIROS
   Widget de busca (listeo-minimal-search-form). Escopado pelas
   classes do proprio componente — essas classes so existem
   dentro do widget de busca, entao nao tem risco de vazar pro
   Checkout ou pro formulario de cadastro.
------------------------------------------------------------ */

/* Pill de fundo da busca */
.listeo-minimal-search-form-wrapper .main-search-input {
  background-color: rgba(9, 15, 28, 0.7);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.listeo-minimal-search-form-wrapper .main-search-input-item {
  border-right-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
}

/* Icone do pin de "Localizacao" tinha um quadrado branco no fundo do <a> */
.main-search-input-item.location a {
  background-color: transparent !important;
}

/* Campo "Estado" (bootstrap-select) */
.select-taxonomy .btn.dropdown-toggle {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
.select-taxonomy .filter-option {
  color: rgba(255, 255, 255, 0.85) !important;
}
.select-taxonomy .bs-caret .caret {
  border-top-color: rgba(255, 255, 255, 0.55) !important;
}
/* Anel de foco nativo do navegador aparecia como uma barra branca
   embaixo do botao quando ele ficava focado */
.select-taxonomy .btn.dropdown-toggle:focus,
.select-taxonomy .btn.dropdown-toggle:focus-visible,
.select-taxonomy .btn.dropdown-toggle.focus {
  outline: none !important;
  box-shadow: none !important;
}
.select-taxonomy .dropdown-menu {
  background-color: #0C1424;
  border-color: rgba(255, 255, 255, 0.1);
}
.select-taxonomy .dropdown-menu .bs-searchbox input {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.12);
}
.select-taxonomy .dropdown-menu li a {
  color: rgba(255, 255, 255, 0.8);
}
.select-taxonomy .dropdown-menu li a:hover {
  background-color: rgba(255, 255, 255, 0.08);
}

/* FIX: traço branco ao abrir "Estado" (scrollbar nativa da lista).
   A lista de estados rola (overflow-y:auto no .inner). O scrollbar
   cinza-claro padrao do Chrome aparecia como um traco branco contra
   o fundo escuro. So aparece no clique REAL do mouse, quando a lista
   rola de fato — por isso o teste via JS .click() nao reproduzia. */
.select-taxonomy .inner {
  scrollbar-width: thin;                                  /* Firefox */
  scrollbar-color: rgba(255, 255, 255, 0.22) transparent; /* Firefox */
}
.select-taxonomy .inner::-webkit-scrollbar {
  width: 8px;                                             /* Chrome/Edge/Safari */
}
.select-taxonomy .inner::-webkit-scrollbar-track {
  background: transparent;
}
.select-taxonomy .inner::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 8px;
}

/* Campo "Todas as Categorias" (drilldown-menu) na busca */
.drilldown-taxonomy .menu-toggle {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  color: rgba(255, 255, 255, 0.55);
}
/* FIX: "Todas as Categorias" vinha mais alto que os outros campos
   (line-height 28.8 + padding 10 + font 16 = ~51px). Normaliza pra
   46px — mesma altura do "Estado" — alinhando a barra inteira. O
   .reset-button interno e position:absolute, entao mexer na altura
   aqui nao o desloca. */
.drilldown-taxonomy .menu-toggle {
  height: 46px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 44px !important;
  font-size: 15px !important;
}
.drilldown-taxonomy .menu-panel {
  background-color: #0C1424;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.drilldown-taxonomy .menu-item,
.drilldown-taxonomy .item-label,
.drilldown-taxonomy .arrow {
  color: rgba(255, 255, 255, 0.75);
}
.drilldown-taxonomy .menu-item:hover {
  background-color: rgba(255, 255, 255, 0.06);
}
.drilldown-taxonomy .back-button {
  background-color: #2563EB !important;
  color: #fff !important;
}
.drilldown-taxonomy .back-button:hover {
  background-color: #3B82F6 !important;
}


/* ------------------------------------------------------------
   3) CADASTRAR/EDITAR PERFIL (body.page-id-742)
   Tudo aqui so existe dentro dessa pagina. Nao compartilha
   nenhuma regra com o Checkout, mesmo usando select2 tambem.
------------------------------------------------------------ */

/* Selects2 do formulario: UF do CREA, Status CREA, Disponibilidade */
body.page-id-742 .select2-selection--single {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
}
body.page-id-742 .select2-selection__rendered {
  color: rgb(221, 221, 221) !important;
}
body.page-id-742 .select2-selection__placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}
body.page-id-742 .select2-selection__arrow b {
  border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent !important;
}
body.page-id-742 .select2-dropdown {
  background-color: #0C1424 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
body.page-id-742 .select2-search__field {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
body.page-id-742 .select2-results__option {
  color: rgba(255, 255, 255, 0.75) !important;
}
body.page-id-742 .select2-results__option--highlighted {
  color: #fff !important;
  background-color: #2563EB !important;
}

/* Inputs de texto ficando com fundo branco ao focar */
body.page-id-742 #submit-listing-form input:focus,
body.page-id-742 #submit-listing-form textarea:focus,
body.page-id-742 #submit-listing-form select:focus {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
}

/* Botoes "Enviar Arquivos" (logo, certidao de registro, etc.) */
body.page-id-742 .uploadButton-button {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* Area de upload da Galeria de Fotos (Dropzone.js) */
body.page-id-742 .dropzone._gallery {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border: 2px dashed rgba(255, 255, 255, 0.15) !important;
}
body.page-id-742 .dropzone._gallery .dz-message,
body.page-id-742 .dropzone._gallery .dz-message span {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Campo "Categorias" do formulario (mesmo widget drilldown-menu
   da busca, mas usado aqui fora do escopo .drilldown-taxonomy,
   por isso precisa da propria copia das regras) */
body.page-id-742 .form-field-container-type-drilldown-taxonomy .menu-toggle {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
}
body.page-id-742 .form-field-container-type-drilldown-taxonomy .menu-label {
  color: rgba(255, 255, 255, 0.85) !important;
}
body.page-id-742 .form-field-container-type-drilldown-taxonomy .menu-panel {
  background-color: #0C1424 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.page-id-742 .form-field-container-type-drilldown-taxonomy .menu-item,
body.page-id-742 .form-field-container-type-drilldown-taxonomy .item-label,
body.page-id-742 .form-field-container-type-drilldown-taxonomy .arrow {
  color: rgba(255, 255, 255, 0.75) !important;
}
body.page-id-742 .form-field-container-type-drilldown-taxonomy .back-button {
  background-color: #2563EB !important;
  color: #fff !important;
}
body.page-id-742 .form-field-container-type-drilldown-taxonomy .back-button:hover {
  background-color: #3B82F6 !important;
}


/* ------------------------------------------------------------
   4) CHECKOUT (body.woocommerce-checkout)
   De proposito vazio por enquanto. O select que quebrava la
   ja foi resolvido pela correcao GLOBAL (bloco 1). Se no futuro
   precisar estilizar algo especifico do checkout (ex.: o select2
   do pais/estado), a regra deve ser escrita AQUI DENTRO, escopada
   por body.woocommerce-checkout, e nunca reaproveitada dos blocos
   acima — e assim que a gente garante que mexer no formulario de
   cadastro nunca mais quebra o checkout, e vice-versa.
------------------------------------------------------------ */







/* ── NAV ── */
.main-nav ul li a,
header .nav-menu li a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  /*font-weight: 400 !important;
  font-size: 13px !important;*/
  color: rgba(238,242,255,0.55) !important;
  transition: color 0.2s !important;
}
.main-nav ul li a:hover,
header .nav-menu li a:hover {
  color: #EEF2FF !important;
}




/* ── BADGE CATEGORIA NOS CARDS ── */
.listing-item .listing-category,
.listing-item .listing-category a {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  background: rgba(37,99,235,0.15) !important;
  color: #3B82F6 !important;
  border: 0.5px solid rgba(37,99,235,0.30) !important;
  border-radius: 100px !important;
  padding: 4px 12px !important;
}

/* ── FOOTER ── */
footer, #footer {
  background: #070D18 !important;
  border-top: 0.5px solid rgba(255,255,255,0.10) !important;
}
footer *, #footer * {
  color: rgba(238,242,255,0.52) !important;
}








/* ================================================
   ENGNEAR — Custom CSS Global v2.0
   Elementor → Site Settings → Custom CSS
   ================================================ */

/* ── FUNDOS E BASE ── */
body { background-color: #070D18 !important; }
.elementor-section, .e-container, .e-con {
  background-color: transparent;
}

/* ── TIPOGRAFIA GLOBAL ── */
body, p, span, div, a, li, td, th, label, input, select, textarea, button {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
  letter-spacing: -0.04em !important;
}

/* ── BOTÕES ELEMENTOR ── */
.elementor-button {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  letter-spacing: 0.01em !important;
}

/* ── NAV ── */
.main-nav ul li a,
header .nav-menu li a,
.primary-nav li a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  color: rgba(238,242,255,0.55) !important;
  transition: color 0.2s !important;
}
.main-nav ul li a:hover,
header .nav-menu li a:hover { color: #EEF2FF !important; }

/* ── FOOTER ── */
footer, #footer {
  background: #070D18 !important;
  border-top: 0.5px solid rgba(255,255,255,0.10) !important;
}
footer a { color: rgba(238,242,255,0.52) !important; transition: color 0.2s !important; }


/* ── STATS ELEMENTOR (Counter widget) ── */
.elementor-counter-number {
  font-size: 48px !important;
  font-weight: 800 !important;
  letter-spacing: -0.045em !important;
  color: #EEF2FF !important;
}
.elementor-counter-number-suffix,
.elementor-counter-number-prefix {
  color: #2563EB !important;
  font-size: 32px !important;
  font-weight: 800 !important;
}






/* ================================================
   CARDS DE LISTING (home e busca)
   ================================================ */

.listing-item,
.listing-item-grid,
.listing-item-container {
  background: rgba(255,255,255,0.055) !important;
  border: 0.5px solid rgba(255,255,255,0.10) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  transition: border-color 0.3s, transform 0.3s !important;
  overflow: hidden !important;
}
.listing-item:hover, .listing-item-grid:hover {
  border-color: rgba(37,99,235,0.35) !important;
  transform: translateY(-4px) !important;
}
.listing-item .listing-title,
.listing-item h4,
.listing-item .listing-item-name {
  font-weight: 800 !important;
  font-size: 20px !important;
  color: #EEF2FF !important;
  letter-spacing: -0.02em !important;
}
.listing-item .listing-address,
.listing-item .listing-address span,
.listing-item .listing-location {
  color: rgba(238,242,255,0.55) !important;
  font-size: 12px !important;
}
.listing-item .listing-category,
.listing-item .listing-category a {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  background: rgba(37,99,235,0.15) !important;
  color: #3B82F6 !important;
  border: 0.5px solid rgba(37,99,235,0.30) !important;
  border-radius: 100px !important;
  padding: 4px 12px !important;
  text-decoration: none !important;
}

/* Esconde elementos desnecessários nos cards */
select.orderby,
.woocommerce-ordering,
.listing-item .listing-orderby-select,
.listings-nav-filter { display: none !important; }

/* ================================================
   DASHBOARD — classes reais do Listeo
   ================================================ */

.dashboard-stat.color-1,
.dashboard-stat.color-2,
.dashboard-stat.color-3,
.dashboard-stat.color-4 {
  background: rgba(255,255,255,0.055) !important;
  border: 0.5px solid rgba(255,255,255,0.10) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  transition: border-color 0.2s, transform 0.2s !important;
  padding: 24px !important;
}
.dashboard-stat.color-1:hover,
.dashboard-stat.color-2:hover,
.dashboard-stat.color-3:hover,
.dashboard-stat.color-4:hover {
  border-color: rgba(37,99,235,0.35) !important;
  transform: translateY(-3px) !important;
}
.dashboard-stat h4 {
  font-size: 44px !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  color: #EEF2FF !important;
  line-height: 1 !important;
  margin-bottom: 8px !important;
}
.dashboard-stat span {
  font-size: 13px !important;
  color: rgba(238,242,255,0.52) !important;
}
.dashboard-stat-icon svg *,
.dashboard-stat-icon svg path,
.dashboard-stat-icon svg rect,
.dashboard-stat-icon svg circle {
  fill: none !important;
  stroke: #3B82F6 !important;
}
.dashboard-stat-icon svg [fill]:not([fill="none"]) {
  fill: #3B82F6 !important;
  stroke: none !important;
}

/* Recent Activities */
.dashboard-recent-activities,
.recent-activities,
#recent-activities {
  background: rgba(255,255,255,0.055) !important;
  border: 0.5px solid rgba(255,255,255,0.10) !important;
  border-radius: 16px !important;
  padding: 24px !important;
}
.recent-activities h3,
.recent-activities .title,
#recent-activities h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #EEF2FF !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 16px !important;
}
.recent-activities li,
.recent-activities .item,
#recent-activities li {
  padding: 12px 0 !important;
  border-bottom: 0.5px solid rgba(255,255,255,0.06) !important;
  color: rgba(238,242,255,0.52) !important;
  font-size: 13px !important;
}
.recent-activities a,
#recent-activities a { color: #3B82F6 !important; font-weight: 600 !important; }

/* ================================================
   LOGIN — classes reais do Listeo
   ================================================ */

.listeo_login_register_form_wrap {
  background:
    radial-gradient(ellipse 80% 70% at 50% -10%, rgba(37,99,235,0.28) 0%, transparent 65%),
    #070D18 !important;
  min-height: 80vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 60px 20px !important;
}
.tabs-container.alt,
.listeo_login_register_form_wrap .tabs-container {
  background: rgba(255,255,255,0.055) !important;
  border: 0.5px solid rgba(255,255,255,0.10) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  padding: 40px !important;
  max-width: 460px !important;
  width: 100% !important;
}
.tabs-nav {
  list-style: none !important;
  display: flex !important;
  gap: 4px !important;
  border-bottom: 0.5px solid rgba(255,255,255,0.10) !important;
  margin-bottom: 28px !important;
  padding: 0 !important;
}
.tabs-nav li a {
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(238,242,255,0.52) !important;
  text-decoration: none !important;
  padding: 10px 20px !important;
  border-bottom: 2px solid transparent !important;
  transition: all 0.2s !important;
}
.tabs-nav li.active a,
.tabs-nav li a:hover {
  color: #EEF2FF !important;
  border-bottom-color: #2563EB !important;
}
form.login input[type=text],
form.login input[type=password],
form.login input[type=email],
.tab-content input[type=text],
.tab-content input[type=password],
.tab-content input[type=email] {
  width: 100% !important;
  background: rgba(255,255,255,0.06) !important;
  border: 0.5px solid rgba(255,255,255,0.12) !important;
  border-radius: 10px !important;
  padding: 13px 16px !important;
  color: #EEF2FF !important;
  font-size: 14px !important;
  outline: none !important;
  margin-bottom: 14px !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  box-sizing: border-box !important;
}
form.login input:focus,
.tab-content input:focus {
  border-color: #2563EB !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.10) !important;
}
form.login input[type=submit],
form.login button[type=submit],
.tab-content input[type=submit],
.tab-content button[type=submit] {
  width: 100% !important;
  padding: 15px !important;
  background: #2563EB !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 0 32px rgba(37,99,235,0.30) !important;
  transition: all 0.22s !important;
  margin-top: 8px !important;
}
form.login input[type=submit]:hover,
.tab-content input[type=submit]:hover {
  background: #3B82F6 !important;
  transform: translateY(-2px) !important;
}
form.login .lost_password a,
.tab-content a { color: #3B82F6 !important; font-size: 13px !important; font-weight: 500 !important; text-decoration: none !important; }






/* ================================================
   REDEFINIR SENHA
   ================================================ */

.lost-password-page,
.listeo-lost-password-wrap {
  min-height: 80vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(ellipse 80% 70% at 50% -10%, rgba(37,99,235,0.28) 0%, transparent 65%),
    #070D18 !important;
}
.lost-password-page form,
form#lostpasswordform,
.listeo-lost-password-wrap form {
  background: rgba(255,255,255,0.055) !important;
  border: 0.5px solid rgba(255,255,255,0.10) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(24px) !important;
  padding: 40px !important;
  max-width: 460px !important;
  width: 100% !important;
  margin: 80px auto !important;
}
.lost-password-page input[type=text],
.lost-password-page input[type=email],
form#lostpasswordform input {
  background: rgba(255,255,255,0.06) !important;
  border: 0.5px solid rgba(255,255,255,0.12) !important;
  border-radius: 10px !important;
  padding: 13px 16px !important;
  color: #EEF2FF !important;
  font-size: 14px !important;
  width: 100% !important;
  margin-bottom: 16px !important;
  outline: none !important;
}
.lost-password-page input[type=submit],
form#lostpasswordform input[type=submit] {
  background: #2563EB !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 32px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  width: 100% !important;
  box-shadow: 0 0 24px rgba(37,99,235,0.30) !important;
  transition: all 0.2s !important;
}
.lost-password-page input[type=submit]:hover { background: #3B82F6 !important; transform: translateY(-2px) !important; }


/* ================================================
   MEU PERFIL — esconde redes sociais
   ================================================ */

/* Alerta azul chocante */
.profile-edit-container .notification,
.profile-edit-container .alert,
.user-profile .notification,
.notification.error,
.notification.success,
.notification.warning {
  background: rgba(37,99,235,0.10) !important;
  border: 0.5px solid rgba(37,99,235,0.25) !important;
  border-radius: 10px !important;
  color: #3B82F6 !important;
  font-size: 13px !important;
  padding: 12px 16px !important;
}

/* Esconde X, Facebook, Instagram, YouTube, TikTok — mantém LinkedIn e WhatsApp */
.profile-edit-container .social-links .form-row:has(input[name*="twitter"]),
.profile-edit-container .social-links .form-row:has(input[name*="facebook"]),
.profile-edit-container .social-links .form-row:has(input[name*="instagram"]),
.profile-edit-container .social-links .form-row:has(input[name*="youtube"]),
.profile-edit-container .social-links .form-row:has(input[name*="tiktok"]),
/* fallback por nth-child caso :has não funcione */
.profile-edit-container .social-links .form-row:nth-child(1),
.profile-edit-container .social-links .form-row:nth-child(2),
.profile-edit-container .social-links .form-row:nth-child(4),
.profile-edit-container .social-links .form-row:nth-child(5),
.profile-edit-container .social-links .form-row:nth-child(6) {
  display: none !important;
}

/* Save Changes — botão azul */
.profile-edit-container input[type=submit],
.profile-edit-container button[type=submit],
.user-profile-form input[type=submit] {
  background: #2563EB !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 32px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 0 24px rgba(37,99,235,0.25) !important;
  transition: all 0.2s !important;
}
.profile-edit-container input[type=submit]:hover { background: #3B82F6 !important; transform: translateY(-2px) !important; }

/* ================================================
   FAVORITOS — empty state elegante
   ================================================ */

.alert-info, .alert-warning, .alert-danger {
  background: rgba(255,255,255,0.055) !important;
  border: 0.5px solid rgba(255,255,255,0.10) !important;
  border-radius: 14px !important;
  color: rgba(238,242,255,0.52) !important;
  font-size: 15px !important;
  padding: 40px !important;
  text-align: center !important;
}

/* ================================================
   WOOCOMMERCE GLOBAL
   ================================================ */

/* Tabelas — carrinho */
.woocommerce table.shop_table {
  background: rgba(255,255,255,0.055) !important;
  border: 0.5px solid rgba(255,255,255,0.10) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}
.woocommerce table.shop_table th {
  background: rgba(255,255,255,0.03) !important;
  color: rgba(238,242,255,0.30) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 16px 20px !important;
  border-bottom: 0.5px solid rgba(255,255,255,0.10) !important;
}
.woocommerce table.shop_table td {
  padding: 16px 20px !important;
  border-bottom: 0.5px solid rgba(255,255,255,0.06) !important;
  color: rgba(238,242,255,0.52) !important;
  font-size: 14px !important;
}
.woocommerce table.shop_table tr:last-child td { border-bottom: none !important; }

/* Totais */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review {
  background: rgba(255,255,255,0.055) !important;
  border: 0.5px solid rgba(255,255,255,0.10) !important;
  border-radius: 14px !important;
  padding: 24px !important;
}

/* Inputs checkout */
.woocommerce form .input-text,
.woocommerce-billing-fields input,
.woocommerce-billing-fields select {
  background: rgba(255,255,255,0.06) !important;
  border: 0.5px solid rgba(255,255,255,0.12) !important;
  border-radius: 10px !important;
  padding: 13px 16px !important;
  color: #EEF2FF !important;
  font-size: 14px !important;
  width: 100% !important;
}
.woocommerce form .input-text:focus {
  border-color: #2563EB !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.10) !important;
  outline: none !important;
}
.woocommerce form label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgba(238,242,255,0.52) !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 8px !important;
}

/* Botão finalizar pedido */
.woocommerce #place_order,
.woocommerce .checkout-button,
.woocommerce button.button.alt {
  background: #2563EB !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 16px 40px !important;
  box-shadow: 0 0 32px rgba(37,99,235,0.30) !important;
  transition: all 0.22s !important;
  width: 100% !important;
  cursor: pointer !important;
}
.woocommerce #place_order:hover,
.woocommerce button.button.alt:hover {
  background: #3B82F6 !important;
  transform: translateY(-2px) !important;
}

/* Botão secundário WooCommerce */
.woocommerce a.button,
.woocommerce button.button:not(.alt) {
  background: rgba(255,255,255,0.055) !important;
  color: rgba(238,242,255,0.52) !important;
  border: 0.5px solid rgba(255,255,255,0.10) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 12px 24px !important;
  transition: all 0.2s !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:not(.alt):hover {
  background: rgba(255,255,255,0.085) !important;
  color: #EEF2FF !important;
}

/* Minha conta — nav lateral */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: rgba(255,255,255,0.055) !important;
  border: 0.5px solid rgba(255,255,255,0.10) !important;
  border-radius: 14px !important;
  padding: 16px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none !important; display: flex !important; flex-direction: column !important; gap: 4px !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(238,242,255,0.52) !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background: rgba(37,99,235,0.10) !important;
  color: #3B82F6 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
  background: rgba(255,255,255,0.055) !important;
  border: 0.5px solid rgba(255,255,255,0.10) !important;
  border-radius: 14px !important;
  padding: 28px !important;
  color: rgba(238,242,255,0.52) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}
.woocommerce-account .woocommerce-MyAccount-content a { color: #3B82F6 !important; font-weight: 600 !important; }

/* Esconde grid de produtos na página /planos */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering { display: none !important; }