/* =========================================================
   LUCCAUTO - CSS complementar para o tema PrimeShop 2.0 Auto
   As cores principais ficam no código "configuração inicial".
   Este CSS só faz o acabamento que o tema não oferece.
   ========================================================= */

/* Menu: todas as categorias no mesmo padrão */
.menu-desktop .menu .nivel-um > li > a strong.titulo {
  text-transform: uppercase !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
}
.menu-desktop .menu .nivel-um > li > a {
  border-bottom: 3px solid transparent;
  transition: border-color .15s ease, color .15s ease;
}
.menu-desktop .menu .nivel-um > li:hover > a {
  border-bottom-color: #F7931E;
}
.menu-desktop .menu .nivel-um > li:hover > a strong.titulo {
  color: #F7931E !important;
}
.menu-desktop .submenu .level2 a,
.menu-desktop .submenu .level3 a {
  text-transform: none !important;
}

/* Linha laranja embaixo do menu */
.menu-desktop {
  border-bottom: 3px solid #F7931E !important;
}

/* Marcas: logos inteiras, centralizadas e sem cortes */
.vitrine-marcas .marca-carrossel a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid #E2E4E8;
  border-radius: 10px;
  transition: border-color .2s ease;
}
.vitrine-marcas .marca-carrossel a:hover { border-color: #F7931E; }
.vitrine-marcas .marca-carrossel img {
  object-fit: contain !important;
  max-height: 90px !important;
  max-width: 75% !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto;
}

/* Títulos das seções com a barrinha inclinada da marca */
.titulo-categoria strong,
.titulo2 strong {
  font-weight: 700 !important;
}

/* Botões principais (comprar, cadastrar, login) */
.botao.principal,
.botao-comprar {
  border-radius: 8px !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

/* Campos de formulário (login e cadastro) */
#corpo input[type="text"],
#corpo input[type="email"],
#corpo input[type="password"] {
  border-radius: 8px !important;
  min-height: 42px;
}
#corpo input[type="text"]:focus,
#corpo input[type="email"]:focus,
#corpo input[type="password"]:focus {
  border-color: #F7931E !important;
  box-shadow: 0 0 0 3px rgba(247,147,30,.25) !important;
  outline: none !important;
}

/* =========================================================
   RODAPE MODERNO
   ========================================================= */
#rodape,
#rodape .institucional,
#rodape .pagamento-selos,
#rodape .rodape-inferior {
  background: #000000 !important;
}
#rodape {
  border-top: 3px solid #F7931E !important;
}
#rodape .institucional {
  padding: 48px 0 32px !important;
  border-bottom: 1px solid #1A1A1A !important;
}
#rodape .pagamento-selos {
  padding: 32px 0 !important;
}

/* Titulos das colunas com barrinha laranja */
#rodape .rodape-coluna > .titulo {
  display: block;
  position: relative;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding-bottom: 10px;
  margin-bottom: 18px;
}
#rodape .rodape-coluna > .titulo::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 28px;
  height: 3px;
  background: #F7931E;
  transform: skewX(-20deg);
}

/* Textos e links */
#rodape a,
#rodape p,
#rodape li {
  color: #C7CBD1 !important;
}
#rodape a:hover {
  color: #F7931E !important;
}
#rodape .links-rodape li {
  margin-bottom: 8px;
}

/* Atendimento removido do rodape (ja existe o botao flutuante) */
#rodape .rodape-atendimento {
  display: none !important;
}

/* Redes sociais em botoes redondos */
#rodape .lista-redes ul {
  display: flex;
  gap: 10px;
  padding: 0;
  margin: 0;
}
#rodape .lista-redes a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #1F1F1F !important;
  transition: background-color .15s ease;
}
#rodape .lista-redes a svg {
  fill: #FFFFFF !important;
  width: 18px !important;
  height: 18px !important;
}
#rodape .lista-redes a:hover {
  background: #F7931E !important;
}
#rodape .lista-redes a:hover svg {
  fill: #0D0D0D !important;
}
#rodape .facebook-box {
  display: none !important;
}

/* Sobre a loja */
#rodape .sobre-loja-rodape p {
  color: #9AA0A6 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  max-width: 320px;
}

/* Pagamento, selos e envio em "cartoes" brancos alinhados */
#rodape .gateways-rodape img,
#rodape .selos img,
#rodape .formas-de-envio img {
  background: #FFFFFF;
  border-radius: 6px;
  padding: 4px 8px;
  height: 34px !important;
  width: auto !important;
  object-fit: contain;
}
#rodape .rodape-pix {
  background: #1F1F1F !important;
  border: 1px solid #333333 !important;
  border-radius: 8px !important;
}
#rodape .rodape-pix svg {
  fill: #32BCAD !important;
}
#rodape .rodape-pix span {
  color: #FFFFFF !important;
}

