/* Identidade única de ações em todas as páginas públicas. */
:root {
  --quote-budget-bg: var(--public-brand, #dc2626);
  --quote-budget-hover: var(--public-brand-dark, #b91c1c);
  --quote-budget-text: #fff;
  --whatsapp-action-bg: var(--public-brand, #dc2626);
  --whatsapp-action-hover: var(--public-brand-dark, #b91c1c);
  --whatsapp-action-text: #fff;
}
.public-action-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  vertical-align: middle;
}
html body :is(a, button).quote-budget-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--quote-budget-bg) !important;
  color: var(--quote-budget-text) !important;
  border-color: var(--quote-budget-bg) !important;
}
html body :is(a, button).quote-budget-button:hover {
  background: var(--quote-budget-hover) !important;
  border-color: var(--quote-budget-hover) !important;
}
html body :is(a, button).public-whatsapp-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--whatsapp-action-bg) !important;
  color: var(--whatsapp-action-text) !important;
  border-color: var(--whatsapp-action-bg) !important;
}
html body :is(a, button).public-whatsapp-button:hover {
  background: var(--whatsapp-action-hover) !important;
  border-color: var(--whatsapp-action-hover) !important;
}
html body .whatsapp-float .public-action-icon {
  width: 32px;
  height: 32px;
}
html body :is(.quote-budget-button, .public-whatsapp-button):focus-visible {
  outline: 3px solid var(--public-brand);
  outline-offset: 3px;
}

html body .site-header-fixed .site-nav > .mobile-budget {
  display: none !important;
}
@media (max-width: 1100px) {
  html body .site-header-fixed .site-nav > .mobile-budget {
    display: flex !important;
  }
}
html body .contact-way-icon.is-whats {
  background: var(--whatsapp-action-bg);
  color: var(--whatsapp-action-text);
}
html body .contact-way:has(.is-whats) em {
  color: var(--whatsapp-action-bg);
}

html body svg[data-action-icon="whatsapp"] {
  fill: currentColor;
  stroke: none !important;
}

html body .site-header-fixed .site-header-actions .header-budget {
  display: inline-flex !important;
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
  box-sizing: border-box;
}
html body .whatsapp-float {
  bottom: max(16px, env(safe-area-inset-bottom)) !important;
}