nav.navbar {
    background-color: #73bb34 !important;
    color: whitesmoke;
}

a.nav-link { color: black; }

/* Hidden by default */
.nav-overlay {
    position: fixed;
    inset: 0;                /* top:0; right:0; bottom:0; left:0 */
    background: rgba(0,0,0,0.35);
    z-index: 1040;           /* below dropdown (1050+) but above page content */
    display: none;
}

/* Make sure dropdown appears above overlay */
.dropdown-menu {
    z-index: 1055;
    background-color: #ffffff;
}

/* Optional: slightly larger touch targets on mobile */
@media (max-width: 991.98px) {
    .navbar .nav-link { padding-top: .6rem; padding-bottom: .6rem; }
    .navbar-brand img { height: 48px; width: 48px; }
}

/* Make event details larger */
.event-detail b {
  font-size: 1.35rem;   /* ≈22px for labels */
}

.event-detail p {
  font-size: 1.2rem;    /* ≈19px for values */
  margin-bottom: 0.75rem;
}

/* Standardise event images */
.event-img {
  width: 100%;
  max-height: 280px;
  object-fit: cover;
}