/* Fixed Navbar Compensation */
/* This CSS file fixes the issue where the fixed navbar overlaps page content */

body {
    padding-top: 90px !important; /* Account for fixed navbar with 65px logo + padding */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    body {
        padding-top: 70px !important; /* Slightly less padding on mobile */
    }
}

/* Specific fixes for pages with hero sections */
.hero-section,
section.py-5:first-of-type {
    margin-top: 0 !important;
}

/* Alternative class for content that needs navbar spacing */
.content-with-fixed-navbar {
    padding-top: 90px;
}

@media (max-width: 768px) {
    .content-with-fixed-navbar {
        padding-top: 70px;
    }
}