/*
Theme Name: Aisejio Neon
Theme URI: https://aisejio.com
Author: Aisejio
Author URI: https://aisejio.com
Description: Aisejio — AI Se Jiyo, AI Se Badlo. Premium AI-native theme with electric purple + cyan neon palette. Auto-installs Home / SaaS / Mobile pages on activation. Fully Elementor-compatible: use Aisejio Canvas template for drag-and-drop editing.
Version: 3.1.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aisejio
Tags: dark, one-column, custom-menu, elementor, translation-ready
*/

/* ============================================================
   AISEJIO — NEON BRAND TOKENS (v2)
   Use these as CSS classes on any Elementor widget:
   Advanced → CSS Classes → paste the class name (no dot)
   ============================================================ */

:root {
    --aisejio-bg: #05060F;
    --aisejio-bg-2: #0A0B1A;
    --aisejio-surface: rgba(255, 255, 255, 0.03);
    --aisejio-border: rgba(124, 107, 255, 0.15);
    --aisejio-border-strong: rgba(124, 107, 255, 0.35);
    --aisejio-text: #F5F5F7;
    --aisejio-text-dim: #A1A1AA;
    --aisejio-text-mute: #62636B;
    --aisejio-purple: #7C6BFF;
    --aisejio-purple-bright: #A78BFA;
    --aisejio-cyan: #00E5FF;
    --aisejio-cyan-bright: #5EEAD4;
    --aisejio-glow-purple: 0 0 40px rgba(124, 107, 255, 0.5);
    --aisejio-glow-cyan: 0 0 40px rgba(0, 229, 255, 0.4);
}

/* Base body styling (applied to any Elementor page too) */
body {
    background: var(--aisejio-bg);
    color: var(--aisejio-text);
    -webkit-font-smoothing: antialiased;
}

/* Ambient background — automatically on every page */
body::before {
    content: '';
    position: fixed;
    inset: -20%;
    background:
        radial-gradient(600px circle at 15% 20%, rgba(124, 107, 255, 0.28), transparent 50%),
        radial-gradient(700px circle at 85% 60%, rgba(94, 234, 212, 0.18), transparent 55%),
        radial-gradient(500px circle at 50% 100%, rgba(0, 229, 255, 0.15), transparent 60%);
    z-index: -2;
    pointer-events: none;
    filter: blur(30px);
    animation: aisejio-ambient 20s ease-in-out infinite;
}
body::after {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
        linear-gradient(rgba(124, 107, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(124, 107, 255, 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    z-index: -1;
    pointer-events: none;
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
}

@keyframes aisejio-ambient {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(20px, -30px) scale(1.05); }
}

/* ============================================================
   ELEMENTOR HELPER CLASSES
   ============================================================ */

/* Neon gradient text — apply to headings */
.aisejio-neon-text {
    background: linear-gradient(120deg, var(--aisejio-purple) 0%, var(--aisejio-purple-bright) 50%, var(--aisejio-cyan-bright) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent !important;
}

/* Glass card */
.aisejio-glass {
    background: var(--aisejio-surface) !important;
    border: 1px solid var(--aisejio-border) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Pill badge */
.aisejio-badge {
    display: inline-flex !important;
    padding: 6px 14px !important;
    background: var(--aisejio-surface) !important;
    border: 1px solid var(--aisejio-border) !important;
    border-radius: 100px !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    color: var(--aisejio-purple-bright) !important;
    letter-spacing: 0.05em !important;
}

/* Neon button */
.aisejio-btn-neon a,
a.aisejio-btn-neon {
    background: linear-gradient(135deg, var(--aisejio-purple), var(--aisejio-purple-bright)) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 100px !important;
    font-weight: 600 !important;
    box-shadow: 0 0 20px rgba(124, 107, 255, 0.4) !important;
    transition: all 0.3s ease !important;
}
.aisejio-btn-neon a:hover,
a.aisejio-btn-neon:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(124, 107, 255, 0.6) !important;
}

/* Ghost button */
.aisejio-btn-ghost a,
a.aisejio-btn-ghost {
    background: var(--aisejio-surface) !important;
    color: var(--aisejio-text) !important;
    border: 1px solid var(--aisejio-border-strong) !important;
    border-radius: 100px !important;
}

/* Cyan accent button */
.aisejio-btn-cyan a,
a.aisejio-btn-cyan {
    background: linear-gradient(135deg, var(--aisejio-cyan), var(--aisejio-cyan-bright)) !important;
    color: #05060F !important;
    border: none !important;
    border-radius: 100px !important;
    font-weight: 600 !important;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.4) !important;
}

/* Typography */
.aisejio-serif { font-family: 'Instrument Serif', serif !important; font-weight: 400 !important; }
.aisejio-serif-italic { font-family: 'Instrument Serif', serif !important; font-style: italic !important; font-weight: 400 !important; }
.aisejio-cinzel { font-family: 'Cinzel', serif !important; letter-spacing: 0.08em !important; }
.aisejio-mono { font-family: 'JetBrains Mono', monospace !important; letter-spacing: 0.1em !important; }

/* Card */
.aisejio-card {
    background: var(--aisejio-surface) !important;
    border: 1px solid var(--aisejio-border) !important;
    border-radius: 18px !important;
    padding: 36px !important;
    transition: all 0.4s ease !important;
}
.aisejio-card:hover {
    border-color: var(--aisejio-border-strong) !important;
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(124, 107, 255, 0.15);
}

/* Section spacing */
.aisejio-section { padding: 100px 0 !important; }

/* Text helpers */
.aisejio-dim { color: var(--aisejio-text-dim) !important; }
.aisejio-mute { color: var(--aisejio-text-mute) !important; }
.aisejio-purple-color { color: var(--aisejio-purple) !important; }
.aisejio-cyan-color { color: var(--aisejio-cyan) !important; }

/* Glow effect */
.aisejio-glow-purple { box-shadow: var(--aisejio-glow-purple); }
.aisejio-glow-cyan { box-shadow: var(--aisejio-glow-cyan); }

/* Pulse animation for live badges */
.aisejio-pulse::before {
    content: '●';
    display: inline-block;
    color: var(--aisejio-cyan);
    margin-right: 8px;
    animation: aisejio-blink 1.6s infinite;
    text-shadow: 0 0 8px var(--aisejio-cyan);
}
@keyframes aisejio-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation: none !important;
        transition: none !important;
    }
}