/* ==========================================
   Hub Buttons — Estilos e Variantes
   Tokens: var(--hub-*) como fonte da verdade
   ========================================== */

/* --- .hub-button / .beto-button (Canônicos e Legados) --- */
.hub-button,
.beto-button {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(203, 123, 55, 0.72);
    background: var(--hub-primary);
    color: var(--hub-text-on-primary);
    box-shadow: none;
}
.hub-button:hover,
.beto-button:hover {
    background: var(--hub-primary-hover);
    border-color: var(--hub-primary-hover);
    box-shadow: none;
}

/* --- .hub-button--ghost / .beto-button--ghost (Canônicos e Legados) --- */
.hub-button--ghost,
.beto-button--ghost {
    border-color: var(--hub-border);
    background: rgba(255, 255, 255, 0.025);
    color: var(--beto-gray);
}
.hub-button--ghost:hover,
.beto-button--ghost:hover {
    border-color: rgba(203, 123, 55, 0.48);
    background: rgba(203, 123, 55, 0.08);
    color: var(--hub-text);
}

/* --- .beto-button-row .is-active (Grupo Segmentado) --- */
.beto-button-row .beto-button.is-active,
.beto-button-row .beto-button.is-active:hover,
.beto-button-row .hub-button.is-active,
.beto-button-row .hub-button.is-active:hover {
    border-color: rgba(203, 123, 55, 0.72);
    background: rgba(203, 123, 55, 0.88);
    color: var(--hub-text-on-primary);
}

/* --- .hub-danger-action / .beto-danger-action (Ações Destrutivas) --- */
.hub-danger-action,
.beto-danger-action,
.beto-unit-drawer__actions button.beto-danger-action,
.beto-button.beto-danger-action,
.hub-button.hub-danger-action {
    border-color: rgba(190, 82, 75, 0.34);
    color: var(--hub-text-on-danger);
}
.hub-danger-action:hover,
.beto-danger-action:hover,
.beto-unit-drawer__actions button.beto-danger-action:hover,
.beto-button.beto-danger-action:hover,
.hub-button.hub-danger-action:hover,
.hub-modal__footer .beto-button.is-danger,
.hub-modal__footer .hub-button.is-danger {
    border-color: rgba(190, 82, 75, 0.72);
    background: rgba(190, 82, 75, 0.18);
    color: var(--hub-text);
}
.hub-modal__footer .beto-button.is-danger:hover,
.hub-modal__footer .hub-button.is-danger:hover {
    background: rgba(190, 82, 75, 0.28);
}

/* --- .hub-button--compact / .beto-button--compact --- */
.hub-button--compact,
.beto-button--compact {
    padding: 4px 8px;
    font-size: var(--hub-text-label);
    height: auto;
    border-radius: var(--hub-radius);
}

/* --- .hub-button--whatsapp / .beto-button--whatsapp --- */
.hub-button--whatsapp,
.beto-button--whatsapp {
    background: #25D366;
    border-color: #25D366;
    color: var(--hub-text) !important;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.hub-button--whatsapp:hover,
.beto-button--whatsapp:hover {
    background: #20ba56;
    border-color: #20ba56;
}

/* --- Anchor Button Fix --- */
a.beto-button,
a.hub-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}