/* [hidden] sempre esconde o elemento, mesmo com classes utilitárias (ex: .flex) */
[hidden] {
    display: none !important;
}

/* Pay button desabilitado: opacidade reduzida enquanto o form não está pronto */
[data-pay-button]:disabled {
    opacity: 0.32;
    cursor: not-allowed;
}

/* Garante que o footer fixo (com o botão de compra) fique acima do popup
   dos selects customizados (.ewp-payment-select-overlay, z-index:60) */
.ewp-checkout-mobile-footer-fixed {
    z-index: 70;
}


.ewp-checkout-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.ewp-checkout-navbar-spacer {
    display: none;
}

.ewp-checkout-navbar-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

@media (min-width: 768px) {
    .ewp-checkout-navbar {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
    }

    .ewp-checkout-navbar-spacer {
        display: block;
    }

    .ewp-checkout-navbar-logo {
        justify-self: center;
    }

    .ewp-checkout-navbar-actions {
        justify-self: end;
    }
}

.ewp-checkout-navbar-language {
    width: 5.5rem;
}

/* Corrige width/height do ícone de sucesso, sobrescritos pelo tema
   (regra global svg{width:100%;height:100%}) */
.ewp-checkout-result-icon {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
}

/* Evita que .btn-default-size (height:100%) infle os botões do card
   de resultado dentro do flex-col centralizado */
.ewp-checkout-result-action {
    height: auto;
}

/* Flash verde ao clicar em "Copiar código" do PIX (feedback visual) */
@keyframes pixCopyFlash {
    0%, 100% {
        box-shadow: none;
    }
    15%, 60% {
        box-shadow: 0 0 0 2px var(--color-foreground-success-light);
    }
}

.ewp-pix-copy-flash {
    animation: pixCopyFlash 0.35s ease-out;
}

html.dark .ewp-pix-copy-flash {
    animation-name: pixCopyFlashDark;
}

@keyframes pixCopyFlashDark {
    0%, 100% {
        box-shadow: none;
    }
    15%, 60% {
        box-shadow: 0 0 0 2px var(--color-foreground-success-dark);
    }
}