/* 
 * Biletrum Mobile Responsive Patch
 * Ensures site-wide responsiveness for custom components
 */

@media (max-width: 992px) {
    .er-footer-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 30px !important;
    }
}

@media (max-width: 768px) {
    .er-logo img {
        height: 36px;
    }
    .er-footer-logo img {
        height: 42px;
    }
    .section-title {
        font-size: 1.25rem !important;
        margin-bottom: 20px !important;
    }
    .er-hero-content h3 {
        font-size: 1.8rem !important;
    }
}

@media (max-width: 576px) {
    .er-top-nav {
        flex-direction: column !important;
        gap: 10px !important;
        padding: 10px 0 !important;
    }
    .er-top-links {
        gap: 10px !important;
        font-size: 0.75rem !important;
    }
    .er-footer-grid {
        grid-template-columns: 1fr !important;
        text-align: center;
    }
    .er-footer-grid > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .er-footer-grid ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .er-footer-grid li {
        justify-content: center;
    }
    .er-footer-grid .er-footer-logo {
        margin: 0 auto;
    }
    .er-footer-bottom {
        justify-content: center !important;
        text-align: center;
        flex-direction: column !important;
        gap: 10px !important;
    }
    .er-footer-bottom > div:last-child {
        justify-content: center !important;
    }
    .er-hero-content h3 {
        font-size: 1.5rem !important;
    }
    .er-hero-title {
        font-size: 1.7rem !important;
    }
    .er-hero-subtitle {
        font-size: 0.9rem !important;
    }
}