/* Adesivos Country — Sistema visual da marca (base reutilizada: loja + painel) */
:root {
  --ac-black: #000000;
  --ac-panel: #0a0a0a;
  --ac-panel-2: #141414;
  --ac-dark: #1a1a1a;
  --ac-gold: #B08A35;
  --ac-gold-light: #d8b25a;
  --ac-white: #ffffff;
  --ac-gray: #f5f5f5;
  --ac-gray-mid: #cfcfcf;
  --ac-gray-dim: #8a8a8a;
  --ac-radius: 14px;
  --ac-radius-sm: 10px;
  --ac-shadow: 0 6px 22px rgba(0,0,0,.10);
  --ac-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

/* Utilitário de visibilidade CRÍTICO — vence qualquer display de componente.
   (Evita o bug anterior em que .ac-drawer{display:flex} sobrepunha [hidden].) */
.ac-hidden { display: none !important; }

.ac-reset-body {
  margin: 0;
  padding: 0;
  font-family: var(--ac-font);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img { max-width: 100%; display: block; }

/* Container responsivo */
.ac-container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 18px;
}

/* Botões */
.ac-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  text-decoration: none;
  font-family: var(--ac-font);
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  padding: 13px 22px;
  border: none;
  border-radius: var(--ac-radius-sm);
  cursor: pointer;
  transition: filter .15s ease, transform .15s ease, background .2s ease;
}
.ac-btn:hover { filter: brightness(1.05); }
.ac-btn:active { transform: translateY(1px); }
.ac-btn:disabled { opacity: .55; cursor: not-allowed; filter: none; }

.ac-btn-gold {
  background: linear-gradient(180deg, var(--ac-gold-light), var(--ac-gold));
  color: #1a1208;
}
.ac-btn-dark {
  background: var(--ac-dark);
  color: var(--ac-white);
  border: 1px solid rgba(255,255,255,.14);
}
.ac-btn-ghost {
  background: transparent;
  color: var(--ac-gold-light);
  border: 1px solid rgba(176,138,53,.5);
}
.ac-btn-wa { background: #25D366; color: #fff; }
.ac-btn-block { width: 100%; }
.ac-btn-sm { padding: 8px 14px; font-size: 13px; }

/* Botões de WhatsApp: ficam verdes ao passar o mouse.
   Cobre qualquer botão que aponte para um link do WhatsApp. */
.ac-btn[href*="wa.me"]:hover,
.ac-btn[href*="api.whatsapp.com"]:hover,
.ac-btn[href*="whatsapp.com/send"]:hover {
  background: #1faa52;
  color: #fff;
  border-color: #1faa52;
  filter: none;
}
.ac-btn-wa:hover { background: #1faa52; filter: none; }

/* Seletor de quantidade reutilizável */
.ac-qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: var(--ac-radius-sm);
  overflow: hidden;
  background: #fff;
}
.ac-qty button {
  background: var(--ac-gray);
  border: none;
  width: 34px;
  height: 38px;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  color: #333;
}
.ac-qty button:hover { background: #ececec; }
.ac-qty input {
  width: 44px;
  height: 38px;
  border: none;
  text-align: center;
  font-size: 15px;
  font-family: var(--ac-font);
  -moz-appearance: textfield;
}
.ac-qty input::-webkit-outer-spin-button,
.ac-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Badges de status (compartilhado com o painel) */
.ac-badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.ac-badge-pendente { background: #fff3cd; color: #856404; }
.ac-badge-confirmado { background: #d4edda; color: #155724; }
.ac-badge-cancelado { background: #f8d7da; color: #721c24; }

@media (max-width: 600px) {
  .ac-container { padding: 0 14px; }
}