/* Barra final */
#rodape .rodape-inferior {
  border-top: 1px solid #1A1A1A !important;
}
#rodape .rodape-inferior p {
  color: #7A7F86 !important;
  font-size: 12px !important;
}
#rodape .rodape-inferior .creditos {
  opacity: .6;
  transition: opacity .15s ease;
}
#rodape .rodape-inferior .creditos:hover {
  opacity: 1;
}

@media (max-width: 767px) {
  #rodape .rodape-coluna {
    margin-bottom: 28px;
  }
}

/* =========================================================
   BOTOES FLUTUANTES ALINHADOS (atendimento x WhatsApp)
   Mesmo tamanho e mesma altura, em todos os dispositivos
   ========================================================= */
.suporte-flutuante {
  left: 16px !important;
  bottom: 16px !important;
}
.suporte-flutuante .suporte-botao {
  width: 56px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
}
.suporte-flutuante .suporte-botao svg {
  width: 26px !important;
  height: 26px !important;
}

.li-whatsapp a {
  right: 16px !important;
  bottom: 16px !important;
  width: 56px !important;
  height: 56px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
}
.li-whatsapp i {
  font-size: 32px !important;
}

/* =========================================================
   LOGO DO RODAPE - tamanho por dispositivo
   ========================================================= */
#rodape .sobre-loja-rodape .logo {
  width: auto !important;
  max-width: 220px;
  margin-bottom: 16px;
}
#rodape .sobre-loja-rodape .logo a {
  display: block;
  height: auto !important;
}
#rodape .sobre-loja-rodape .logo img {
  display: block;
  width: 100% !important;
  max-width: 220px !important;
  height: auto !important;
  object-fit: contain;
}

/* Tablet */
@media (max-width: 979px) {
  #rodape .sobre-loja-rodape .logo,
  #rodape .sobre-loja-rodape .logo img {
    max-width: 190px !important;
  }
}

/* Celular: logo e texto centralizados */
@media (max-width: 767px) {
  #rodape .sobre-loja-rodape {
    text-align: center;
  }
  #rodape .sobre-loja-rodape .logo {
    margin: 0 auto 14px auto;
  }
  #rodape .sobre-loja-rodape .logo,
  #rodape .sobre-loja-rodape .logo img {
    max-width: 160px !important;
  }
  #rodape .sobre-loja-rodape p {
    margin: 0 auto !important;
  }
}


/* =========================================================
   MENU SUSPENSO MODERNO
   ========================================================= */
@keyframes lcMenuIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.menu-desktop .menu .nivel-um > li:hover > .submenu {
  animation: lcMenuIn .18s ease-out;
}
.menu-desktop .submenu {
  border-top: 3px solid #F7931E !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 18px 40px rgba(13,13,13,.18) !important;
  overflow: hidden;
}
.menu-desktop .submenu .categoria-pai-level2 strong.titulo {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #0D0D0D !important;
}
.menu-desktop .submenu .categoria-pai-level2 .icon-chevron-down {
  display: none !important;
}
.menu-desktop .submenu .level2 > li > a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 9px 12px !important;
  margin: 0 -12px;
  border-radius: 8px;
  color: #1F1F1F !important;
  font-size: 14px !important;
  transition: background-color .15s ease, color .15s ease, padding-left .15s ease;
}
.menu-desktop .submenu .level2 > li > a:hover {
  background: #FFF7ED !important;
  color: #D97706 !important;
  padding-left: 18px !important;
}
.menu-desktop .submenu .level2 > li > a svg {
  width: 10px;
  height: 10px;
  fill: #9AA0A6;
}
.menu-desktop .submenu .level3 a {
  display: block;
  padding: 6px 12px 6px 24px !important;
  font-size: 13px !important;
  color: #5F6368 !important;
  border-radius: 6px;
  transition: color .15s ease, background-color .15s ease;
}
.menu-desktop .submenu .level3 a:hover {
  color: #D97706 !important;
  background: #FFF7ED !important;
}

/* =========================================================
   CARDS DE PRODUTO - CLEAN, ALINHADOS E FOCADOS EM VENDA
   ========================================================= */

