/* Floating WA - Icon menempel kanan saat hover */
.wa-floating-btn {
    position: fixed;
    right: 0; /* 75% tersembunyi dari 150px */
    bottom: 100px;
    z-index: 99999;
    transition: right 0.3s ease;
}

.wa-float-link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end; /* Align ke kanan */
    background: transparent;
    padding: 10px 0; /* Remove padding kanan */
    border-radius: 35px 0 0 35px;
    text-decoration: none;
    transition: all 0.3s ease;
    min-width: 150px;
    height: 70px;
}

.wa-icon-wrap {
    display: flex;
    align-items: center;
    flex-direction: row-reverse; /* Reverse order: icon di kanan */
    padding-right: 0; /* No padding kanan */
}

.wa-icon, 
.social-img img {
    width: 200px !important;
    height: 93px !important;
    object-fit: contain;
    filter: none;
}

.wa-text {
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px; /* Margin di kanan, bukan kiri */
    color: #25D366;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s ease 0.1s;
}

/* Hover Effect */
.wa-floating-btn:hover {
    right: 0;
}

.wa-float-link:hover {
    min-width: 250px;
    padding: 10px 0 10px 20px; /* Padding kiri saat hover */
   
}

/* Media Query untuk Mobile */
@media (max-width: 768px) {
    .wa-icon, 
    .social-img img {
        width: 120px !important;
        height: 56px !important;
        object-fit: contain;
        filter: none;
    }
    
    .wa-float-link {
        min-width: 90px;
        height: 50px;
    }
    
    .wa-float-link:hover {
        min-width: 180px;
    }
    
    /* Logo responsif untuk mobile */
    .sticky-wrapper img[alt="Summarecon Agung"] {
        height: 45px !important;
        max-width: 150px;
        object-fit: contain;
    }
}