/*
 * Arbitrage Pro — Sticky Ads & Anti-Adblock CSS
 *
 * Adicione ao functions.php:
 *   wp_enqueue_style(
 *       'arbitrage-sticky-ads',
 *       get_template_directory_uri() . '/assets/css/sticky-ads.css',
 *       ['arbitrage-pro-style'], '1.0.0'
 *   );
 *
 * OU cole no style.css do tema filho.
 */

/* ── Sticky Banner Wrap ────────────────────────────────── */
#arb-sticky-wrap {
    will-change: transform;
}

/* ── Mobile Banner ─────────────────────────────────────── */
#arb-sticky-mobile {
    /* Espaço para o label "Publicidade" */
    padding-top: 14px !important;
}

/* Garante que o banner não cobre o conteúdo no mobile */
@media (max-width: 1023px) {
    body.has-sticky-ad {
        padding-bottom: 70px;
    }

    /* Se tiver listicle sticky nav visível, esconder o banner */
    .listicle-sticky-nav.visible ~ * #arb-sticky-wrap {
        opacity: 0;
        pointer-events: none;
    }
}

/* ── Desktop Banner ────────────────────────────────────── */
#arb-sticky-desktop {
    padding-top: 14px !important;
}

@media (min-width: 1024px) {
    body.has-sticky-ad-desktop {
        padding-bottom: 110px;
    }
}

/* ── Botão Fechar ──────────────────────────────────────── */
#arb-sticky-mobile-close,
#arb-sticky-desktop-close {
    transition: all 0.2s ease;
}

#arb-sticky-mobile-close:hover {
    background: #D4420A !important;
    transform: scale(1.1);
}

/* ── Anti-Adblock Toast ────────────────────────────────── */
#arb-adblock-toast {
    /* Forçar acima do sticky ad */
    z-index: 9500 !important;
}

/* Animação do shake quando aparece (chama atenção) */
@keyframes arbToastShake {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    20%       { transform: translateX(calc(-50% - 6px)) translateY(0); }
    40%       { transform: translateX(calc(-50% + 6px)) translateY(0); }
    60%       { transform: translateX(calc(-50% - 3px)) translateY(0); }
    80%       { transform: translateX(calc(-50% + 3px)) translateY(0); }
}

#arb-adblock-toast.shake {
    animation: arbToastShake 0.5s ease 0.3s;
}

/* ── Responsivo mobile ─────────────────────────────────── */
@media (max-width: 480px) {
    #arb-adblock-toast {
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: translateX(0) translateY(120px) !important;
        border-radius: 16px 16px 0 0 !important;
    }

    #arb-adblock-toast[style*="translateY(0)"] {
        transform: translateX(0) translateY(0) !important;
    }
}

/* ── Acessibilidade ────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    #arb-sticky-mobile,
    #arb-sticky-desktop,
    #arb-adblock-toast {
        transition: none !important;
        animation: none !important;
    }

    #arb-adblock-progress {
        animation: none !important;
        transform: scaleX(0) !important;
    }
}

/* Foco acessível nos botões */
#arb-adblock-allow:focus-visible,
#arb-adblock-dismiss:focus-visible,
#arb-sticky-mobile-close:focus-visible,
#arb-sticky-desktop-close:focus-visible {
    outline: 2px solid #D4420A;
    outline-offset: 2px;
}