/* ═══════════════════════════════════════════════════════════════
   Azadel Affiliate Pro — public.css v2.2
   NOTE: CSS kritikal (layout, warna) dihantar via inline style
   dalam class-aap-public.php untuk override Enfold theme.
   File ini hanya untuk animate & non-critical styles.
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');

@keyframes aap-pulse { 0%,100%{opacity:1} 50%{opacity:.2} }
@keyframes aap-up { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }

.aap-hero          { animation: aap-up .35s ease both; }
.aap-floats        { animation: aap-up .35s .08s ease both; }
.aap-panel--on .aap-pp { animation: aap-up .2s ease both; }
.aap-dot-pulse { animation: aap-pulse 1.4s infinite; }

/* ── Refresh button ── */
@keyframes aap-spin { to { transform: rotate(360deg); } }
.aap-refresh-ico.aap-spinning { animation: aap-spin .5s linear infinite; }
.aap-refresh-btn:active { opacity: .7; transform: scale(.93); }