/* Explain: Styles for the dedicated WhatsApp advertising bot widget. */
/* ---------- Advertising WhatsApp bot (stacked above the sales bot) ---------- */
.wa-widget.is-ads {
    bottom: 6.5rem;
}

.wa-widget.is-ads .wa-panel {
    max-height: min(62vh, 30rem);
}

.wa-widget.is-ads .wa-fab {
    color: #04121a;
    background: linear-gradient(150deg, var(--primary-color), var(--secondary-color));
    box-shadow: 0 16px 40px -14px rgba(34, 211, 238, 0.8);
}
.wa-widget.is-ads .wa-fab:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 22px 48px -14px rgba(34, 211, 238, 1);
}
.wa-widget.is-ads .wa-fab:focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: 3px;
}

.wa-widget.is-ads .wa-fab-badge {
    background: var(--primary-color);
    color: #04121a;
}

.wa-widget.is-ads .wa-avatar {
    color: #04121a;
    background: linear-gradient(150deg, var(--primary-color), var(--secondary-color));
}

.wa-widget.is-ads .wa-online-dot { background: var(--primary-color); }
.wa-widget.is-ads .wa-head-status { color: var(--primary-color); }

.wa-widget.is-ads .wa-bubble.is-user {
    color: #04121a;
    background: linear-gradient(180deg, var(--primary-color), var(--primary-hover));
}

.wa-widget.is-ads .wa-chip i { color: var(--primary-color); }
.wa-widget.is-ads .wa-chip:hover {
    border-color: var(--primary-color);
    background: rgba(34, 211, 238, 0.1);
}

.wa-widget.is-ads .wa-input:focus {
    border-color: var(--primary-color);
    background: rgba(34, 211, 238, 0.06);
}

.wa-widget.is-ads .wa-send {
    color: #04121a;
    background: linear-gradient(180deg, var(--primary-color), var(--primary-hover));
}
.wa-widget.is-ads .wa-send:hover {
    box-shadow: 0 10px 26px -12px rgba(34, 211, 238, 0.95);
}