/* Custom styles for Embakasi Central SDA Church */
body { 
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; 
}

.navbar-brand img { 
  border-radius: 6px; 
  background: white; 
  padding: 4px; 
}

.navbar { background-color: #2e8b57; } /* Medium Sea Green */
.nav-link, .navbar-brand { color: #fff !important; }

.announcement-bar { background: #2e8b57; font-weight: 500; }

.carousel-item { 
  min-height: 500px; 
  display:flex; 
  align-items:center; 
  justify-content:center; 
}
.carousel-item img { object-fit: cover; height: 500px; }

.carousel-caption { 
  background: rgba(0,0,0,0.5); 
  padding: 20px; 
  border-radius: 10px; 
}

.card img { height: 250px; object-fit:cover; }
footer a { color: #fff; text-decoration: none; }

/* Donate section card */
#donate .card { 
  background: linear-gradient(180deg, #fff, #f8f9fa); 
  border: 1px solid #ddd;
}

/* Social media buttons */
footer .btn { 
  width: 45px; 
  height: 45px; 
  display: inline-flex; 
  align-items: center; 
  justify-content: center; 
  font-size: 1.2rem; 
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

/* Visitor Counter */
#visitor-counter {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: #2e8b57;
  color: white;
  padding: 8px 15px;
  border-radius: 20px;
  font-weight: bold;
  z-index: 999;
}
/* Custom Colors */
:root {
  --gold: #FFD700;
  --dark-gold: #D4AF37;
  --maroon: #800000;
  --dark-teal: #006A6A;
  --light-teal: #008080;
}

/* Newsletter Section - Gold with Maroon text */
.newsletter-gold {
  background: linear-gradient(135deg, var(--gold), var(--dark-gold)) !important;
  color: var(--maroon) !important;
}

.newsletter-gold h4,
.newsletter-gold p {
  color: var(--maroon) !important;
}

.newsletter-gold .form-control {
  border: 2px solid var(--maroon);
  color: var(--maroon);
}

.newsletter-gold .btn-light {
  background-color: var(--maroon) !important;
  color: var(--gold) !important;
  border: 2px solid var(--maroon);
}

.newsletter-gold .btn-light:hover {
  background-color: #600000 !important;
  color: var(--gold) !important;
}

/* Live pulse animation */
.live-pulse {
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 50%;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% { transform: scale(0.9); opacity: 1; }
  50% { transform: scale(1.2); opacity: 0.7; }
  100% { transform: scale(0.9); opacity: 1; }
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}
/* Ensure honeypot field is properly hidden */
[aria-hidden="true"] {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}