body, p, h1, h2, h3, h4, h5, h6 {
    font-family: 'Glegoo', sans-serif !important;
}

p a {
    color: var(--accent-color) !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

p a:hover {
    text-decoration: underline !important;
}

.alert-info {
    background-color: var(--secondary-light-color) !important;
    border-color: var(--secondary-color);
}

.modal          { z-index: 2065 !important; }
.modal-backdrop { z-index: 2060 !important; }

.card-title a {
    color: var(--dark-color) !important;
    text-decoration: none !important;
}

.card-title a:hover {
    color: var(--white-color) !important;
    text-decoration: none !important;
}

:root { --navbar-h: 0px; } /* e.g., 56px */

/* Mobile only */
@media (max-width: 576px) {
  .hero-section {
    min-height: calc(100vh - var(--navbar-h));   /* fallback */
    min-height: calc(100svh - var(--navbar-h));  /* small viewport (mobile) */
    min-height: calc(100dvh - var(--navbar-h));  /* dynamic viewport */
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    padding-bottom: env(safe-area-inset-bottom); /* iOS safe area */
  }
}