/* global-style-footer.css */

#pmh-global-footer-unique {
    position: fixed; bottom: 0; left: 0; width: 100%; height: 0;
    z-index: 2147483647; pointer-events: none;
    font-family: Arial, sans-serif !important; line-height: 1.2;
}

/* --- 1. MENU CHÍNH --- */
#pmh-global-footer-unique .pmh-footer-wrapper {
    position: fixed; bottom: 25px; left: 50%; transform: translateX(-50%);
    width: 80%; max-width: 680px; pointer-events: none;
}
#pmh-global-footer-unique .pmh-footer {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 35px; padding: 5px 15px;
    display: grid; grid-template-columns: auto minmax(0, 1fr); 
    gap: 15px; align-items: center;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.3);
    margin: 0 !important; pointer-events: auto;
}
#pmh-global-footer-unique .footer-logo {
    display: flex; align-items: center; height: 40px;
    border-right: 1px solid rgba(0,0,0,0.1); padding-right: 15px;
}
#pmh-global-footer-unique .footer-logo img { 
    height: 100%; width: auto; object-fit: contain; display: block !important; margin: 0 !important;
}
#pmh-global-footer-unique .footer-nav-scroll {
    display: flex; align-items: center; width: 100%; height: 100%;
    overflow-x: auto; gap: 20px;
    scrollbar-width: none; -ms-overflow-style: none; 
    cursor: grab; user-select: none; margin: 0 !important; padding: 0 !important;
}
#pmh-global-footer-unique .footer-nav-scroll::-webkit-scrollbar { display: none; }
#pmh-global-footer-unique .footer-nav-scroll.active { cursor: grabbing; }

#pmh-global-footer-unique .nav-item {
    text-decoration: none !important; display: flex !important;
    flex-direction: column !important; align-items: center !important;
    justify-content: center !important; flex-shrink: 0;
    color: #bb2b1b !important; transition: 0.3s;
    padding: 0 5px; background: transparent !important;
    border: none !important; outline: none !important; box-shadow: none !important;
}
#pmh-global-footer-unique .nav-icon svg { width: 24px; height: 24px; fill: currentColor; margin-bottom: 3px; display: block !important; }
#pmh-global-footer-unique .nav-label { 
    font-size: 14px; font-weight: 700; text-transform: uppercase; white-space: nowrap; 
    color: inherit !important; font-family: Arial, sans-serif !important;
}
#pmh-global-footer-unique .nav-item:hover, #pmh-global-footer-unique .nav-item.highlight { 
    color: #d1a255 !important; transform: translateY(-2px); opacity: 1 !important;
}

/* --- 2. CẤU HÌNH NÚT 2 BÊN --- */
#pmh-global-footer-unique .pmh-side-btn {
    position: fixed; bottom: 25px;
    pointer-events: auto;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #bb2b1b !important; text-decoration: none !important;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: 0.3s; font-weight: bold; font-size: 14px;
    height: 52px; box-sizing: border-box;
}
#pmh-global-footer-unique .pmh-side-btn:hover {
    background: #fff; color: #d1a255 !important;
    transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

/* RIÊNG NÚT TRÁI (VỀ TRANG CHỦ): LUÔN LÀ HÌNH TRÒN */
#pmh-global-footer-unique .btn-left {
    left: 25px;
    width: 52px; /* Tròn */
    padding: 0;
    border-radius: 50%;
}

/* RIÊNG NÚT PHẢI (TƯ VẤN): HÌNH VIÊN THUỐC TRÊN DESKTOP */
#pmh-global-footer-unique .btn-right {
    right: 25px;
    padding: 0 20px; /* Có padding để chứa chữ */
    border-radius: 35px;
}
#pmh-global-footer-unique .btn-right .btn-icon { margin-right: 8px; }
#pmh-global-footer-unique .btn-icon svg { width: 20px; height: 20px; fill: currentColor; display: block; }

/* --- RESPONSIVE MOBILE --- */
@media (max-width: 768px) {
    #pmh-global-footer-unique .pmh-footer-wrapper { bottom: 15px; width: 96%; }
    #pmh-global-footer-unique .footer-logo { height: 32px; padding-right: 10px; }
    #pmh-global-footer-unique .pmh-footer { gap: 10px; padding: 5px 10px; }
    #pmh-global-footer-unique .footer-nav-scroll { gap: 15px; }

    /* Nút phụ trên Mobile: Đẩy lên cao */
    #pmh-global-footer-unique .pmh-side-btn {
        bottom: 90px;
        width: 50px; height: 50px; padding: 0;
        border-radius: 50%;
    }
    #pmh-global-footer-unique .btn-left { left: 15px; }
    #pmh-global-footer-unique .btn-right { right: 15px; }

    /* Ẩn chữ và margin trên Mobile cho nút phải */
    #pmh-global-footer-unique .mobile-hide { display: none; }
    #pmh-global-footer-unique .btn-right .btn-icon { margin-right: 0; }
}