/* Grid alignment for H1 and description on feature_city and category_city pages */

/* H1 wrapper - ensure it follows the same grid structure as other page elements */
.listeo-seo-suite-h1-wrapper {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.listeo-seo-suite-h1-wrapper h1.page-title {
    margin: 0;
    padding: 0;
    /* Inherit grid alignment from parent container */
    width: 100%;
    box-sizing: border-box;
}

/* Description block at bottom - ensure proper grid alignment */
.listeo-seo-suite-description-bottom {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    clear: both;
    margin-top: 30px;
}

.listeo-seo-suite-description-bottom .listeo-seo-suite-page-content {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    /* Match the grid structure of other content elements */
    margin: 0;
    padding: 20px 0;
}

/* Ensure content aligns with the grid indicated by the red line */
.listeo-seo-suite-content-aligned {
    /* This class is added by JS to ensure grid alignment */
    /* The actual grid structure should match the theme's grid system */
}

.listeo-seo-suite-h1-aligned {
    /* This class is added by JS to ensure H1 grid alignment */
    width: 100%;
    box-sizing: border-box;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .listeo-seo-suite-description-bottom {
        margin-top: 20px;
    }
    
    .listeo-seo-suite-description-bottom .listeo-seo-suite-page-content {
        padding: 15px 0;
    }
}