/**
 * Panda Theme — Responsive Breakpoints
 */

/* Mobile First Approach used in Tailwind, 
   this file handles specific complex overrides */

@media (max-width: 1024px) {
    /* Adjust header for mobile */
    header .container {
        padding-top: 0.5rem;
        padding-bottom: 0rem;
    }
}

@media (max-width: 640px) {
    /* Hero text sizing for small screens */
    .text-hero {
        font-size: 2.5rem;
    }
    
    section {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    section.py-32 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    section.panda-rankings-preview {
        padding-bottom: 0 !important;
    }

    /* Schedule horizontal scroll hint */
    #schedule .overflow-x-auto::after {
        content: '← Trượt để xem lịch tập →';
        display: block;
        text-align: center;
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
        color: #94A3B8;
        margin-top: 1rem;
        letter-spacing: 0.1em;
    }
}