/* Ajustes funcionais da navegação; cores e controles vêm do Bootstrap. */
/* A arte do cabeçalho e do rodapé é a da casa, a mesma em todo app (`assets/chrome-*.svg`). */
/* A arte local acompanha os cards da landing, conforme a identidade do cabeçalho. */
.edm-card-art, .edm-empresas-destaque {
  --bs-primary-text-emphasis: var(--bs-emphasis-color);
  --bs-secondary-color: var(--bs-body-color);
}
.edm-card-art {
  background-image: url("/media/header-abstrato.svg");
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.edm-card-art-alt {
  background-image: url("/media/footer-abstrato.svg");
  background-position: center bottom;
  background-size: auto 100%;
}
.edm-card-art a:not(.btn), .edm-empresas-destaque a:not(.btn) {
  color: var(--bs-emphasis-color);
}
.edm-card-art .btn-outline-primary, .edm-card-art .btn-outline-secondary,
.edm-empresas-destaque .btn-outline-primary { --bs-btn-bg: var(--bs-body-bg); }
.edm-card-art .btn-outline-primary, .edm-empresas-destaque .btn-outline-primary {
  --bs-btn-color: var(--bs-emphasis-color);
  --bs-btn-border-color: var(--bs-emphasis-color);
  --bs-btn-hover-color: var(--bs-body-bg);
  --bs-btn-hover-bg: var(--bs-emphasis-color);
  --bs-btn-hover-border-color: var(--bs-emphasis-color);
  --bs-btn-active-color: var(--bs-body-bg);
  --bs-btn-active-bg: var(--bs-emphasis-color);
  --bs-btn-active-border-color: var(--bs-emphasis-color);
}
.edm-empresas-destaque {
  background-image: url("/media/header-abstrato.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.edm-compra-bar { flex-wrap: wrap; }
#modal-acompanhar .btn-group { flex-wrap: wrap; }
#modal-acompanhar .modal-body { padding: 1rem; }