/* Button for WhatsApp - Slightly Bigger (FULL REPLACEMENT) */

/* Floating (shows on all pages) */
.bfw-whatsapp-floating{
    position: fixed;
    bottom: 18px;
    right: 18px;
    z-index: 999999;

    background: #25D366;
    color: #000 !important;

    padding: 12px 14px;       /* ✅ slightly bigger */
    border-radius: 999px;     /* pill */

    font-size: 17px;          /* ✅ slightly bigger text */
    font-weight: 600;
    line-height: 1;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    text-decoration: none !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.18);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
    -webkit-tap-highlight-color: transparent;
    white-space: nowrap;
}

.bfw-whatsapp-floating:hover{
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(0,0,0,.22);
    filter: brightness(.98);
}

.bfw-whatsapp-floating:active{
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(0,0,0,.18);
}

.bfw-whatsapp-floating img{
    width: 15px;
    height: 15px;
    display: block;
}

/* Inline button (shortcode default) */
.bfw-inline-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.bfw-whatsapp-inline{
    background: #FED203;      /* yellow button */
    color: #000 !important;

    padding: 16px 24px;       /* ✅ slightly bigger */
    border-radius: 999px;

    font-size: 17px;          /* ✅ slightly bigger text */
    font-weight: 600;
    line-height: 1;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    text-decoration: none !important;
    box-shadow: 0 10px 18px rgba(0,0,0,.20);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
    -webkit-tap-highlight-color: transparent;
    white-space: nowrap;
}

.bfw-whatsapp-inline:hover{
    transform: translateY(-1px);
    box-shadow: 0 14px 24px rgba(0,0,0,.24);
    filter: brightness(.98);
}

.bfw-whatsapp-inline:active{
    transform: translateY(0);
    box-shadow: 0 9px 16px rgba(0,0,0,.18);
}

.bfw-whatsapp-inline img{
    width: 17px;
    height: 17px;
    display: block;
}

/* Extra small on mobile */
@media (max-width: 480px){
    .bfw-whatsapp-floating{
        bottom: 14px;
        right: 14px;
        padding: 9px 11px;    /* ✅ slightly bigger */
        font-size: 15px;      /* ✅ slightly bigger */
    }
    .bfw-whatsapp-floating img{
        width: 14px;
        height: 14px;
    }

    .bfw-whatsapp-inline{
        padding: 13px 19px;   /* ✅ slightly bigger */
        font-size: 15px;      /* ✅ slightly bigger */
    }
    .bfw-whatsapp-inline img{
        width: 15px;
        height: 15px;
    }
}