/**
 * WA Order Button — Frontend Styles
 */

.waob-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 28px;
    background: var(--waob-bg, #25D366);
    color: var(--waob-color, #ffffff) !important;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none !important;
    border: none;
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.15s ease;
    margin: 12px 0;
    line-height: 1.4;
    box-shadow: 0 2px 8px rgba(37, 211, 102, 0.30);
}

.waob-btn:hover,
.waob-btn:focus {
    filter: brightness(1.08);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.38);
    text-decoration: none !important;
    color: var(--waob-color, #ffffff) !important;
}

.waob-btn:active {
    transform: translateY(0);
    filter: brightness(0.96);
}

/* Compact size for loop/shop pages */
.waob-btn--small {
    padding: 9px 18px;
    font-size: 13px;
}

/* Elementor editor preview state */
.waob-btn.waob-preview-mode {
    pointer-events: none;
    opacity: 0.85;
}