/**
 * Navbar Icons & Red Glow Enhancement
 * Feature Card Distinct Rest Colors
 */

/* Navbar Icons */
.nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    transition: all var(--transition-base);
}

.nav-icon {
    width: 16px;
    height: 16px;
    opacity: 0.8;
    transition: all var(--transition-base);
}

/* Red Glow on Hover/Active */
.nav-link:hover .nav-icon,
.nav-link:focus .nav-icon {
    opacity: 1;
    filter: drop-shadow(0 0 6px rgba(218, 68, 83, 0.7)) 
            drop-shadow(0 0 10px rgba(218, 68, 83, 0.5));
}

.nav-link.active .nav-icon {
    filter: drop-shadow(0 0 8px rgba(218, 68, 83, 0.8)) 
            drop-shadow(0 0 12px rgba(218, 68, 83, 0.6));
}

/* Enhance text glow on hover */
.nav-link:hover,
.nav-link:focus {
    text-shadow: 0 0 12px rgba(218, 68, 83, 0.4);
}

/* Language Toggle Flag */
.lang-flag {
    font-size: 1.25rem;
    display: inline-block;
    transition: transform var(--transition-fast);
}

.theme-toggle:hover .lang-flag {
    transform: scale(1.1);
}

/* Legal CTA in Legal Section */
.legal-cta {
    text-align: center;
    margin-top: 3rem;
    opacity: 0;
    transform: translateY(30px);
    transition: all var(--transition-base);
}

.legal-cta[data-scroll-reveal].revealed {
    opacity: 1;
    transform: translateY(0);
}

.legal-cta .btn {
    box-shadow: 0 8px 32px rgba(218, 68, 83, 0.4);
    animation: pulse-glow 2s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 8px 32px rgba(218, 68, 83, 0.4);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 12px 40px rgba(218, 68, 83, 0.6);
        transform: scale(1.02);
    }
}

.legal-cta .btn:hover {
    animation: none;
    box-shadow: 0 12px 48px rgba(218, 68, 83, 0.6);
}

/* Feature Cards - Distinct Rest Colors */

/* Card 1: Red (Auto Detection - Featured) */
.feature-card-red {
    border-color: rgba(218, 68, 83, 0.3);
    background: linear-gradient(135deg, 
        var(--color-surface) 0%, 
        rgba(218, 68, 83, 0.05) 100%);
}

