/**
 * TWL Buttons — unified button system
 * Applies 48px minimum touch target to ALL existing button families.
 */

/* ============ BASE SHIM for all legacy button classes ============ */
.twl-btn,
.wl-btn,
.wr-btn,
.mf-btn,
.cc-btn,
.rp-btn,
.tb-btn,
.twl-dc-btn,
.twl-en-btn,
.twl-seg-btn,
.twl-brand-btn,
.twl-chooser__btn,
.wl-c-btn,
.wl-a3-btn,
.wl-b2b-btn,
.twl-cv2-submit-btn,
a.twl-btn,
button.twl-btn {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
}

/* ============ CANONICAL .twl-btn system ============ */
.twl-btn {
    padding: 12px 24px;
    border-radius: var(--radius-md);
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
    border: 1px solid transparent;
    transition: background var(--t-base), transform var(--t-base), border-color var(--t-base);
    white-space: nowrap;
}

.twl-btn--primary {
    background: var(--c-orange);
    color: #fff;
}
.twl-btn--primary:hover {
    background: var(--c-orange-hover);
    transform: translateY(-1px);
}

.twl-btn--outline {
    background: transparent;
    color: var(--c-text);
    border-color: var(--c-border-strong);
}
.twl-btn--outline:hover {
    border-color: var(--c-orange);
    color: var(--c-orange);
}

.twl-btn--ghost {
    background: transparent;
    color: var(--c-text);
}
.twl-btn--ghost:hover {
    background: rgba(255, 255, 255, 0.05);
}

.twl-btn--whatsapp {
    background: var(--c-whatsapp);
    color: #fff;
}
.twl-btn--whatsapp:hover {
    background: var(--c-whatsapp-hover);
    transform: translateY(-1px);
}

.twl-btn--sm {
    min-height: 40px;
    padding: 8px 16px;
    font-size: var(--fs-small);
}
.twl-btn--lg {
    min-height: 56px;
    padding: 16px 32px;
    font-size: 17px;
}
.twl-btn--block {
    display: flex;
    width: 100%;
}

/* ============ Sticky CTA bar buttons — force 48px ============ */
.twl-sticky-cta__btn,
.twl-sticky-cta__btn--wa,
.twl-sticky-cta__btn--phone {
    min-height: 48px !important;
    min-width: 48px !important;
    padding: 12px 18px !important;
}

/* ============ Trust bar CTA button ============ */
.twl-trust-bar__cta {
    min-height: 44px !important;
    padding: 10px 20px !important;
}