/* Base */
body {
  background: #000;
  color: #fff;
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Logo responsiva controlada */
.logo {
  max-width: 140px;
  width: 100%;
  height: auto;
  margin-top: 70px;
  margin-bottom: 12px;
}

/* Miniatura das lojas no accordion */
.store-thumb {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 10px;
  margin-right: 20px;
}

.text-vl {
  color: #b68542 !important;
}

.map-link {
  display: inline-block;
  margin-top: 8px;
  color: #b68542;
  text-decoration: none;
  font-weight: 600;
}

.map-link:hover {
  color: #fff;
  text-decoration: underline;
}

/* Botão dourado VL com borda líquida animada */
.btn-vl {
  position: relative;
  display: inline-block;
  padding: 16px 16px;
  font-weight: 600;
  color: #000;
  background: linear-gradient(90deg, #b8860b, #d4af37);
  border-radius: 12px;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(212,175,55,0.25);
  z-index: 1;
}

.btn-vl::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 3px; /* espessura da borda */
  background: linear-gradient(120deg, #fff, #d4af37, #fff, #b8860b);
  background-size: 300% 300%;
  animation: liquid-gold 5s linear infinite;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

@keyframes liquid-gold {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.btn-vl:hover {
  filter: brightness(1.3);
  color: #000;
}

/* Accordion com tema escuro e mesma largura dos botões */
.accordion-vl .accordion-item {
  background: #111;
  border: 1px solid #333;
  border-radius: 12px;
  overflow: hidden;
}

.accordion-vl .accordion-button {
  background: #111;
  color: #fff;
  box-shadow: none;
}

.accordion-vl .accordion-button:not(.collapsed) {
  color: #fff;
  background: #151515;
  border-bottom: 1px solid #333;
}

.accordion-vl .accordion-body {
  color: #bbb;
}

/* Deixa a seta do accordion branca */
.accordion-button::after {
  filter: invert(1);
  opacity: 0.9;
}

/* Mantém a seta branca mesmo quando aberto */
.accordion-button:not(.collapsed)::after {
  filter: invert(1);
  opacity: 1;
}

/* Espaçamento/centralização vertical em telas altas */
@media (min-width: 768px) {
  .container.vh-100 {
    min-height: 100vh;
  }
}

/* Logo levemente maior em telas ≥576px */
@media (min-width: 576px) {
  .logo {
    max-width: 160px;
  }
}

/* Garante que o dropdown tenha a mesma largura dos outros botões */
.dropdown .btn-vl {
    width: 100%;
    text-align: center; /* Centraliza o texto */
    display: flex;
    align-items: center;
    justify-content: center; /* Centraliza o conteúdo */
    position: relative; /* Para posicionar a seta */
}

/* Posiciona a seta do dropdown à direita */
.dropdown .btn-vl::after {
    position: absolute;
    right: 1rem; /* Ajuste conforme necessário */
    margin-left: 0;
}

/* Garante que o menu dropdown tenha a mesma largura do botão */
.dropdown-menu {
    width: 100%;
}