/* Canaã EPIs theme — brand palette over Bootstrap 5 CSS variables.
   Primary: yellow #FFC107 | Secondary: black #1A1A1A | Accent: red #DC3545 */

:root {
  --bs-primary: #ffc107;
  --bs-primary-rgb: 255, 193, 7;
  --bs-secondary: #1a1a1a;
  --bs-secondary-rgb: 26, 26, 26;
  --bs-danger: #dc3545;
  --bs-danger-rgb: 220, 53, 69;
  --bs-dark: #1a1a1a;
  --bs-dark-rgb: 26, 26, 26;
}

/* Yellow buttons need dark text for AA contrast */
.btn-primary {
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-color: #1a1a1a;
  --bs-btn-hover-bg: #e0a800;
  --bs-btn-hover-border-color: #d39e00;
  --bs-btn-hover-color: #1a1a1a;
  --bs-btn-active-bg: #d39e00;
  --bs-btn-active-color: #1a1a1a;
}

.text-primary {
  color: #ffc107 !important;
}

/* Public pages: uniform black background (admin keeps .bg-light on its body) */
body {
  background-color: #1a1a1a;
  color: #f8f9fa;
}

body.bg-light {
  color: var(--bs-body-color);
}

.navbar-brand img {
  height: 40px;
  width: auto;
}

/* Floating WhatsApp button */
.whatsapp-fab {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 1040;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #25d366;
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  transition: transform 0.15s ease;
}

.whatsapp-fab:hover {
  color: #fff;
  transform: scale(1.08);
}