.btn-primary:hover {
    background-color: #b91c1c;
    border-color: #b91c1c;
}

.card.bg-dark {
    transition: transform 0.3s;
}

.card.bg-dark:hover {
    transform: translateY(-5px);
}

footer.bg-dark {
    background-color: #1a1a1a;
}

/* Ensure buttons use static primary color on hover */
.btn-primary {
    background-color: #DC2626; /* Static color, overriding inline PHP */
    border-color: #DC2626;
}

/* Mobile Responsiveness for Components */
@media (max-width: 767px) {
    .display-4 {
        font-size: 2rem;
    }
    .lead {
        font-size: 1rem;
    }
    .btn-lg {
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }
}