/* =========================================================
   Shrang Theme Compatibility File
   File: wp-content/themes/shrang/assets/css/app.css

   Current role:
   - Temporary compatibility file while CSS is being split.
   - Base styles moved to base.css.
   - Homepage styles moved to homepage.css.
   - Header styles moved to header.css.
   - Footer styles moved to footer.css.
   - RTL styles moved to rtl.css.
   - Remaining responsive rules will be moved next.
   ========================================================= */

/* =========================================================
   Remaining Responsive Layout
   ========================================================= */

@media (max-width: 900px) {
    .shrang-post-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .shrang-site-main {
        padding-top: 18px;
        padding-bottom: 38px;
    }

    .shrang-content-wrap,
    .shrang-page-wrap,
    .shrang-front-page-wrap {
        padding: 0 10px;
    }

    .shrang-post-card,
    .shrang-single-post,
    .shrang-empty-page {
        padding: 22px;
        border-radius: 16px;
    }
}

@media (max-width: 420px) {
    .shrang-content-wrap,
    .shrang-page-wrap,
    .shrang-front-page-wrap {
        padding-left: 8px;
        padding-right: 8px;
    }
}