/**
 * Responsive Grid Overrides
 *
 * Consolidates repeated @media grid-column fixes from templates.
 * Enqueued site-wide to handle inline grid layouts on mobile.
 * Note: Most grids migrated to .nrg-grid-* classes in components.css (Phase 3).
 * Remaining selectors target inline grids that couldn't be extracted (custom layouts).
 */

/* Tablet: custom inline grids collapse */
@media (max-width: 992px) {
    .section > .container > div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }
    .agent-profile {
        grid-template-columns: 1fr !important;
    }
    .agent-profile__sidebar {
        max-width: 350px;
        margin: 0 auto;
    }
}

/* Mobile: remaining inline grids collapse to 1-col */
@media (max-width: 768px) {
    .section > .container > div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }
    .sell-grid,
    .sell-process-grid {
        grid-template-columns: 1fr !important;
    }
    #seller-intake-form div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }
    #reloc-contact-form div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }
}