/* Zalo Chat Button Styles */
.zcb-container { 
    position: fixed; 
    z-index: 9999; 
    display: flex; 
    align-items: center; 
    bottom: 25px;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.zcb-link { 
    display: block; 
}
.zcb-icon { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    transition: transform 0.2s ease-in-out; 
}
.zcb-icon:hover { 
    transform: scale(1.1); 
}
.zcb-icon img { 
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
}
.zcb-text { 
    padding: 8px 15px; 
    background-color: #ffffff; 
    border-radius: 20px; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.15); 
    font-size: 14px; 
    color: #333; 
    border: 1px solid #eee; 
}

/* * IMPORTANT: This class is now controlled by the media query below.
 * It no longer has a default "display: none;".
*/
.zcb-mobile-hidden {
    /* No styles needed here by default */
}

@media (max-width: 768px) {
    .zcb-container { 
        bottom: 15px;
    }

    /* CHANGE: This is the new, cache-proof logic for hiding text on mobile */
    .zcb-mobile-hidden { 
        display: none !important; 
    }
}