/* Desktop Spacing - Add padding between header and content */

@media screen and (min-width: 769px) {
    /* Add top padding to main content area */
    #content,
    .site-content {
        margin-top: 0 !important;
        padding-top: 30px !important;
    }
    
    /* If there's a hero section, no extra margin needed */
    .hero-section:first-child {
        margin-top: 0 !important;
    }
    
    /* For pages without hero, add padding to main element */
    main:not(.has-hero) {
        padding-top: 30px !important;
    }
    
    /* Ensure consistent spacing for page headers */
    .page-header,
    .entry-header {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}