/* MYDISK STYLE LIGHT THEME */
:root {
    --bg-dark: #ffffff; 
    --bg-card: #ffffff;
    --primary-color: #2b5c8f;
    --primary-dark: #1e4066;
    --text-main: #333333;
    --text-muted: #666666;
    --border-color: #e5e5e5;
}

body {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* Force light backgrounds on all sections */
section, .about-section, .services-section, .pricing-section, .faq-section, .testimonials-section, .blog-section, .certifications-section {
    background: #ffffff !important;
}

h1, h2, h3, h4, h5, h6 { color: #222222 !important; text-shadow: none !important; }
p, span, li, a { color: #555555 !important; text-shadow: none !important; }

.section-header h2 { color: #222222 !important; }
.section-header p { color: #666666 !important; }

/* Header */
.header {
    background: #ffffff !important;
    border-bottom: 1px solid #eeeeee !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}
.header a { color: #333333 !important; }
.header a:hover { color: var(--primary-color) !important; text-shadow: none !important;}
.logo-text .cyber { color: #333333 !important; }
.logo-text .musketeers { color: var(--primary-color) !important; }
.system-status { color: #555 !important; }
.status-text { color: #555 !important; }

/* Hero */
.hero {
    background: #1c2b39 !important; /* Dark blue */
    padding: 8rem 5% 10rem !important;
    position: relative;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hero-content {
    max-width: 900px !important;
    margin: 0 auto;
}
.hero::before { display: none !important; }
.hero h1, .hero p, .hero span { color: #ffffff !important; }
.hero .gradient-text { background: none; -webkit-text-fill-color: #ffffff; }
.hero .badge { display: none !important; }
.hero-image { display: none !important; }

/* Gradient text on light backgrounds */
.gradient-text {
    background: linear-gradient(135deg, #2b5c8f 0%, #1e4066 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Buttons */
.hero-buttons { justify-content: center !important; }
.btn-primary-glow { background: #2b5c8f !important; color: #ffffff !important; border: none !important; box-shadow: none !important;}
.btn-primary-glow:hover { background: #1e4066 !important; }
.btn-outline-glow, .btn-outline { border: 1px solid rgba(255,255,255,0.3) !important; color: #ffffff !important; background: transparent !important; }
.btn-outline:hover { background: rgba(255,255,255,0.1) !important; color: #ffffff !important; }

/* Hero Stats Mini (Gray bar below hero) */
.hero-stats-mini {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #f1f5f8 !important; /* Light gray strip */
    border: none !important;
    border-top: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    padding: 1.5rem 5% !important;
    display: flex !important;
    justify-content: center !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}
.hero-stats-mini p {
    color: #475569 !important;
    font-size: 1rem !important;
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin: 0 !important;
}
.hero-stats-mini p i { color: #2b5c8f !important; margin-right: 8px;}

/* Partners */
.partners-section { display: none !important; }

/* Cards (Services, Pricing, Testimonials, Blog) */
.service-card, .pricing-card, .faq-item, .testimonial-card, .blog-card, .stat-box {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02) !important;
    border-radius: 8px !important;
}
.service-card:hover, .pricing-card:hover, .faq-item:hover, .testimonial-card:hover, .blog-card:hover, .stat-box:hover {
    border-color: #cccccc !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
    transform: translateY(-3px) !important;
}

/* Service Cards specific */
.service-card { padding: 2.5rem 2rem !important; text-align: center !important; }
.card-icon {
    display: flex !important;
    align-items: center; justify-content: center;
    width: 60px; height: 60px;
    margin: 0 auto 1.5rem auto !important;
    background: transparent !important;
    color: #4a6b8c !important; /* Muted blue icon */
    font-size: 2rem !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 50% !important;
    text-shadow: none !important;
}
.service-card h3 { color: #333333 !important; font-size: 1.25rem !important; font-weight: 600 !important; }
.service-card p { color: #777777 !important; font-size: 0.95rem !important; }
.service-card ul { display: none !important; } /* Hide lists in cards to match screenshot */
.service-card .btn-outline-glow { display: none !important; }

/* About / Stats */
.about-text p { color: #666666 !important; }
.feature-list li { background: #f9f9f9 !important; border: 1px solid #eeeeee !important; color: #444 !important;}
.stat-box h3 { color: #2b5c8f !important; }
.stat-box p { color: #555 !important; }

/* Pricing */
.pricing-card h3 { color: #e2e8f0 !important; opacity: 1 !important;}
.pricing-card p { color: #444 !important; }

/* FAQ */
.faq-item summary { color: #333 !important; }
.faq-item p { color: #666 !important; }
.faq-item i { color: #2b5c8f !important; }

/* Testimonials */
.stars { color: #f59e0b !important; }
.testimonial-card p { color: #666 !important; }
.client-info h4 { color: #333 !important; }
.client-info span { color: #2b5c8f !important; }

/* Blog */
.blog-card .blog-content h3 { color: #333 !important; }
.blog-card .blog-content p { color: #666 !important; }
.blog-card .blog-meta, .blog-card .blog-meta i { color: #888 !important; }
.blog-card .blog-content ul li { color: #555 !important; }
.blog-card .blog-content ul li i { color: #2b5c8f !important; }
.blog-img { border-bottom: 1px solid #eeeeee !important; }

/* CTA Section */
.cta-section { background: #ffffff !important; }
.cta-content { background: #f8fafc !important; border: 1px solid #e5e5e5 !important; box-shadow: none !important; }
.cta-content h2, .cta-content p { color: #333333 !important; }
.cta-badge { background: #e2e8f0 !important; color: #475569 !important; border: none !important;}
.cta-form input { background: #ffffff !important; border: 1px solid #cccccc !important; color: #333 !important; }
.cta-form button { background: #2b5c8f !important; color: #fff !important; }
.form-note { color: #888 !important; }

/* Footer - White */
.footer {
    background: #ffffff !important;
    border-top: 1px solid #e5e5e5 !important;
}
.footer-logo .cyber { color: #333333 !important; }
.footer-links a { color: #555555 !important; }
.footer-links a:hover { color: #2b5c8f !important; }
.footer p { color: #777777 !important; }
.social-links a { background: #f0f0f0 !important; color: #555555 !important; border: none !important;}
.social-links a:hover { background: #2b5c8f !important; color: #ffffff !important; }
.footer-bottom { background: #f9f9f9 !important; color: #777 !important; padding: 2rem 0 !important; border-top: 1px solid #eee !important;}

/* Detail Pages */
.page-header { background: #1c2b39 !important; }
.page-header h1 { color: #ffffff !important; }
.page-header .badge { background: rgba(255,255,255,0.1) !important; color: #fff !important; border: none !important; }
.page-header i { color: #fff !important; text-shadow: none !important; }
.content-container { background: #ffffff !important; color: #444444 !important; }
.content-container h2, .content-container h3 { color: #222222 !important; }

/* Preloader */
.preloader { background: #ffffff !important; }
.terminal-loader { background: #f8fafc !important; border-color: #cbd5e1 !important; }
.terminal-title, .text { color: #333333 !important; }
.text span { color: #2b5c8f !important; }

/* Other overrides */
.cert-item { color: #555555 !important; }
.cert-item i { color: #2b5c8f !important; }
.cert-item:hover { color: #333333 !important; }
.cert-item:hover i { color: #1e4066 !important; }
.highlight::after { display: none !important; }
.cookie-banner { background: #ffffff !important; border: 1px solid #eee !important; box-shadow: 0 -5px 20px rgba(0,0,0,0.05) !important;}
.cookie-banner p { color: #555 !important; }
.cookie-banner a { color: #2b5c8f !important; }
.whatsapp-float { box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important; }

/* Mobile Menu Light Theme Overrides */
@media (max-width: 768px) {
    .navbar, .navbar.active { background: #ffffff !important; box-shadow: 2px 0 15px rgba(0,0,0,0.1) !important; }
    .navbar a { color: #333333 !important; }
    .navbar a:hover { color: #2b5c8f !important; }
    .hamburger, .hamburger::before, .hamburger::after { background: #333333 !important; }
    .menu-toggle-checkbox:checked ~ .menu-toggle-label .hamburger { background: transparent !important; }
    .menu-toggle-checkbox:checked ~ .menu-toggle-label .hamburger::before { background: #2b5c8f !important; }
    .menu-toggle-checkbox:checked ~ .menu-toggle-label .hamburger::after { background: #2b5c8f !important; }
}