/* Card */
.listagem .listagem-item .listagem-item-wrap {
  position: relative;
  display: flex !important;
  flex-direction: column;
  height: 100%;
  background: #FFFFFF;
  border: 1px solid #E8EAED;
  border-radius: 14px !important;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

/* Todos os cards do carrossel com a mesma altura */
.vitrine-carrossel .slick-track {
  display: flex !important;
}
.vitrine-carrossel .slick-slide {
  float: none !important;
  height: auto !important;
  display: flex !important;
}
.vitrine-carrossel .slick-slide > .listagem-item-wrap {
  width: 100%;
}
.vitrine-carrossel .slick-list {
  padding-top: 8px !important;
  padding-bottom: 24px !important;
}

/* Imagem: quadrada, fundo branco, produto inteiro e centralizado */
.listagem .listagem-item .imagem-produto {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  height: auto !important;
  padding: 14px;
  background: #FFFFFF;
  overflow: hidden;
}
.listagem .listagem-item .imagem-produto img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  transition: transform .35s ease, opacity .25s ease;
}

/* Informacoes: ocupam o espaco livre e empurram o botao para baixo */
.listagem .listagem-item .info-produto {
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column;
  padding: 4px 16px 0 16px !important;
  border-top: 1px solid #F1F2F4;
}

