/* Version 2 - Clean Minimalist Design */

/* Version Toggle Override for V2 */
.version-toggle .version-label {
    color: #ffffff;
}

body.v2-active .version-toggle .version-label {
    color: #333333;
}

.version-toggle .version-buttons {
    background: rgba(255, 255, 255, 0.1);
}

body.v2-active .version-toggle .version-buttons {
    background: rgba(0, 0, 0, 0.05);
}

.version-toggle .version-btn {
    color: #cccccc;
}

body.v2-active .version-toggle .version-btn {
    color: #666666;
}

.version-toggle .version-btn.active {
    background: #006400;
    color: #ffffff;
}

body.v2-active .version-toggle .version-btn.active {
    background: #00bcd4;
    color: #ffffff;
}

/* Base styles for V2 */
body.v2-active {
    background-color: #ffffff;
    color: #333333;
}

body.v2-active a {
    color: #333333;
}

body.v2-active a:hover {
    color: #00bcd4;
}

/* Cursor for V2 */
body.v2-active .cursor {
    background: #00bcd4;
    box-shadow: 0 0 10px rgba(0, 188, 212, 0.3);
}

/* Navbar V2 */
body.v2-active .navbar {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

body.v2-active .nav-logo {
    color: #00bcd4;
}

body.v2-active .nav-menu a:hover {
    color: #00bcd4;
}

/* Hero Section V2 */
body.v2-active .hero-section {
    background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
    color: #333333;
}

body.v2-active .hero-title-main {
    color: #00bcd4;
    text-shadow: 0 0 30px rgba(0, 188, 212, 0.3);
    animation: glowV2 2s ease-in-out infinite alternate;
}

body.v2-active .hero-title-sub {
    color: #333333;
    text-shadow: none;
}

body.v2-active .hero-subtitle {
    color: #666666;
}

body.v2-active .stat h3 {
    color: #00bcd4;
}

body.v2-active .stat p {
    color: #666666;
}

body.v2-active .floating-circle {
    background: linear-gradient(45deg, rgba(0, 188, 212, 0.2), rgba(76, 175, 80, 0.2));
}

body.v2-active .particle {
    background: #00bcd4;
}

body.v2-active .scroll-mouse {
    border-color: #cccccc;
}

body.v2-active .scroll-wheel {
    background: #00bcd4;
}

/* Service Sections V2 */
body.v2-active .service-section {
    background-color: #ffffff;
}

body.v2-active .service-section.alt-bg {
    background-color: #f8f9fa;
}

body.v2-active .service-icon {
    color: #00bcd4;
}

body.v2-active .service-title {
    background: linear-gradient(45deg, #333333, #666666);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.v2-active .service-description p {
    color: #555555;
}

body.v2-active .highlight {
    color: #00bcd4;
}

body.v2-active .highlight::after {
    background: linear-gradient(90deg, #00bcd4, transparent);
}

body.v2-active .feature-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

body.v2-active .feature-card:hover {
    box-shadow: 0 10px 25px rgba(0, 188, 212, 0.15);
    border-color: #00bcd4;
}

body.v2-active .feature-icon {
    color: #00bcd4;
}

body.v2-active .feature-card p {
    color: #666666;
}

/* Clients Section V2 */
body.v2-active .clients-section {
    background: #f8f9fa;
}

body.v2-active .section-title {
    background: linear-gradient(45deg, #333333, #666666);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.v2-active .section-subtitle {
    color: #666666;
}

body.v2-active .client-card {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

body.v2-active .client-card:hover {
    box-shadow: 0 15px 35px rgba(0, 188, 212, 0.2);
    border-color: #00bcd4;
}

body.v2-active .client-logo {
    color: #00bcd4;
}

body.v2-active .client-card h3 {
    color: #333333;
}

body.v2-active .client-card p {
    color: #666666;
}

/* CTA Section V2 */
body.v2-active .cta-section {
    background: linear-gradient(135deg, #00bcd4 0%, #0097a7 100%);
}

body.v2-active .cta-content p {
    color: #e0f2f1;
}

body.v2-active .cta-btn.primary {
    background: #ffffff;
    color: #00bcd4;
}

body.v2-active .cta-btn.primary:hover {
    background: #f5f5f5;
}

body.v2-active .cta-btn.secondary {
    background: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
}

body.v2-active .cta-btn.secondary:hover {
    background: #ffffff;
    color: #00bcd4;
}

/* Footer V2 */
body.v2-active .footer {
    background: #f8f9fa;
    border-top: 1px solid #e0e0e0;
}

body.v2-active .footer-logo {
    color: #00bcd4;
}

body.v2-active .footer-links a:hover {
    color: #00bcd4;
}

body.v2-active .footer-contact p {
    color: #666666;
}

body.v2-active .footer-bottom {
    border-top: 1px solid #e0e0e0;
    color: #666666;
}

/* V2 Animations */
@keyframes glowV2 {
    from { text-shadow: 0 0 30px rgba(0, 188, 212, 0.3); }
    to { text-shadow: 0 0 40px rgba(0, 188, 212, 0.6), 0 0 60px rgba(0, 188, 212, 0.2); }
}

/* Custom scrollbar V2 */
body.v2-active ::-webkit-scrollbar-track {
    background: #f5f5f5;
}

body.v2-active ::-webkit-scrollbar-thumb {
    background: #cccccc;
}

body.v2-active ::-webkit-scrollbar-thumb:hover {
    background: #00bcd4;
}

/* Mobile responsive for V2 */
@media (max-width: 768px) {
    body.v2-active .version-container {
        padding: 0 1rem;
    }

    body.v2-active .nav-container {
        padding: 1rem;
    }
}