.feature-card-red .feature-icon {
    background: linear-gradient(135deg, #DA4453, #ff5a6e);
    box-shadow: 0 4px 20px rgba(218, 68, 83, 0.4);
}

.feature-card-red:hover {
    border-color: var(--color-primary);
    box-shadow: 0 12px 32px rgba(218, 68, 83, 0.4);
}

.feature-card-red:hover .feature-icon {
    filter: drop-shadow(0 0 12px rgba(218, 68, 83, 0.6));
}

/* Card 2: Coral (Multiple URLs) */
.feature-card-coral {
    border-color: rgba(255, 107, 107, 0.25);
    background: linear-gradient(135deg, 
        var(--color-surface) 0%, 
        rgba(255, 107, 107, 0.04) 100%);
}

.feature-card-coral .feature-icon {
    background: linear-gradient(135deg, #FF6B6B, #ff8787);
    box-shadow: 0 4px 20px rgba(255, 107, 107, 0.3);
}

.feature-card-coral:hover {
    border-color: var(--accent-coral);
    box-shadow: 0 12px 32px rgba(255, 107, 107, 0.35);
}

.feature-card-coral:hover .feature-icon {
    filter: drop-shadow(0 0 12px rgba(255, 107, 107, 0.5));
}

/* Card 3: Violet (History & Scheduling) */
.feature-card-violet {
    border-color: rgba(155, 89, 182, 0.25);
    background: linear-gradient(135deg, 
        var(--color-surface) 0%, 
        rgba(155, 89, 182, 0.04) 100%);
}

.feature-card-violet .feature-icon {
    background: linear-gradient(135deg, #9b59b6, #b57edc);
    box-shadow: 0 4px 20px rgba(155, 89, 182, 0.3);
}

.feature-card-violet:hover {
    border-color: var(--accent-violet);
    box-shadow: 0 12px 32px rgba(155, 89, 182, 0.35);
}

.feature-card-violet:hover .feature-icon {
    filter: drop-shadow(0 0 12px rgba(155, 89, 182, 0.5));
}

/* Card 4: Teal (Light & Dark Mode) */
.feature-card-teal {
    border-color: rgba(26, 188, 156, 0.25);
    background: linear-gradient(135deg, 
        var(--color-surface) 0%, 
        rgba(26, 188, 156, 0.04) 100%);
}

.feature-card-teal .feature-icon {
    background: linear-gradient(135deg, #1abc9c, #16a085);
    box-shadow: 0 4px 20px rgba(26, 188, 156, 0.3);
}

.feature-card-teal:hover {
    border-color: var(--accent-teal);
    box-shadow: 0 12px 32px rgba(26, 188, 156, 0.35);
}

.feature-card-teal:hover .feature-icon {
    filter: drop-shadow(0 0 12px rgba(26, 188, 156, 0.5));
}

/* Card 5: Amber (Quality & Thumbnails) */
.feature-card-amber {
    border-color: rgba(243, 156, 18, 0.25);
    background: linear-gradient(135deg, 
        var(--color-surface) 0%, 
        rgba(243, 156, 18, 0.04) 100%);
}

.feature-card-amber .feature-icon {
    background: linear-gradient(135deg, #f39c12, #e67e22);
    box-shadow: 0 4px 20px rgba(243, 156, 18, 0.3);
}

.feature-card-amber:hover {
    border-color: var(--accent-amber);
    box-shadow: 0 12px 32px rgba(243, 156, 18, 0.35);
}

.feature-card-amber:hover .feature-icon {
    filter: drop-shadow(0 0 12px rgba(243, 156, 18, 0.5));
}

/* Card 6: Blue (Always Updated) */
.feature-card-blue {
    border-color: rgba(52, 152, 219, 0.25);
    background: linear-gradient(135deg, 
        var(--color-surface) 0%, 
        rgba(52, 152, 219, 0.04) 100%);
}

.feature-card-blue .feature-icon {
    background: linear-gradient(135deg, #3498db, #5dade2);
    box-shadow: 0 4px 20px rgba(52, 152, 219, 0.3);
}

.feature-card-blue:hover {
    border-color: var(--accent-blue);
    box-shadow: 0 12px 32px rgba(52, 152, 219, 0.35);
}

.feature-card-blue:hover .feature-icon {
    filter: drop-shadow(0 0 12px rgba(52, 152, 219, 0.5));
}

/* Hover: Glow Only (No Heavy 3D Effects) */
.feature-card:hover {
    transform: translateY(-8px);
}

/* Remove spin or heavy transform effects on hover */
.feature-card:hover .feature-icon {
    transform: scale(1.05);
}

/* Light Theme Adjustments */
[data-theme="light"] .feature-card-red {
    background: linear-gradient(135deg, 
        var(--color-surface) 0%, 
        rgba(218, 68, 83, 0.08) 100%);
}

[data-theme="light"] .feature-card-coral {
    background: linear-gradient(135deg, 
        var(--color-surface) 0%, 
        rgba(255, 107, 107, 0.06) 100%);
}

[data-theme="light"] .feature-card-violet {
    background: linear-gradient(135deg, 
        var(--color-surface) 0%, 
        rgba(155, 89, 182, 0.06) 100%);
}

[data-theme="light"] .feature-card-teal {
    background: linear-gradient(135deg, 
        var(--color-surface) 0%, 
        rgba(26, 188, 156, 0.06) 100%);
}

[data-theme="light"] .feature-card-amber {
    background: linear-gradient(135deg, 
        var(--color-surface) 0%, 
        rgba(243, 156, 18, 0.06) 100%);
}

[data-theme="light"] .feature-card-blue {
    background: linear-gradient(135deg, 
        var(--color-surface) 0%, 
        rgba(52, 152, 219, 0.06) 100%);
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .legal-cta .btn {
        animation: none !important;
    }
    
    .nav-link,
    .nav-icon,
    .lang-flag {
        transition: none !important;
    }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .nav-link {
        gap: 0.375rem;
    }
    
    .nav-icon {
        width: 14px;
        height: 14px;
    }
    
    .legal-cta {
        margin-top: 2rem;
    }
}