/* Fix for fixed header overlapping content */
.page-header {
    padding-top: 7rem !important; /* Increased padding to account for fixed header */
}

/* Extra padding for the Businesses page */
body:has([href*="Businesses"]) .page-header {
    padding-top: 9rem !important; /* Extra padding specifically for Businesses page */
}

@media (max-width: 992px) {
    .page-header {
        padding-top: 6.5rem !important; /* Slightly reduced padding for tablets */
    }
    
    body:has([href*="Businesses"]) .page-header {
        padding-top: 8.5rem !important; /* Extra padding for Businesses page on tablets */
    }
}

@media (max-width: 576px) {
    .page-header {
        padding-top: 6rem !important; /* Further reduced padding for mobile */
    }
    
    body:has([href*="Businesses"]) .page-header {
        padding-top: 8rem !important; /* Extra padding for Businesses page on mobile */
    }
}