/* ============================================================
   Stackfy — tema do checkout (white-label)
   Paleta A: Roxo #7C3AED  ·  Roxo escuro #5B21B6  ·  Dourado #F2C94C
   Aplicado via store.checkout_theme_url (PATCH /stores/{id}/theme_settings)
   ============================================================ */
:root {
  --stackfy-purple: #7C3AED;
  --stackfy-purple-dark: #5B21B6;
  --stackfy-gold: #F2C94C;
}

/* ---- cor primária (Vuetify) -> roxo Stackfy ---- */
.v-application .primary {
  background-color: var(--stackfy-purple) !important;
  border-color: var(--stackfy-purple) !important;
}
.v-application .primary--text {
  color: var(--stackfy-purple) !important;
  caret-color: var(--stackfy-purple) !important;
}
.v-application .secondary { background-color: var(--stackfy-purple-dark) !important; }

/* ---- botões (ex.: pagar / copiar) ---- */
.v-btn.primary,
.v-btn.v-btn--has-bg.primary {
  background-color: var(--stackfy-purple) !important;
  color: #fff !important;
}
.v-btn.primary:hover,
.v-btn.v-btn--has-bg.primary:hover { background-color: var(--stackfy-purple-dark) !important; }
.v-btn.v-btn--outlined.primary--text { border-color: var(--stackfy-purple) !important; }

/* ---- links ---- */
.v-application a { color: var(--stackfy-purple); }
.v-application a:hover { color: var(--stackfy-purple-dark); }

/* ---- barras de progresso / timer / loader (roxo) ---- */
.v-progress-linear .primary,
.v-progress-linear__determinate { background-color: var(--stackfy-purple) !important; }
.v-progress-circular__overlay { color: var(--stackfy-purple) !important; }

/* ---- banner "Awaiting payment / timer": cores hardcoded (green/#388e3c) -> roxo ----
   .v-application sobe a especificidade p/ vencer a classe .green do Vuetify (!important) */
.v-application .v-progress-linear__background,
.v-application .v-progress-linear__background.green {
  background-color: var(--stackfy-purple-dark) !important;
  border-color: var(--stackfy-purple-dark) !important;
  opacity: 0.4 !important;
}
.v-application .v-progress-linear__determinate,
.v-application .v-progress-linear__determinate.green {
  background-color: var(--stackfy-purple) !important;
}

/* ---- abas de método de pagamento ---- */
.v-tabs .v-tab--active { color: var(--stackfy-purple) !important; }
.v-tabs-slider { background-color: var(--stackfy-gold) !important; }

/* ---- destaque do valor a pagar / títulos em negrito (acento) ---- */
.text-subtitle-1.font-weight-bold { color: var(--stackfy-purple-dark); }

/* ---- moldura superior do cartão do checkout (assinatura visual) ---- */
.v-dialog .v-card.elevation-24,
.v-card.elevation-24 {
  border-top: 4px solid var(--stackfy-purple);
}

/* ---- chip/realce de status "aguardando confirmação" em dourado ---- */
.v-application .warning { background-color: var(--stackfy-gold) !important; color: #1E1B2E !important; }

/* ---- foco de inputs ---- */
.v-input--is-focused .v-input__slot:before,
.theme--light.v-text-field--outlined.v-input--is-focused fieldset {
  border-color: var(--stackfy-purple) !important;
}