/*
 * Aviso de cookies (MS Cookies Notice).
 *
 * O banner nasce com o atributo [hidden]; o JS tira o hidden e acrescenta
 * .is-visible quando nao ha decisao salva — por isso ele nao pisca na tela.
 * Cores da marca Velloz: roxo #621851 e laranja #ec731c (botao principal).
 */
.ms-cookie-notice {
  --ms-cc-purple: #621851;
  --ms-cc-plum: #4d123f;
  --ms-cc-orange: #ec731c;
  --ms-cc-orange-dark: #d9620f;
  --ms-cc-violet: #a136eb;

  position: fixed;
  /* Acima do botao do WhatsApp (Joinchat usa z-index 9000). */
  z-index: 9600;
  left: 20px;
  bottom: 20px;
  width: min(390px, calc(100vw - 40px));
  box-sizing: border-box;
  padding: 18px 20px;
  background: #fff;
  color: #332c30;
  border: 1px solid rgba(98, 24, 81, 0.16);
  border-left: 4px solid var(--ms-cc-orange);
  border-radius: 16px;
  box-shadow: 0 16px 38px rgba(77, 18, 63, 0.18);
  font: 400 13.5px/1.55 "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.28s ease, transform 0.28s ease;
}

.ms-cookie-notice[hidden] {
  display: none;
}

.ms-cookie-notice.is-visible {
  opacity: 1;
  transform: none;
}

.ms-cookie-notice__text {
  margin: 0 0 14px;
  color: inherit;
}

.ms-cookie-notice__text a {
  color: var(--ms-cc-purple);
  font-weight: 600;
  text-decoration: underline;
}

.ms-cookie-notice__text a:hover,
.ms-cookie-notice__text a:focus {
  color: var(--ms-cc-orange-dark);
}

.ms-cookie-notice__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ms-cookie-notice__btn {
  -webkit-appearance: none;
  appearance: none;
  min-height: 40px;
  padding: 10px 22px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  font: 700 12.5px/1 "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  letter-spacing: 0.04em;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.ms-cookie-notice__btn--accept {
  background: var(--ms-cc-orange);
  color: #fff;
}

.ms-cookie-notice__btn--accept:hover {
  background: var(--ms-cc-orange-dark);
}

.ms-cookie-notice__btn--reject {
  background: transparent;
  color: var(--ms-cc-purple);
  border: 1px solid rgba(98, 24, 81, 0.35);
}

.ms-cookie-notice__btn--reject:hover {
  background: rgba(98, 24, 81, 0.07);
  border-color: var(--ms-cc-plum);
}

.ms-cookie-notice__btn:focus-visible {
  outline: 3px solid var(--ms-cc-violet);
  outline-offset: 2px;
}

@media (max-width: 640px) {
  .ms-cookie-notice {
    left: 12px;
    right: 12px;
    width: auto;
    /* Fica logo acima do botao flutuante do WhatsApp (60px + margem). */
    bottom: 86px;
    padding: 16px;
  }

  .ms-cookie-notice__btn {
    flex: 1 1 auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ms-cookie-notice {
    transition: none;
    transform: none;
  }
}