/*
 * WAWoo Pro Frontend Styles
 *
 * Table of contents:
 * 1. Typography
 * 2. Buttons
 * 3. Floating button
 * 4. Layout and cards
 * 5. Responsive rules
 */

.wawoo-btn,.wawoo-btn *,.wawoo-floating,.wawoo-floating *,.wawoo-thankyou-box,.wawoo-thankyou-box *{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;letter-spacing:-.01em}

/* Product buttons */
.wawoo-product-actions{
    clear:both;
    width:100%;
    max-width:360px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    margin:18px 0 0;
}
.single-product form.cart + .wawoo-product-actions,
.woocommerce div.product form.cart + .wawoo-product-actions{
    margin-top:18px;
}
.woocommerce div.product form.cart .wawoo-product-actions{
    flex-basis:100%;
}
.wawoo-btn{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:10px;
    background:#25d366!important;
    color:#fff!important;
    text-decoration:none!important;
    border-radius:14px;
    padding:13px 20px;
    font-weight:800;
    font-size:15px;
    min-height:50px;
    box-shadow:0 12px 26px rgba(37,211,102,.23);
    line-height:1.18;
    border:0!important;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
    white-space:normal;
    max-width:100%;
    box-sizing:border-box;
}
.wawoo-btn:hover,.wawoo-btn:focus{
    transform:translateY(-1px);
    filter:brightness(.96);
    color:#fff!important;
    box-shadow:0 16px 34px rgba(37,211,102,.30);
    outline:0;
}
.wawoo-btn-loop{
    font-size:13px;
    padding:10px 14px;
    margin-top:8px;
    min-height:40px;
    border-radius:10px;
}
.wawoo-btn-single{
    width:100%;
}
.wawoo-btn-question{
    width:100%;
    background:#111827!important;
    box-shadow:0 12px 26px rgba(17,24,39,.18);
}
.wawoo-btn-question:hover,.wawoo-btn-question:focus{
    background:#0f172a!important;
    box-shadow:0 16px 34px rgba(17,24,39,.24);
}
.wawoo-btn-text{display:inline-block;line-height:1.2}
.wawoo-wa-svg{width:21px;height:21px;display:block;flex:0 0 21px;fill:currentColor;pointer-events:none}

/* Cart / checkout */
.wawoo-cart-btn{margin-top:12px;width:100%;justify-content:center;background:#25d366!important}

/* Floating button */
.wawoo-floating{position:fixed;right:24px;bottom:24px;z-index:999999;width:62px;height:62px;border-radius:999px;background:#25d366!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;border:0!important;box-shadow:0 14px 34px rgba(0,0,0,.24);transition:transform .18s ease,box-shadow .18s ease;overflow:hidden;font-size:0!important;line-height:0!important}
.wawoo-floating .wawoo-wa-svg{width:34px;height:34px;flex-basis:34px;margin:0}
.wawoo-floating::before,.wawoo-floating::after{content:none!important;display:none!important}
.wawoo-floating:hover,.wawoo-floating:focus{color:#fff!important;transform:scale(1.04);box-shadow:0 16px 40px rgba(0,0,0,.28);outline:0}

/* Thank you page */
.wawoo-thankyou-box{border:1px solid #dcfce7;background:#f0fdf4;border-radius:16px;padding:20px;margin:24px 0}
.wawoo-thankyou-box h3{margin-top:0}

@media(max-width:600px){
    .wawoo-product-actions{max-width:none;margin-top:14px}
    .wawoo-floating{right:16px;bottom:18px;width:58px;height:58px}
    .wawoo-floating .wawoo-wa-svg{width:31px;height:31px;flex-basis:31px}
    .wawoo-btn{width:100%;justify-content:center}
}