/* FAQ Readability Improvements - Removing excessive floating animations */

/* Disable excessive 3D transforms and perspective effects */
.faq-item {
    transform-style: initial !important;
    perspective: none !important;
    backdrop-filter: blur(2px) !important; /* Reduced blur for better readability */
}

.faq-item:hover {
    transform: translateY(-2px) !important; /* Simple subtle lift instead of 3D rotation */
    box-shadow: 0 8px 25px rgba(102, 252, 241, 0.2) !important; /* Simplified shadow */
}

/* Disable matrix background and excessive effects */
.matrix-background,
.cyber-data-grid,
.cyber-scanner,
.cyber-scanner-line,
.hero-3d-container {
    display: none !important;
}

/* Simplify hero section animations */
.faq-hero::before,
.faq-hero::after {
    animation: none !important;
}

.faq-hero {
    transform-style: initial !important;
    perspective: none !important;
    background: linear-gradient(135deg, 
        rgba(102, 252, 241, 0.05) 0%, 
        rgba(84, 109, 254, 0.05) 50%, 
        rgba(255, 69, 147, 0.05) 100%) !important;
}

/* Disable floating animations on various elements */
@keyframes float {
    0%, 100% { transform: none !important; }
}

@keyframes hero-float {
    0%, 100% { transform: none !important; }
}

@keyframes float-3d {
    0%, 100% { transform: none !important; }
}

@keyframes floatParticle {
    0%, 100% { transform: none !important; }
}

@keyframes float-char {
    0%, 100% { transform: none !important; }
}

/* Simplify category filters */
.category-filter {
    backdrop-filter: none !important;
}

/* Fix border radius issues in layout - restore gap and full rounded corners */
.gitbook-sidebar {
    border-radius: 24px !important; /* Fully rounded sidebar */
}

.gitbook-content {
    border-radius: 24px !important; /* Fully rounded content area */
    margin: 0 !important; /* Remove margins for proper alignment */
}

/* Ensure proper gap between sidebar and content */
.gitbook-layout {
    gap: 2rem !important; /* Restore gap between sidebar and content */
    align-items: start !important; /* Align items to the top */
}

/* Fix vertical alignment issues */
.gitbook-header {
    margin: 0 !important; /* Remove header margins */
    margin-bottom: 2rem !important; /* Only bottom margin for spacing */
}

/* Ensure proper container alignment */
.gitbook-container {
    align-items: stretch !important; /* Stretch items to full height */
}

/* Fix right border alignment with header */
.gitbook-content {
    border-radius: 24px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Fix link styling for FAQ content */
.faq-link {
    color: #d4a24c !important; /* Use primary color */
    text-decoration: underline !important;
    transition: all 0.3s ease !important;
}

.faq-link:hover {
    color: #b8863b !important; /* Use accent color on hover */
    text-decoration: none !important;
    text-shadow: 0 0 5px rgba(102, 252, 241, 0.5) !important;
}

/* Fix sticky sidebar alignment */
.gitbook-sidebar {
    position: sticky !important;
    top: 2rem !important;
    align-self: start !important; /* Ensure sidebar aligns to the top */
    height: fit-content !important;
    max-height: calc(100vh - 4rem) !important;
}

/* Remove excessive transforms that could affect alignment */
.gitbook-sidebar {
    transform: none !important;
    animation: none !important;
}

/* Ensure content area proper alignment */
.gitbook-content {
    align-self: start !important; /* Align content to the top */
    min-height: auto !important;
}

.category-filter:hover {
    transform: translateY(-1px) !important; /* Subtle movement only */
}

.category-filter.active {
    animation: none !important; /* Remove pulse animation */
}

/* Disable excessive search input effects */
.search-input-wrapper::before,
.search-filter-card::before,
.search-filter-card::after {
    animation: none !important;
    display: none !important;
}

.search-input:focus {
    transform: none !important; /* Remove scale effect */
    box-shadow: 0 0 10px rgba(212, 162, 76, 0.28) !important;
}

/* Simplify FAQ question effects */
.faq-question h3::before {
    animation: none !important;
    display: none !important;
}

/* Disable glitch effects */
.text-glitch,
.cyber-glitch {
    animation: none !important;
}

.text-glitch::before,
.text-glitch::after,
.cyber-glitch::before,
.cyber-glitch::after {
    display: none !important;
}

/* Simplify FAQ item open state */
.faq-item.open {
    animation: none !important; /* Remove neon pulse */
    transform: none !important; /* Remove scale effect */
    box-shadow: 0 5px 15px rgba(102, 252, 241, 0.2) !important;
}

.faq-item.open::before {
    animation: none !important; /* Remove glow animation */
}

/* Disable excessive highlight animations */
.highlight-text::before {
    animation: none !important;
    height: 2px !important; /* Fixed small underline */
    opacity: 0.7 !important;
}

/* Simplify holographic effects */
.holographic-card::before,
.holographic-extreme::after,
.prismatic-edge {
    display: none !important;
}

/* Disable scanning animations */
.cyber-scan,
.scanning-line,
.cyber-scan-horizontal,
.scanner-line,
.answer-highlight,
.highlight-line {
    display: none !important;
}

/* Simplify help section */
.help-section::before,
.help-section::after {
    animation: none !important;
    display: none !important;
}

/* Remove excessive button effects */
.btn:hover {
    transform: translateY(-1px) !important; /* Subtle lift only */
    box-shadow: 0 5px 15px rgba(212, 162, 76, 0.28) !important;
}

.btn-secondary:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 15px rgba(102, 252, 241, 0.2) !important;
}

/* Disable corner effects */
.cyber-corner-enhanced::before,
.cyber-corner-enhanced::after,
.tech-corner {
    display: none !important;
}

/* Simplify grid and shimmer effects */
@keyframes shimmer {
    0%, 100% { transform: none !important; }
}

@keyframes searchShimmer {
    0%, 100% { transform: none !important; }
}

@keyframes gridMove {
    0%, 100% { transform: none !important; }
}

@keyframes matrixScroll {
    0%, 100% { transform: none !important; }
}

@keyframes hologramScan {
    0%, 100% { transform: none !important; }
}

@keyframes rotate {
    0%, 100% { transform: none !important; }
}

/* Disable excessive blur effects for better text readability */
.faq-tag {
    backdrop-filter: none !important;
    background: rgba(102, 252, 241, 0.15) !important;
}

/* Simplify arrow rotation */
.faq-arrow {
    transition: transform 0.2s ease !important;
}

/* Remove particle effects */
.hero-particle,
.particle,
.particles-container {
    display: none !important;
}

/* Disable extreme perspective effects */
.faq-perspective-container {
    perspective: none !important;
    transform-style: initial !important;
}

.faq-perspective-item:hover {
    transform: none !important;
}

/* Improve overall text readability */
body, .faq-container {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Ensure FAQ content is easily readable */
.faq-answer {
    background: rgba(31, 40, 51, 0.6) !important;
    backdrop-filter: none !important;
    border-radius: 8px !important;
    padding: 1.5rem !important;
    margin-top: 1rem !important;
}

.faq-question {
    background: transparent !important;
}

/* Reduce overall motion for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Clean up any remaining floating animations */
.enhanced-card:hover,
.stat-card:hover,
.vision-column:hover {
    transform: translateY(-2px) !important; /* Minimal lift effect */
}

/* Simplify error state animation */
.error-state::before {
    animation: none !important;
}