/* 
 * Legal Pages Layout Fix
 * Fixes the header overlap issue on legal pages
 */

/* Add padding to the top of the main content on legal pages */
.section {
    padding-top: 120px; /* Increased padding to prevent overlap with header */
}

/* Specific adjustment for legal pages */
body:not(.home) .section .section-title {
    margin-top: 30px; /* Additional margin for the title */
    padding-top: 30px; /* Additional padding for the title */
}

/* Ensure the header has proper z-index and positioning */
.header {
    position: fixed;
    width: 100%;
    z-index: 1000;
    background-color: var(--primary-bg);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .section {
        padding-top: 100px; /* Slightly less padding on mobile */
    }
    
    body:not(.home) .section .section-title {
        margin-top: 20px;
        padding-top: 20px;
    }
}