/* ================================================
   GLOBAL MOBILE BOTTOM NAV (.aun-bottom-mb)
   แสดงเฉพาะหน้าจอมือถือ (≤768px) footer.css
   footer.css ของ footer.php
================================================ */
.aun-bottom-mb {
    display: none;                    /* ซ่อนบน desktop */
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(3, 2, 10, 0.96);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top: 1px solid rgba(201, 168, 76, 0.2);
    justify-content: space-around;
    align-items: center;
    padding: 6px 0 10px;
    gap: 2px;
}

.aun-bottom-mb-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: rgba(240, 232, 213, 0.35);
    font-size: 0.62rem;
    letter-spacing: 0.04em;
    transition: color 0.15s;
    padding: 4px 6px;
    border-radius: 8px;
    min-width: 52px;                 /* ป้องกันเบียดกันเกินไป */
}

.aun-bottom-mb-item.active {
    color: #c9a84c;                  /* หรือใช้ var(--gold) ถ้ามี */
}

.aun-bottom-mb-ico {
    font-size: 1.3rem;
    margin-bottom: 2px;
    line-height: 1;
}

/* แสดงเฉพาะมือถือ */
@media (max-width: 768px) {
    .aun-bottom-mb {
        display: flex;
    }

    /* เผื่อพื้นที่ด้านล่างไม่ให้ content ถูก nav ทับ */
    body {
        padding-bottom: 70px;
    }
}

/* ถ้าใช้ footer แบบเก่าอยู่ ปรับ margin ป้องกันชน */
footer {
    margin-bottom: 0;
}

@media (max-width: 640px) {
    footer > div {
        flex-direction: column;
        text-align: center;
    }
    footer div div:last-child {
        align-items: center !important;
        text-align: center !important;
        width: 100%;
    }
}