/**
 * AIOX Suite Frontend Styles
 */

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }

/* Glass panel effect */
.glass-panel {
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Text glow */
.text-glow {
    text-shadow: 0 0 20px rgba(6, 182, 212, 0.5);
}

/* Animation delays */
.animation-delay-2000 { animation-delay: 2s; }
.animation-delay-4000 { animation-delay: 4s; }

/* Navbar scroll state */
#aiox-navbar.scrolled {
    background: rgba(15, 23, 42, 0.8);
    backdrop-filter: blur(12px);
    border-color: #1e293b;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Scroll to top button visible state */
#scroll-top-btn.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Admin bar spacing */
.admin-bar #aiox-navbar { top: 32px; }
@media (max-width: 782px) {
    .admin-bar #aiox-navbar { top: 46px; }
}

/* Link reset */
a { text-decoration: none; }

/* Line clamp */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Font classes */
.font-display { font-family: 'Space Grotesk', sans-serif; }
.font-sans { font-family: 'Inter', sans-serif; }