.wa-container{
    position:fixed;
    right:25px;
    bottom:25px;
    z-index:99999;
}

/* Hide while the mobile slide-in menu is open — it would otherwise sit on
   top of the menu (higher z-index) and swallow taps on nav items underneath it. */
body.mobile-nav-open .wa-container{
    display:none;
}

/* Welcome Bubble */
.wa-bubble{
    width:280px;
    background:var(--cream);
    color:#5c4300;
    padding:14px 16px;
    border-radius:18px;
    margin-bottom:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    border:1px solid rgba(212,175,55,.35);
    font-size:14px;
    line-height:1.5;
    animation:fadeInUp .6s ease;
    transition:.4s ease;
}

.wa-bubble.hide{
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
}

/* WhatsApp Button */
.wa-btn{
    display:flex;
    align-items:center;
    gap:12px;

    background:rgba(255,255,255,.98);
    color:var(--gold-dark);

    text-decoration:none;
    font-weight:600;

    padding:12px 18px;
    border-radius:50px;

    border:1px solid rgba(212,175,55,.35);

    box-shadow:
        0 8px 25px var(--shadow);

    transition:.3s ease;
}

.wa-btn:hover{
    transform:translateY(-3px);
    box-shadow:
        0 12px 35px rgba(212,175,55,.35);
}

.wa-icon{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#25D366;

    display:flex;
    justify-content:center;
    align-items:center;

    box-shadow:0 0 15px rgba(37,211,102,.35);
}

.wa-icon svg{
    width:24px;
    height:24px;
    fill:#fff;
}

.wa-text{
    display:flex;
    flex-direction:column;
}

.wa-title{
    font-size:15px;
    line-height:1.2;
}

.wa-subtitle{
    font-size:12px;
    opacity:.75;
    font-weight:500;
}

/* Mobile */
@media(max-width:768px){

    .wa-bubble{
        width:220px;
        font-size:13px;
    }

    .wa-btn{
        width:64px;
        height:64px;
        padding:0;
        border-radius:50%;
        justify-content:center;
    }

    .wa-text{
        display:none;
    }

    .wa-icon{
        width:64px;
        height:64px;
    }

    .wa-icon svg{
        width:30px;
        height:30px;
    }
}

@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translateY(15px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}