/* Mobile Footer Improvements - Shared across all pages */
@media (max-width: 768px) {
    /* Fix squished footer logo on mobile */
    .ticket-logo {
        max-height: 70px;
        width: auto;
        object-fit: contain;
    }
    
    .ticket-header {
        align-items: flex-start;
    }
    
    /* Proportional footer layout on mobile */
    .ticket-main {
        padding: 2rem 1.5rem;
        gap: 1.5rem;
    }
    
    .ticket-social-row {
        gap: 0.6rem;
        margin: 0.5rem 0 0.75rem;
    }
    
    .ticket-social-row a {
        width: 32px;
        height: 32px;
        font-size: 0.85rem;
    }
    
    .ticket-mission {
        font-size: 0.8rem;
        line-height: 1.5;
        margin-top: 0.5rem;
    }
    
    .ticket-nav {
        gap: 0.75rem 1.25rem;
        padding: 1rem 0;
    }
    
    .ticket-nav a {
        font-size: 0.85rem;
    }
    
    .ticket-legal {
        padding-top: 1.25rem;
        gap: 0.75rem;
    }
    
    .ticket-stub {
        padding: 2rem 1.5rem;
    }
    
    .stub-heading {
        font-size: 1.35rem;
        margin-bottom: 1.25rem;
    }
    
    .stub-form input {
        font-size: 0.9rem;
        padding: 0.6rem 0;
    }
    
    .stub-form button {
        padding: 0.7rem;
        font-size: 0.85rem;
    }
}