/**
 * Vayanta Holidays — WhatsApp buttons use brand green #047857 everywhere.
 */

:root {
    --vh-wa: var(--wa-brand, #047857);
    --vh-wa-hover: var(--wa-brand-hover, #065f46);
    --vh-wa-shadow: var(--wa-brand-shadow, rgba(4, 120, 87, 0.28));
}

/* Reusable WhatsApp button — matches primary button height */
.vh-wa-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--vh-wa);
    color: #fff !important;
    border: none;
    border-radius: 10px;
    padding: 11px 20px;
    min-height: 44px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
    box-shadow: 0 4px 14px var(--vh-wa-shadow);
}

.vh-wa-btn:hover,
.vh-wa-btn:focus {
    background: var(--vh-wa-hover);
    color: #fff !important;
    transform: translateY(-1px);
}

.vh-wa-btn .bi-whatsapp { font-size: 1.05em; line-height: 1; }

/* Floating WhatsApp */
.vh-wa-float,
.nd-wa-float,
.nid-wa-float,
.ntd-wa-float,
.nic-wa-float {
    background: var(--vh-wa) !important;
    color: #fff !important;
    box-shadow: 0 4px 18px var(--vh-wa-shadow) !important;
}

.vh-wa-float:hover,
.nd-wa-float:hover,
.nid-wa-float:hover,
.ntd-wa-float:hover,
.nic-wa-float:hover {
    background: var(--vh-wa-hover) !important;
    color: #fff !important;
    opacity: 1 !important;
    transform: scale(1.06);
}

/* Desktop — safe right spacing */
@media (min-width: 1200px) {
    .nd-global-wa-float {
        right: 28px;
        bottom: 28px;
    }
}

/* Mobile — lift above sticky CTA bar (tour detail) */
@media (max-width: 768px) {
    body.has-ntd-cta-bar .nd-global-wa-float,
    body.has-ntd-cta-bar .ntd-wa-float,
    body.has-ntd-cta-bar .vh-wa-float {
        bottom: 88px !important;
    }

    body.has-cat-sticky-enq .nd-global-wa-float,
    body.has-cat-sticky-enq .nid-wa-float,
    body.has-cat-sticky-enq .nic-wa-float {
        bottom: 92px;
    }
}

/* Desktop — lift above tour detail sticky CTA bar */
@media (min-width: 769px) {
    body.has-ntd-cta-bar .nd-global-wa-float,
    body.has-ntd-cta-bar .vh-wa-float {
        bottom: 96px !important;
        right: 28px;
    }
}

/* Solid fill WhatsApp CTAs */
.ncp-wa-btn,
.enq-help-btn,
.bkd-support-wa,
.ct-wa-btn,
.nd-cta-btn-wa,
.nid-help-btn.wa,
.nd-dest-cta-btn.wa,
.nd-cat-cta-btn.wa,
.ab-cta-btn.wa,
.nsr-help-btn.wa,
.nbs-help-btn.wa,
.nic-help-btn.wa,
.ntd-cta-wa-btn,
.ntd-price-wa-btn,
.ref-share-wa,
.q-btn-whatsapp,
.cd-footer-wa-btn,
.btn-phone.btn-whatsapp {
    background: var(--vh-wa) !important;
    border-color: var(--vh-wa) !important;
    color: #fff !important;
}

.ncp-wa-btn:hover,
.enq-help-btn:hover,
.bkd-support-wa:hover,
.ct-wa-btn:hover,
.nd-cta-btn-wa:hover,
.nid-help-btn.wa:hover,
.nd-dest-cta-btn.wa:hover,
.nd-cat-cta-btn.wa:hover,
.ab-cta-btn.wa:hover,
.nsr-help-btn.wa:hover,
.nbs-help-btn.wa:hover,
.nic-help-btn.wa:hover,
.ntd-cta-wa-btn:hover,
.ntd-price-wa-btn:hover,
.ref-share-wa:hover,
.q-btn-whatsapp:hover,
.cd-footer-wa-btn:hover,
.btn-phone.btn-whatsapp:hover {
    background: var(--vh-wa-hover) !important;
    border-color: var(--vh-wa-hover) !important;
    color: #fff !important;
    opacity: 1 !important;
}

/* Outline / secondary WhatsApp links */
.nd-pkg-wa-btn .bi-whatsapp,
.ct-info-ico-wrap.wa,
.ct-info-ico-wrap.wa i {
    color: var(--vh-wa) !important;
}