/* Nome: sempre 2 linhas, alinhado entre os cards */
.listagem .listagem-item .nome-produto {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: auto !important;
  min-height: 2.8em;
  margin: 12px 0 10px 0 !important;
  color: #1F1F1F !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* Precos */
.listagem .listagem-item .precos-wrap {
  margin-top: auto;
  padding-bottom: 12px;
}
.listagem .preco-produto .preco-venda {
  display: block !important;
  color: #9AA0A6 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-decoration: line-through;
  margin: 0 0 2px 0 !important;
}
.listagem .preco-produto .preco-promocional {
  display: block !important;
  color: #0D0D0D !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em;
  line-height: 1.2 !important;
}
.listagem .preco-produto .preco-parcela {
  display: block;
  margin-top: 4px;
  color: #5F6368 !important;
  font-size: 12px !important;
}
.listagem .preco-produto .preco-parcela strong {
  color: #3C4043 !important;
  font-weight: 600 !important;
}

/* Selo de desconto verde: "-10% OFF" */
.listagem .bandeiras-produto .bandeira-promocao {
  display: inline-flex !important;
  align-items: center;
  background: #16A34A !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  padding: 4px 8px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
  box-shadow: 0 2px 6px rgba(22,163,74,.3);
}
.listagem .bandeiras-produto .bandeira-promocao svg {
  display: none !important;
}
.listagem .bandeiras-produto .bandeira-promocao::before {
  content: "-";
}
.listagem .bandeiras-produto .bandeira-promocao::after {
  content: " OFF";
  margin-left: 3px;
}

/* Coracao de desejos discreto */
.listagem .bandeira-desejos a {
  background: #FFFFFF !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(13,13,13,.10);
}

/* Botao de compra */
.listagem .listagem-item .acoes-produto .botao-comprar:hover {
  background: #D97706 !important;
}

/* Vitrine mais limpa: um so botao de acao.
   O "Compre pelo WhatsApp" continua na pagina do produto. */
.listagem .listagem-item a[href*="wa.me"],
.listagem .listagem-item a[href*="whatsapp"],
.listagem .listagem-item [class*="whatsapp"],
.listagem .listagem-item [class*="Whatsapp"] {
  display: none !important;
}

/* Hover so em aparelhos com mouse */
@media (hover: hover) {
  .listagem .listagem-item:hover .listagem-item-wrap {
    transform: translateY(-4px);
    border-color: #F7931E;
    box-shadow: 0 16px 32px rgba(13,13,13,.12);
  }
  .listagem .listagem-item:hover .imagem-produto img {
    transform: scale(1.05);
  }
}

/* Computador e tablet: preco e botao sempre visiveis */
@media (min-width: 768px) {
  .listagem .listagem-item .precos-wrap,
  .listagem .listagem-item:hover .precos-wrap {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .listagem .listagem-item .acoes-produto,
  .listagem .listagem-item:hover .acoes-produto {
    display: block !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    padding: 0 16px 16px 16px;
  }
  .listagem .listagem-item .acoes-produto .qtde-adicionar-carrinho {
    display: none !important;
  }
  .listagem .listagem-item .acoes-produto .botao-comprar {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 44px;
    margin: 0 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: background-color .15s ease;
  }
}

/* Produtos dentro do menu suspenso: sem botoes */
.menu-desktop .listagem .acoes-produto {
  display: none !important;
}

/* Celular */
@media (max-width: 767px) {
  .listagem .listagem-item .info-produto {
    padding: 2px 10px 0 10px !important;
  }
  .listagem .listagem-item .nome-produto {
    font-size: 13px !important;
  }
  .listagem .preco-produto .preco-promocional {
    font-size: 17px !important;
  }
  .listagem .listagem-item .acoes-produto-responsiva .tag-comprar {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0 10px 10px 10px;
    padding: 9px 0;
    border-radius: 10px;
    background: #F7931E !important;
    color: #0D0D0D !important;
    font-weight: 700;
  }
  .listagem .listagem-item .acoes-produto-responsiva .tag-comprar .titulo {
    color: #0D0D0D !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .listagem .listagem-item .listagem-item-wrap,
  .listagem .listagem-item .imagem-produto img,
  .menu-desktop .menu .nivel-um > li:hover > .submenu {
    transition: none !important;
    animation: none !important;
  }
}

/* =========================================================
   CENTRAL DE ATENDIMENTO (cabecalho e botao flutuante)
   ========================================================= */
.painel-atendimento .dir-inside {
  border-top: 3px solid #F7931E !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 18px 40px rgba(13,13,13,.18) !important;
  padding: 8px 20px !important;
  min-width: 270px;
}
.painel-atendimento:hover .dir {
  animation: lcMenuIn .18s ease-out;
}

.painel-atendimento .atendimento-content .a-block,
.suporte-popup .atendimento-content .a-block {
  padding: 12px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #EEF0F2 !important;
}
.painel-atendimento .atendimento-content .a-block:last-child,
.suporte-popup .atendimento-content .a-block:last-child {
  border-bottom: none !important;
}

/* Rotulo: icone laranja + texto pequeno */
.painel-atendimento .atendimento-content .contato-titulo,
.suporte-popup .atendimento-content .contato-titulo {
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.painel-atendimento .atendimento-content .contato-titulo svg,
.suporte-popup .atendimento-content .contato-titulo svg {
  fill: #F7931E !important;
  width: 15px !important;
  height: 15px !important;
}
.painel-atendimento .atendimento-content .contato-titulo span,
.suporte-popup .atendimento-content .contato-titulo span {
  color: #5F6368 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
}

/* Contato em destaque, sem a etiqueta "Atendente" */
.painel-atendimento .atendimento-content .a-block-cont span,
.suporte-popup .atendimento-content .a-block-cont span {
  color: #0D0D0D !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  transition: color .15s ease;
}
.painel-atendimento .atendimento-content .a-block-cont strong,
.suporte-popup .atendimento-content .a-block-cont strong {
  display: none !important;
}
.painel-atendimento .atendimento-content a:hover .a-block-cont span,
.suporte-popup .atendimento-content a:hover .a-block-cont span {
  color: #D97706 !important;
}

/* WhatsApp em verde */
.painel-atendimento .atendimento-content .cw .contato-titulo svg,
.suporte-popup .atendimento-content .cw .contato-titulo svg {
  fill: #16A34A !important;
}
.painel-atendimento .atendimento-content .cw .a-block-cont span,
.suporte-popup .atendimento-content .cw .a-block-cont span {
  color: #16A34A !important;
}

/* Horario em texto normal */
.painel-atendimento .atendimento-content .ha .a-block-cont span,
.suporte-popup .atendimento-content .ha .a-block-cont span {
  display: block;
  color: #3C4043 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.6;
}
.painel-atendimento .atendimento-content .ha a,
.suporte-popup .atendimento-content .ha a {
  cursor: default;
}


/* =========================================================
   ENDERECO DA LOJA NA BARRA FINAL DO RODAPE
   ========================================================= */
#rodape .rodape-inferior .rodape-dados p + p {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px !important;
  padding: 6px 12px 6px 30px;
  border: 1px solid #222222;
  border-radius: 999px;
  color: #E5E7EB !important;
  font-size: 12px !important;
  background: #0D0D0D url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F7931E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") no-repeat 11px center;
  background-size: 14px 14px;
}
@media (max-width: 767px) {
  #rodape .rodape-inferior .rodape-dados {
    text-align: center;
  }
  #rodape .rodape-inferior .rodape-dados p + p {
    display: inline-block;
    line-height: 1.5;
    border-radius: 12px;
  }
}

/* Newsletter "Cadastre-se e ganhe 10% de desconto" removida */
html body #barraNewsletter,
html body .fundo-newsletter,
html body .posicao-rodape.fundo-newsletter,
html body .componente.newsletter {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}