/*
Theme Name: Ai Services Pro
Theme URI: https://www.themagnifico.net/products/agentic-ai-wordpress-theme
Author: Themagnifico
Author URI: https://www.themagnifico.net/
Description: 
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.2.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ai-services-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Ai Services Pro WordPress Theme has been created by Themagnifico(themagnifico.net), 2026.
Ai Services Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */


@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
/*--------- Site Loader --------------*/



.woocommerce .loader::before{
  background: none !important;
}

/* ==========================================================
   AI AGENT LOADER
   ========================================================== */

/* --- Overlay --- */
.ai-agent-preloader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: #040019;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: opacity 0.6s cubic-bezier(0.4,0,0.2,1),
              visibility 0.6s cubic-bezier(0.4,0,0.2,1);
}
.ai-agent-preloader.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* --- Dot-grid background pattern --- */
.ai-loader-bg {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(124,58,237,.18) 1px, transparent 1px);
  background-size: 36px 36px;
  animation: ai-bg-pan 20s linear infinite;
}
@keyframes ai-bg-pan {
  0%   { background-position: 0 0; }
  100% { background-position: 36px 36px; }
}

/* --- Ambient glow blobs --- */
.ai-loader-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.35;
  animation: ai-glow-pulse 4s ease-in-out infinite alternate;
}
.ai-loader-glow--purple {
  width: 420px; height: 420px;
  background: #7c3aed;
  top: -120px; left: -80px;
}
.ai-loader-glow--cyan {
  width: 320px; height: 320px;
  background: #06b6d4;
  bottom: -80px; right: -60px;
  animation-delay: -2s;
}
@keyframes ai-glow-pulse {
  from { opacity: 0.25; transform: scale(1); }
  to   { opacity: 0.45; transform: scale(1.12); }
}

/* --- Content wrapper --- */
.ai-loader-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  z-index: 1;
}

/* --- Orb (ring system + icon) --- */
.ai-loader-orb {
  position: relative;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Spinning rings */
.ai-orb-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  box-sizing: border-box;
}
.ai-orb-ring--1 {
  border-top-color: #7c3aed;
  border-right-color: rgba(124,58,237,.2);
  animation: ai-spin 1.4s linear infinite;
  box-shadow: 0 0 12px rgba(124,58,237,.5);
}
.ai-orb-ring--2 {
  inset: 14px;
  border-right-color: #06b6d4;
  border-bottom-color: rgba(6,182,212,.2);
  animation: ai-spin 2s linear infinite reverse;
  box-shadow: 0 0 10px rgba(6,182,212,.45);
}
.ai-orb-ring--3 {
  inset: 28px;
  border-bottom-color: #f6438c;
  border-left-color: rgba(246,67,140,.2);
  animation: ai-spin 2.8s linear infinite;
  box-shadow: 0 0 8px rgba(246,67,140,.4);
}

/* Center icon disk */
.ai-orb-core {
  position: relative;
  z-index: 2;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    0 0 0 6px rgba(124,58,237,.15),
    0 0 24px rgba(124,58,237,.5);
  animation: ai-core-pulse 2s ease-in-out infinite;
}
.ai-orb-core svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@keyframes ai-core-pulse {
  0%, 100% { box-shadow: 0 0 0 6px rgba(124,58,237,.15), 0 0 24px rgba(124,58,237,.5); }
  50%       { box-shadow: 0 0 0 10px rgba(124,58,237,.08), 0 0 40px rgba(124,58,237,.7); }
}

/* Orbiting nodes */
.ai-orb-nodes {
  position: absolute;
  inset: -10px;
  animation: ai-spin 4s linear infinite;
}
.ai-node {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -4.5px 0 0 -4.5px;
}
.ai-node--1 { transform: translateX(65px);              background: #7c3aed; box-shadow: 0 0 8px #7c3aed; }
.ai-node--2 { transform: rotate(90deg)  translateX(65px); background: #06b6d4; box-shadow: 0 0 8px #06b6d4; }
.ai-node--3 { transform: rotate(180deg) translateX(65px); background: #f6438c; box-shadow: 0 0 8px #f6438c; }
.ai-node--4 { transform: rotate(270deg) translateX(65px); background: #06b6d4; box-shadow: 0 0 8px #06b6d4; }

/* --- Text block --- */
.ai-loader-text {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.ai-loader-title {
  font-family: 'Archivo', 'Urbanist', sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  background: linear-gradient(90deg, #7c3aed, #06b6d4, #f6438c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
}
.ai-loader-subtitle {
  font-family: 'Archivo', 'Urbanist', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
  margin: 0;
}

/* Animated ellipsis */
.ai-loader-ellipsis span {
  display: inline-block;
  animation: ai-ellipsis 1.4s infinite;
  opacity: 0;
}
.ai-loader-ellipsis span:nth-child(2) { animation-delay: 0.2s; }
.ai-loader-ellipsis span:nth-child(3) { animation-delay: 0.4s; }
@keyframes ai-ellipsis {
  0%, 60%, 100% { opacity: 0; transform: translateY(0); }
  30%           { opacity: 1; transform: translateY(-2px); }
}

/* --- Progress bar --- */
.ai-loader-progress {
  width: 200px;
  height: 3px;
  background: rgba(255,255,255,.08);
  border-radius: 99px;
  overflow: hidden;
}
.ai-loader-progress-bar {
  height: 100%;
  width: 40%;
  border-radius: 99px;
  background: linear-gradient(90deg, #7c3aed, #06b6d4, #f6438c);
  box-shadow: 0 0 10px rgba(124,58,237,.7);
  animation: ai-progress 2s ease-in-out infinite;
}
@keyframes ai-progress {
  0%   { transform: translateX(-100%); width: 40%; }
  50%  { width: 70%; }
  100% { transform: translateX(280%); width: 40%; }
}

/* --- Shared keyframes --- */
@keyframes ai-spin {
  to { transform: rotate(360deg); }
}

/* ==========================================================
   END AI AGENT LOADER
   ========================================================== */