/**
 * Section Padding Styles
 * 
 * CSS classes for the section padding system
 * These classes are generated by the get_ascend_spacing() helper function
 * 
 * @package Ascend Health
 */

/* Section Padding Classes */
.padding-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.padding-small {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.padding-default {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.padding-medium {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.padding-large {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

/* Responsive padding adjustments */
@media (max-width: 768px) {
    .padding-small {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    .padding-default {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    
    .padding-medium {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
    
    .padding-large {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}

@media (max-width: 480px) {
    .padding-small {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    
    .padding-default {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    
    .padding-medium {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    
    .padding-large {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}