/* ===== Override: footer-block / footer-wrapper / footer-item =====
   ไฟล์นี้ override style จาก default/index.css โดยไม่แก้ไฟล์ต้นทาง
   ต้องโหลด "หลัง" default/index.css เพื่อให้ specificity ทำงานถูกต้อง
*/

/* จัด footer ให้อยู่กลางจอ (รองรับ wrapper ที่ไม่ขยายเต็มจอ) */
.footer-block {
    justify-content: center;
}

/* ปรับ wrapper:
   - ไม่ให้ขยายเต็มจอบนหน้าจอใหญ่ (max-width: 600px)
   - เปิดให้หดได้เมื่อจอแคบ (min-width: 0)
   - center ตัวเอง + เว้นช่องเมนู
*/
.footer-wrapper {
    width: 100%;
    max-width: 600px;
    min-width: 0;
    margin: 0 auto;
    gap: 0.25em;
}

/* เปิดให้ flex item หดต่ำกว่า min-content ได้ (แก้ปัญหาเมนูล้น) */
.footer-item {
    flex: 1 1 0;
    min-width: 0;
}

/* ปุ่ม playgame: ลด padding/font + ให้หดได้ + ตัดด้วย ellipsis */
.footer-item.playgame {
    padding: 0.5em 0.8em;
    min-width: 0;
    flex-shrink: 1;
}
.footer-item.playgame > .icon {
    margin-right: 0.4em;
    flex-shrink: 0;
}
.footer-item.playgame > .title {
    text-overflow: ellipsis;
    font-size: 1.1em;
    min-width: 0;
}