/*
Theme Name: LoopOmni Acquisition System
Theme URI: https://loopomni.com
Author: LoopOmni
Description: Connected Performance Marketing Acquisition Theme for B2B, SaaS, and High-Ticket services.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: loopomni
*/
.bg-grid-dark { background-size: 32px 32px; background-image: linear-gradient(to right, rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,0.035) 1px, transparent 1px); }
.bg-grid-light { background-size: 28px 28px; background-image: linear-gradient(to right, rgba(0,0,0,0.035) 1px, transparent 1px), linear-gradient(to bottom, rgba(0,0,0,0.035) 1px, transparent 1px); }
.page-view { display: none; opacity: 0; transition: opacity .25s ease-in-out; }
.page-view.active-view { display: block; opacity: 1; }
body.admin-bar header.sticky { top: 32px; }

/* ---------- Animations ---------- */
@keyframes loopSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes corePulse { 0%,100% { box-shadow: 0 0 24px -4px rgba(255,85,0,.30); } 50% { box-shadow: 0 0 46px 2px rgba(255,85,0,.55); } }
@keyframes fadeUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes viewIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.loop-ring { animation: loopSpin 40s linear infinite; }
.loop-orbit { animation: loopSpin 12s linear infinite; }
.core-pulse { animation: corePulse 3.5s ease-in-out infinite; }
.fade-up { animation: fadeUp .8s ease-out both; }
.fade-up-2 { animation: fadeUp .8s ease-out .15s both; }
.fade-up-3 { animation: fadeUp .8s ease-out .3s both; }
.page-view.active-view { animation: viewIn .35s ease-out both; }

@media (prefers-reduced-motion: reduce) {
  .loop-ring, .loop-orbit, .core-pulse, .fade-up, .fade-up-2, .fade-up-3, .page-view.active-view { animation: none; }
}
