/* ACG PREMIUM BUTTON - IGUAL AO PORTAL */

/* Importar Bootstrap Icons para usar o mesmo ícone do portal */
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css');

/* Botão ACG Premium - Baseado no gamepass-btn do portal */
body .acg-premium-link {
    background: linear-gradient(45deg, #9d4edd, #c77dff) !important;
    color: white !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
    box-shadow: 0 4px 15px rgba(157,78,221,0.4) !important;
    animation: gamepassPulse 2s ease-in-out infinite !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 8px 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    font-size: 14px !important;
    margin: 0 10px !important;
    min-height: 40px !important;
}

/* Diamante antes do texto - SVG bi-gem original, só maior */
body .acg-premium-link::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' class='bi bi-gem' viewBox='0 0 16 16'%3E%3Cpath d='M3.1.7a.5.5 0 0 1 .4-.2h9a.5.5 0 0 1 .4.2l2.976 3.974c.149.185.156.45.01.644L8.4 15.3a.5.5 0 0 1-.8 0L.1 5.3a.5.5 0 0 1 0-.6L3.1.7zm11.386 3.785-1.806-2.41-.776 2.413 2.582-.003zm-3.633.004.961-2.989H4.186l.963 2.995 5.704-.006zM5.47 5.495 8 13.366l2.532-7.876-5.062.005zm-1.371-.999-.78-2.422-1.818 2.425 2.598-.003z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3)) !important;
    flex-shrink: 0 !important;
    margin-right: 6px !important;
    vertical-align: middle !important;
}

/* Efeito de brilho */
body .acg-premium-link::after {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent) !important;
    transform: rotate(45deg) !important;
    animation: gamepassShine 3s ease-in-out infinite !important;
    pointer-events: none !important;
}

/* Animação de pulsação */
@keyframes gamepassPulse {
    0%, 100% {
        box-shadow: 0 4px 15px rgba(157,78,221,0.4) !important;
    }
    50% {
        box-shadow: 0 4px 20px rgba(199,125,255,0.6) !important;
    }
}

/* Animação de brilho */
@keyframes gamepassShine {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg) !important;
    }
    50% {
        transform: translateX(100%) translateY(100%) rotate(45deg) !important;
    }
    100% {
        transform: translateX(200%) translateY(200%) rotate(45deg) !important;
    }
}

/* Hover - Mais roxo */
body .acg-premium-link:hover {
    background: linear-gradient(45deg, #c77dff, #9d4edd) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(199,125,255,0.6) !important;
    color: #FFFFFF !important;
}