/* ============================================
   PriviSeat — Mobile Bottom Nav Override
   ใช้ทับ priviseat.css ตัวหลัก (โหลดทีหลัง)
   ============================================ */

/* ⭐ Mobile bottom nav: ให้กว้างเต็มหน้าจอ + ตัวหนังสือแถวเดียว */
@media (max-width: 991.98px) {
    .ps-bottom-nav {
        /* Full width on mobile */
        left: 12px !important;
        right: 12px !important;
        transform: none !important;
        width: calc(100% - 24px) !important;
        max-width: none !important;
        display: flex !important;
        justify-content: space-around !important;
        padding: 10px 8px !important;
        bottom: 12px !important;
    }

    .ps-bottom-nav a {
        flex: 1 1 0 !important;
        padding: .5rem .3rem !important;
        font-size: .7rem !important;
        min-width: 0 !important;
        max-width: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 2px !important;
    }

    .ps-bottom-nav a span {
        /* ⭐ ตัวหนังสือแถวเดียว ไม่ตัดบรรทัด */
        white-space: nowrap !important;
        font-size: .7rem !important;
        line-height: 1.1 !important;
        overflow: visible !important;
    }

    .ps-bottom-nav a svg {
        width: 18px !important;
        height: 18px !important;
        flex-shrink: 0 !important;
    }

    /* พื้นที่ด้านล่างให้ ticket ไม่ถูก bottom nav ทับ */
    .ps-container-customer {
        padding-bottom: 110px !important;
    }
}

/* ⭐ Tablet: ไม่ต้องเต็มเท่ามือถือ แต่ให้กว้างกว่าเดิม */
@media (min-width: 576px) and (max-width: 991.98px) {
    .ps-bottom-nav {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: auto !important;
        min-width: 500px !important;
    }
}

/* ⭐ ขนาดจอเล็กมาก (< 360px) */
@media (max-width: 359.98px) {
    .ps-bottom-nav a {
        padding: .4rem .2rem !important;
    }
    .ps-bottom-nav a span {
        font-size: .62rem !important;
    }
}