/* ============================================
   DARK MODE STYLES
   ============================================ */

/* Cards and Containers */
body.dark-mode .service-card,
body.dark-mode .portfolio-card,
body.dark-mode .partner-card,
body.dark-mode .management-card,
body.dark-mode .value-card-modern,
body.dark-mode .info-card.elegant-card {
    background: linear-gradient(135deg, rgba(26, 31, 58, 0.95) 0%, rgba(17, 24, 47, 0.9) 100%);
    border-color: rgba(96, 165, 250, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4),
                0 2px 8px rgba(0, 0, 0, 0.2),
                inset 0 1px 0 rgba(96, 165, 250, 0.1);
}

body.dark-mode .service-card:hover,
body.dark-mode .portfolio-card:hover,
body.dark-mode .partner-card:hover,
body.dark-mode .management-card:hover,
body.dark-mode .value-card-modern:hover {
    border-color: rgba(96, 165, 250, 0.4);
    box-shadow: 0 20px 60px rgba(96, 165, 250, 0.2),
                0 8px 24px rgba(0, 0, 0, 0.3),
                inset 0 1px 0 rgba(96, 165, 250, 0.2);
}

/* Section Backgrounds */
body.dark-mode .hero,
body.dark-mode .services,
body.dark-mode .about,
body.dark-mode .partners,
body.dark-mode .contact {
    background: transparent;
}

body.dark-mode .partners,
body.dark-mode .cta {
    background: rgba(10, 14, 39, 0.3);
}

/* Text Elements */
body.dark-mode .portfolio-description,
body.dark-mode .service-description,
body.dark-mode .value-text,
body.dark-mode .management-role,
body.dark-mode .portfolio-title,
body.dark-mode .service-title,
body.dark-mode .value-title,
body.dark-mode .management-name {
    color: #e4e4e7;
}

body.dark-mode .portfolio-description,
body.dark-mode .service-description,
body.dark-mode .value-text,
body.dark-mode .management-role {
    color: #a1a1aa;
}

/* Icons and Numbers */
body.dark-mode .icon-number,
body.dark-mode .service-icon {
    background: linear-gradient(135deg, #60a5fa 0%, #818cf8 100%);
    box-shadow: 0 8px 20px rgba(96, 165, 250, 0.4);
}

/* Vision Statement */
body.dark-mode .vision-statement {
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.1) 0%, rgba(129, 140, 248, 0.05) 100%);
    border-left-color: #60a5fa;
}

body.dark-mode .vision-statement p {
    color: #a1a1aa;
}

body.dark-mode .vision-highlight {
    color: #60a5fa;
}

/* CEO Card */
body.dark-mode .ceo-card-modern {
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.1) 0%, rgba(129, 140, 248, 0.05) 100%);
    border-color: rgba(96, 165, 250, 0.3);
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.4),
                inset 0 1px 0 rgba(96, 165, 250, 0.2);
}

body.dark-mode .ceo-quote-icon {
    color: #60a5fa;
}

body.dark-mode .ceo-quote-text {
    color: #e4e4e7;
}

body.dark-mode .ceo-name {
    color: #60a5fa;
}

body.dark-mode .ceo-position {
    color: #a1a1aa;
}

/* Buttons */
body.dark-mode .secondary-button,
body.dark-mode .cta-button {
    background: rgba(10, 14, 39, 0.8);
    border-color: rgba(96, 165, 250, 0.3);
    color: #60a5fa;
}

body.dark-mode .secondary-button:hover,
body.dark-mode .cta-button:hover {
    background: rgba(96, 165, 250, 0.1);
    border-color: rgba(96, 165, 250, 0.5);
    color: #60a5fa;
}

/* Mobile Menu */
body.dark-mode .mobile-menu-overlay {
    background: linear-gradient(135deg, rgba(10, 14, 39, 0.98) 0%, rgba(17, 24, 47, 0.98) 100%);
}

body.dark-mode .mobile-nav-link {
    color: #e4e4e7;
}

body.dark-mode .mobile-nav-link:active {
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
}

body.dark-mode .mobile-menu-close {
    color: #60a5fa;
}

body.dark-mode .mobile-cta-button {
    background: linear-gradient(135deg, #60a5fa 0%, #818cf8 100%);
}

/* Contact Section */
body.dark-mode .contact {
    background: transparent;
}

body.dark-mode .info-card h3 {
    color: #f4f4f5;
}

body.dark-mode .info-card p,
body.dark-mode .info-card a {
    color: #e4e4e7;
}

body.dark-mode .info-card a:hover {
    color: #60a5fa;
}

body.dark-mode .social-description {
    color: #d4d4d8;
}

body.dark-mode .info-icon {
    filter: brightness(1.3);
}

body.dark-mode .info-card-icon-wrapper {
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.2) 0%, rgba(129, 140, 248, 0.15) 100%);
    border-color: rgba(96, 165, 250, 0.3);
}

body.dark-mode .info-card-icon-wrapper:hover {
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.3) 0%, rgba(129, 140, 248, 0.25) 100%);
}

/* Social Links */
body.dark-mode .social-link-modern {
    background: rgba(10, 14, 39, 0.9);
    border-color: rgba(96, 165, 250, 0.2);
}

body.dark-mode .social-link-modern:hover {
    border-color: rgba(96, 165, 250, 0.4);
    background: rgba(26, 31, 58, 0.95);
}

body.dark-mode .social-name {
    color: #e4e4e7;
}

body.dark-mode .social-link-modern.linkedin:hover .social-name {
    color: #ffffff;
}

body.dark-mode .social-link-modern.instagram:hover .social-name {
    color: #ffffff;
}

body.dark-mode .social-link-modern.facebook:hover .social-name {
    color: #ffffff;
}

/* Footer */
body.dark-mode footer {
    background: rgba(10, 14, 39, 0.9);
    border-top-color: rgba(96, 165, 250, 0.1);
}

body.dark-mode .footer-text,
body.dark-mode .footer-links a,
body.dark-mode .footer-copyright {
    color: #a1a1aa;
}

body.dark-mode .footer-links a:hover {
    color: #60a5fa;
}

/* Partner Logos - Invert for better visibility */
body.dark-mode .partner-logo {
    filter: brightness(0.9) contrast(1.1);
}

/* Management Photos */
body.dark-mode .management-photo {
    border-color: rgba(96, 165, 250, 0.3);
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.1), rgba(129, 140, 248, 0.05));
}

/* CTA Section */
body.dark-mode .cta-box {
    background: linear-gradient(135deg, rgba(26, 31, 58, 0.95) 0%, rgba(17, 24, 47, 0.9) 100%);
    border-color: rgba(96, 165, 250, 0.2);
}

body.dark-mode .cta-title {
    color: #f4f4f5;
}

body.dark-mode .cta-text {
    color: #a1a1aa;
}

body.dark-mode .cta-button-white {
    background: linear-gradient(135deg, #60a5fa 0%, #818cf8 100%);
    color: white;
    border-color: rgba(96, 165, 250, 0.5);
}

/* Floating Orbs */
body.dark-mode .floating-orb {
    background: radial-gradient(circle, rgba(96, 165, 250, 0.2) 0%, transparent 70%);
}

/* Badge / Slogan */
body.dark-mode .badge {
    background: rgba(10, 14, 39, 0.9);
    border-color: rgba(96, 165, 250, 0.3);
    color: #ffffff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3),
                inset 0 1px 0 rgba(96, 165, 250, 0.2);
}