/**
 * APPFLASH — Theme bridge (admin, vendor, landing, auth, installer)
 * Aplica tokens da marca sobre o tema 6amMart sem reescrever o design system inteiro.
 */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700&display=swap");

/* ---------- Tipografia global ---------- */
body,
.form-control,
.btn {
  font-family: var(--font-body, "Inter", Arial, Helvetica, sans-serif) !important;
}

h1, h2, h3, h4, h5, h6,
.navbar-brand,
.page-header-title,
.display-1, .display-2, .display-3, .display-4 {
  font-family: var(--font-heading, "Montserrat", "Inter", Arial, sans-serif) !important;
}

/* ---------- Botões primários (ação Electric Teal) ---------- */
.btn--primary,
.btn-primary,
.btn-primary:not(:disabled):not(.disabled),
a.btn-primary,
button.btn-primary,
.hs-nav-scroller-item.active,
.__nav-module .nav-link.active {
  background: var(--gradient-action, linear-gradient(90deg, #00D7DF 0%, #15F4EE 100%)) !important;
  background-color: var(--color-electric-teal, #00D7DF) !important;
  border-color: var(--color-electric-teal, #00D7DF) !important;
  color: var(--color-charcoal-deep, #101820) !important;
  border-radius: var(--radius-md, 12px);
  font-weight: 600;
  box-shadow: none;
  transition: box-shadow var(--motion-fast, 150ms) ease, transform var(--motion-fast, 150ms) ease;
}

.btn--primary:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
  background: var(--color-flash-cyan, #15F4EE) !important;
  background-color: var(--color-flash-cyan, #15F4EE) !important;
  border-color: var(--color-deep-teal, #007C91) !important;
  color: var(--color-charcoal-deep, #101820) !important;
  box-shadow: var(--shadow-glow, 0 0 24px rgba(21, 244, 238, 0.32));
}

.btn-outline-primary,
.btn--secondary,
.button-secondary {
  border: 1px solid var(--color-electric-teal, #00D7DF) !important;
  color: var(--color-electric-teal, #00D7DF) !important;
  background: transparent !important;
  border-radius: var(--radius-md, 12px);
}

.btn-outline-primary:hover {
  background: rgba(0, 215, 223, 0.12) !important;
  color: var(--color-deep-teal, #007C91) !important;
}

/* ---------- Links e destaques ---------- */
a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
  color: var(--color-deep-teal, #007C91);
}

.text--primary,
.text-primary,
.text-info {
  color: var(--color-deep-teal, #007C91) !important;
}

.bg--primary,
.badge-soft-primary,
.badge-primary {
  background-color: rgba(0, 215, 223, 0.16) !important;
  color: var(--color-deep-teal, #007C91) !important;
}

/* ---------- Formulários — foco Electric Teal ---------- */
.form-control:focus,
.form-select:focus,
.custom-select:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--color-electric-teal, #00D7DF) !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 215, 223, 0.25) !important;
}

.form-control,
.form-select,
.custom-select {
  border-radius: var(--radius-md, 12px);
  min-height: 48px;
}

/* ---------- Sidebar / chrome admin (legado) ---------- */
.navbar-vertical-aside,
.navbar-vertical .navbar-brand-wrapper,
.navbar-vertical-content {
  background: var(--color-charcoal-deep, #101820) !important;
}

.navbar-vertical .nav-link.active,
.navbar-vertical-aside .nav-link.active,
.navbar-vertical .active > .nav-link {
  color: var(--color-electric-teal, #00D7DF) !important;
}

.navbar-vertical .nav-link:hover {
  color: var(--color-flash-cyan, #15F4EE) !important;
}

/* ---------- Cards ---------- */
.card {
  border-radius: var(--radius-lg, 16px);
  border-color: var(--color-border-light, #DCE3E8);
  box-shadow: 0 8px 24px rgba(16, 24, 32, 0.06);
}

/* ---------- Status funcionais ---------- */
.text-success, .badge-success, .badge-soft-success { color: var(--color-success, #22C55E) !important; }
.text-warning, .badge-warning, .badge-soft-warning { color: var(--color-warning, #F59E0B) !important; }
.text-danger, .badge-danger, .badge-soft-danger { color: var(--color-error, #EF4444) !important; }
.bg-success, .btn-success { background-color: var(--color-success, #22C55E) !important; border-color: var(--color-success, #22C55E) !important; }
.bg-warning { background-color: var(--color-warning, #F59E0B) !important; }
.bg-danger, .btn-danger { background-color: var(--color-error, #EF4444) !important; border-color: var(--color-error, #EF4444) !important; }
.bg-info, .btn-info { background-color: var(--color-info, #3B82F6) !important; border-color: var(--color-info, #3B82F6) !important; }

/* ---------- Progress / switches ---------- */
.progress-bar,
.custom-control-input:checked ~ .custom-control-label::before,
.form-check-input:checked {
  background-color: var(--color-electric-teal, #00D7DF) !important;
  border-color: var(--color-electric-teal, #00D7DF) !important;
}

/* ---------- Instalador ---------- */
body.installation-page,
.install-wrapper {
  background: var(--gradient-dark, linear-gradient(180deg, #18242F 0%, #090D12 100%));
}