/* ===== Menu Insta – ícones corretos + centralizados (Tema Galeria) =====
   Ordem usada (posição no menu):
   1 = velas.png
   2 = kits.png
   3 = home.png
   4 = decora-o.png
   5 = bem-estar.png
   6 = lembrancinhas.png
   ======================================================================= */

@media screen and (max-width: 767px) {

  /* centraliza o conteúdo do slide (ajusta a área do item) */
  #menuinsta .slick-slide {
    display: flex;
    justify-content: center;
  }

  /* coloca o link em coluna e centralizado (ícone acima do texto) */
  #menuinsta .slick-slide > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
    padding: 6px 8px;
    min-width: 0;
  }

  /* base do pseudo-ícone (tamanho, centralização e comportamento) */
  #menuinsta .slick-slide > a::before {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto 6px auto;
  }

  /* ===== Alvos preferenciais via data-slick-index (não pegam clones) ===== */
  #menuinsta .slick-slide[data-slick-index="0"] > a::before,
  #menuinsta > div > div > div > li.slick-slide:nth-child(1) > a::before {
    background-image: url("https://cdn.awsli.com.br/2646/2646782/arquivos/velas.png") !important;
  }

  #menuinsta .slick-slide[data-slick-index="1"] > a::before,
  #menuinsta > div > div > div > li.slick-slide:nth-child(2) > a::before {
    background-image: url("https://cdn.awsli.com.br/2646/2646782/arquivos/kits.png") !important;
  }

  #menuinsta .slick-slide[data-slick-index="2"] > a::before,
  #menuinsta > div > div > div > li.slick-slide:nth-child(3) > a::before {
    background-image: url("https://cdn.awsli.com.br/2646/2646782/arquivos/home.png") !important;
  }

  #menuinsta .slick-slide[data-slick-index="3"] > a::before,
  #menuinsta > div > div > div > li.slick-slide:nth-child(4) > a::before {
    background-image: url("https://cdn.awsli.com.br/2646/2646782/arquivos/decora-o.png") !important;
  }

  #menuinsta .slick-slide[data-slick-index="4"] > a::before,
  #menuinsta > div > div > div > li.slick-slide:nth-child(5) > a::before {
    background-image: url("https://cdn.awsli.com.br/2646/2646782/arquivos/bem-estar.png") !important;
  }

  #menuinsta .slick-slide[data-slick-index="5"] > a::before,
  #menuinsta > div > div > div > li.slick-slide:nth-child(6) > a::before {
    background-image: url("https://cdn.awsli.com.br/2646/2646782/arquivos/lembrancinhas.png") !important;
  }

  /* Garante que clones não exibam o ícone antigo do tema */
  #menuinsta .slick-cloned > a::before {
    background-image: none !important;
  }

}

/* NOTA: Não use !important dentro de :root (isso quebra a sintaxe). */

/* Remove o crédito "Loja Integrada" e adiciona crédito personalizado */
#rodape .powered,
.rodape .powered,
footer .powered,
#rodape a[href*="lojaintegrada.com.br"],
footer a[href*="lojaintegrada.com.br"] {
  display: none !important;
  visibility: hidden !important;
}

/* Adiciona o novo crédito Cerafina */
#rodape::after,
footer::after {
  content: "© 2025 Cerafina – Todos os direitos reservados.";
  display: block;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #000000; /* cor do texto - pode mudar conforme seu tema */
  margin-top: 20px;
  padding: 10px 0;
  opacity: 0.8;
  letter-spacing: 0.3px;
}

