/* ============================================================
   BOTOES GLOBAIS
   Forca TODOS os botoes do site a usarem as mesmas cores
   definidas em Admin > Tema > "Botoes (Estilo Unico Global)".
   Aplica desktop + mobile.
   ============================================================ */

:root {
    --btn-g-bg:        var(--t-btn-global-bg, var(--t-accent,#CBBE89));
    --btn-g-bg2:       var(--t-btn-global-bg2, var(--t-accent-dark,#b5a46e));
    --btn-g-text:      var(--t-btn-global-text, #1a1a11);
    --btn-g-border:    var(--t-btn-global-border, transparent);
    --btn-g-hover-bg:  var(--t-btn-global-hover-bg, var(--t-accent-hover,#d4c78f));
    --btn-g-hover-tx:  var(--t-btn-global-hover-text, #1a1a11);
    --btn-g-radius:    calc(var(--t-btn-global-radius, 10) * 1px);
    --btn-g-weight:    var(--t-btn-global-bold-w, 800);
}

/* Lista unica de seletores que devem seguir a paleta global.
   Tudo aqui herda cor, texto, border, radius, sombra e glow do
   admin > Tema > "Botoes (Estilo Unico Global)". */
.pa-btn-primary,
.promo-card-toggle,
.promo-card-btn,
.vip-hero-btn,
.deposit-btn,
.guest-link-btn.is-primary,
.bs-btn-global,
.btn-global,
button.btn-global,
a.btn-global,
.ms-btn-join,
.ms-btn-active,
.ms-btn-claim,
.ms-btn-claimed,
.referral-bar-btn,
.fbp-submit {
    background: linear-gradient(180deg, var(--btn-g-bg) 0%, var(--btn-g-bg2) 100%) !important;
    color: var(--btn-g-text) !important;
    border: 1px solid var(--btn-g-border) !important;
    border-radius: var(--btn-g-radius) !important;
    font-weight: var(--btn-g-weight) !important;
    /* Sombra e glow vem do tema. Ambos podem ser "none". */
    box-shadow: var(--t-btn-global-shadow, none), var(--t-btn-global-glow, none) !important;
    text-decoration: none !important;
    /* Mata animacoes herdadas (pulse verde do .ms-btn-claim original etc) */
    animation: none !important;
    transition: filter .18s ease, transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease !important;
}

.pa-btn-primary:hover,
.promo-card-toggle:hover,
.promo-card-btn:hover,
.vip-hero-btn:hover,
.deposit-btn:hover,
.guest-link-btn.is-primary:hover,
.bs-btn-global:hover,
button.btn-global:hover,
a.btn-global:hover,
.ms-btn-join:hover,
.ms-btn-active:hover,
.ms-btn-claim:hover,
.ms-btn-claimed:hover,
.referral-bar-btn:hover,
.fbp-submit:hover {
    background: linear-gradient(180deg, var(--btn-g-hover-bg) 0%, var(--btn-g-bg) 100%) !important;
    color: var(--btn-g-hover-tx) !important;
    filter: brightness(1.04) !important;
    transform: translateY(-1px) !important;
}

.pa-btn-primary:active,
.promo-card-toggle:active,
.promo-card-btn:active,
.vip-hero-btn:active,
.deposit-btn:active,
.guest-link-btn.is-primary:active,
.bs-btn-global:active,
button.btn-global:active,
a.btn-global:active,
.ms-btn-join:active,
.ms-btn-active:active,
.ms-btn-claim:active,
.ms-btn-claimed:active,
.referral-bar-btn:active,
.fbp-submit:active {
    transform: translateY(0) !important;
    filter: brightness(.96) !important;
}

.pa-btn-primary[disabled],
.bs-btn-global[disabled],
button.btn-global[disabled] {
    opacity: .5 !important;
    cursor: not-allowed !important;
    transform: none !important;
    filter: none !important;
}

/* Mobile: garante a mesma aparencia, sem sobras de estilos antigos */
@media (max-width: 768px) {
    .pa-btn-primary,
    .promo-card-toggle,
    .promo-card-btn,
    .vip-hero-btn,
    .deposit-btn,
    .guest-link-btn.is-primary,
    .bs-btn-global,
    button.btn-global,
    a.btn-global,
    .ms-btn-join,
    .ms-btn-active,
    .ms-btn-claim,
    .ms-btn-claimed,
    .referral-bar-btn {
        background: linear-gradient(180deg, var(--btn-g-bg) 0%, var(--btn-g-bg2) 100%) !important;
        color: var(--btn-g-text) !important;
        border: 1px solid var(--btn-g-border) !important;
        border-radius: var(--btn-g-radius) !important;
        font-weight: var(--btn-g-weight) !important;
        box-shadow: var(--t-btn-global-shadow, none), var(--t-btn-global-glow, none) !important;
    }
}

/* Override de tamanho pra botao da barra de Indique e Ganhe ficar pequeno
   (a paleta vem do tema, mas padding/font-size sao especificos do contexto). */
.referral-bar-btn {
    display: inline-flex !important;
    align-items: center !important;
    padding: 5px 16px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
.referral-bar-btn--marquee {
    padding: 4px 14px !important;
    font-size: 11px !important;
}