/* ==========================================================================
   MENU 4 TAB DƯỚI CHÂN TRANG DI ĐỘNG (FIXED STICKY BOTTOM NAV)
   ========================================================================== */
.mobile-bottom-nav {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 62px;
   background-color: #ffffff;
   border-top: 1px solid #e2e8f0;
   z-index: 9999; /* Luôn nổi lên trên cùng mọi thành phần */
   padding-bottom: env(safe-area-inset-bottom); /* Chống đè rãnh màn hình iPhone */
}

.nav-bottom-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   color: #64748b !important; 
   text-decoration: none !important;
   font-size: 11px;
   font-weight: 600;
   width: 25%;
   height: 100%;
   transition: all 0.2s ease;
}

.nav-bottom-item .icon-nav {
   font-size: 18px;
   margin-bottom: 4px;
   transition: transform 0.2s ease;
}

/* Sáng đèn cho Tab khi cuộn đến vùng tương ứng */
.nav-bottom-item.active-nav {
   color: var(--theme-color, #ee002d) !important; 
}
.nav-bottom-item.active-nav .icon-nav {
   transform: translateY(-2px) scale(1.1); /* Nảy icon nhẹ lên */
}

.row-section-title {
   font-size: 18px;
   letter-spacing: 0.3px;
   border-left: 4px solid var(--theme-color, #ee002d);
   padding-left: 10px;
}

/* =========================================
   GIAO DIỆN FOOTER
========================================= */
.footer-custom { font-family: system-ui, -apple-system, sans-serif; }
/*.footer-custom .text-viettel { color: var(--theme-color) !important; }*/
.footer-custom .bg-viettel { background-color: var(--theme-color) !important; }
.footer-logo { max-height: 50px; }
.footer-desc {
   font-size: 0.95rem;
   color: #b0b3b8;
   text-align: justify;
   line-height: 1.6;
}
.footer-heading { font-size: 1.05rem; letter-spacing: 0.5px; }
.footer-heading-line { width: 35px; height: 2px; bottom: 0; left: 0; }
.footer-info-text { font-size: 0.95rem; letter-spacing: 0.3px; }
.footer-list { font-size: 0.9rem; color: #b0b3b8; }
.footer-list-icon { width: 15px; font-size: 0.95rem; }
.footer-link { color: #b0b3b8; transition: all 0.2s ease; }
.footer-link:hover {
   color: var(--theme-color) !important;
   padding-left: 4px;
}
.footer-divider { border-color: rgba(255, 255, 255, 0.08); }
.footer-copyright { font-size: 0.825rem; color: #8a8d91; letter-spacing: 0.3px; }