/*
    DARK THEME STYLES
    Professional dark theme with inverted colors
*/

/* Hide scrollbar globally */
::-webkit-scrollbar {
    display: none;
}

* {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Dark Theme Variables */
[data-theme="dark"] {
    --bg-primary: #0a0a0a;
    --bg-secondary: #141414;
    --bg-tertiary: #1a1a1a;
    --bg-card: #1a1a1a;
    --bg-input: #1a1a1a;
    --text-primary: #ffffff;
    --text-secondary: #b0b0b0;
    --text-muted: #666666;
    --border-color: #2a2a2a;
    --border-light: #333333;
    --accent: #ffffff;
    --accent-hover: #e0e0e0;
    --overlay-bg: rgba(255, 255, 255, 0.05);
    --shadow: rgba(0, 0, 0, 0.3);
}

/* Light Theme Defaults */
:root {
    --bg-primary: #ffffff;
    --bg-secondary: #ffffff;
    --bg-tertiary: #fff5f5;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --text-primary: #000000;
    --text-secondary: #444444;
    --text-muted: #888888;
    --border-color: rgba(0, 0, 0, 0.1);
    --border-light: rgba(0, 0, 0, 0.05);
    --accent: #000000;
    --accent-hover: #333333;
    --overlay-bg: rgba(0, 0, 0, 0.1);
    --shadow: rgba(0, 0, 0, 0.1);
}

/* Global Dark Theme Styles */
[data-theme="dark"] body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .navbar {
    background: rgba(20, 20, 20, 0.85);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .nav-brand a {
    color: #ffffff;
}

[data-theme="dark"] .nav-brand span {
    color: #888888;
}

[data-theme="dark"] .nav-links li a {
    color: #ffffff;
}

[data-theme="dark"] .nav-links li a::after {
    background: #ffffff;
}

[data-theme="dark"] .nav-hamburger span {
    background: #ffffff;
}

/* Mobile Nav */
@media (max-width: 768px) {
    [data-theme="dark"] .nav-links {
        background: rgba(20, 20, 20, 0.98);
    }
}

/* Theme Toggle Button */
.theme-toggle {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    color: #ffffff;
    font-size: 16px;
}

.theme-toggle:hover {
    background: #ffffff;
    color: #000000;
    border-color: #ffffff;
    transform: scale(1.1);
}

[data-theme="dark"] .theme-toggle {
    border-color: rgba(255, 255, 255, 0.5);
}

[data-theme="dark"] .theme-toggle:hover {
    background: #ffffff;
    color: #000000;
}

/* Hero Section */
[data-theme="dark"] .hero {
    background: url("/static/website/images/hero.png") center/cover no-repeat;
    background-attachment: fixed;
    position: relative;
}

/* Dark mode overlay for hero to make text readable */
[data-theme="dark"] .hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        135deg,
        rgba(0, 0, 0, 0.7) 0%,
        rgba(0, 0, 0, 0.5) 50%,
        rgba(0, 0, 0, 0.6) 100%
    );
    z-index: 1;
}

[data-theme="dark"] .hero-center {
    position: relative;
    z-index: 10;
}

[data-theme="dark"] .hero-logo {
    color: #ffffff;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.8), 0 0 60px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .hero-tagline {
    color: #ffffff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}

[data-theme="dark"] .primary-btn {
    background: #ffffff;
    color: #000000;
}

[data-theme="dark"] .primary-btn:hover {
    background: #e0e0e0;
}

[data-theme="dark"] .secondary-btn {
    border-color: #ffffff;
    color: #ffffff;
}

[data-theme="dark"] .secondary-btn:hover {
    background: #ffffff;
    color: #000000;
}

/* About Section */
[data-theme="dark"] .about-overlay {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.8) 100%);
}

[data-theme="dark"] .about-overlay-content h3,
[data-theme="dark"] .about-overlay-content p {
    color: #000000;
}

[data-theme="dark"] .about-overlay-content .about-cta {
    background: #000000;
    color: #ffffff;
}

[data-theme="dark"] .about-cta:hover {
    background: #333333;
    color: #ffffff;
}

/* Team Section */
[data-theme="dark"] .team-section {
    background: #0a0a0a;
}

[data-theme="dark"] .team-grid {
    background: #0a0a0a;
}

[data-theme="dark"] .team-card {
    background: #0a0a0a;
}

[data-theme="dark"] .team-overlay {
    background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.95) 100%);
}

[data-theme="dark"] .view-profile {
    background: #fff;
    color: #000;
}

[data-theme="dark"] .team-card:hover .view-profile {
    background: #000;
    color: #fff;
}

/* Services Section */
/* Services Section uses .services-section in home.css for background */

[data-theme="dark"] .service-number {
    color: #333333;
}

[data-theme="dark"] .service-content h3 {
    color: #ffffff;
}

[data-theme="dark"] .service-content p {
    color: #888888;
}

[data-theme="dark"] .service-tags span {
    background: #2a2a2a;
    color: #b0b0b0;
}

[data-theme="dark"] .service-tags span:hover {
    background: #3a3a3a;
}

/* Projects Section */
/* Projects Section uses .projects-section in home.css for background */

/* Footer */
[data-theme="dark"] .footer {
    background: #050505;
}

[data-theme="dark"] .footer-top {
    background: #050505;
}

[data-theme="dark"] .footer-logo .logo-text {
    color: #ffffff;
}

[data-theme="dark"] .footer-tagline {
    color: #666666;
}

[data-theme="dark"] .footer-social a {
    border-color: #333333;
    color: #ffffff;
}

[data-theme="dark"] .footer-social a:hover {
    background: #ffffff;
    color: #000000;
    border-color: #ffffff;
}

[data-theme="dark"] .footer-col h4 {
    color: #ffffff;
}

[data-theme="dark"] .footer-col ul li a {
    color: #666666;
}

[data-theme="dark"] .footer-col ul li a:hover {
    color: #ffffff;
}

[data-theme="dark"] .footer-bottom {
    border-color: #1a1a1a;
    background: #030303;
}

[data-theme="dark"] .footer-bottom p {
    color: #444444;
}

[data-theme="dark"] .footer-bottom-links a {
    color: #444444;
}

[data-theme="dark"] .footer-bottom-links a:hover {
    color: #ffffff;
}



[data-theme="dark"] .modal-content {
    background: #1a1a1a;
}

[data-theme="dark"] .modal-close {
    background: #2a2a2a;
    color: #ffffff;
}

[data-theme="dark"] .modal-close:hover {
    background: #ffffff;
    color: #000000;
}

[data-theme="dark"] .modal-name {
    color: #ffffff;
}

[data-theme="dark"] .modal-role {
    color: #888888;
}

[data-theme="dark"] .stat-value {
    color: #ffffff;
}

[data-theme="dark"] .stat-label {
    color: #888888;
}

[data-theme="dark"] .modal-divider {
    background: linear-gradient(90deg, #ffffff, #666666);
}

[data-theme="dark"] .modal-bio {
    color: #b0b0b0;
}

[data-theme="dark"] .skill-tag {
    background: #2a2a2a;
    color: #b0b0b0;
}

[data-theme="dark"] .skill-tag:hover {
    background: #ffffff;
    color: #000000;
}

[data-theme="dark"] .profile-label {
    color: #888888;
}

/* Chatbot */
[data-theme="dark"] .vinti-toggle {
    background: #1a1a1a;
    border-color: #333333;
}

[data-theme="dark"] .vinti-toggle:hover {
    border-color: #ffffff;
}

[data-theme="dark"] .vinti-window {
    background: #141414;
    border-color: #2a2a2a;
}

[data-theme="dark"] .vinti-header {
    background: #0a0a0a;
}

[data-theme="dark"] .vinti-messages {
    background: #0f0f0f;
}

[data-theme="dark"] .vinti-message.bot .vinti-message-bubble {
    background: #1a1a1a;
    color: #ffffff;
    border-color: #333333;
}

[data-theme="dark"] .vinti-message.user .vinti-message-bubble {
    background: #ffffff;
    color: #000000;
}

[data-theme="dark"] .vinti-input-area {
    background: #141414;
    border-color: #2a2a2a;
}

[data-theme="dark"] .vinti-input-area input {
    background: #1a1a1a;
    border-color: #333333;
    color: #ffffff;
}

[data-theme="dark"] .vinti-input-area input:focus {
    border-color: #ffffff;
    background: #1a1a1a;
}

[data-theme="dark"] .vinti-input-area button {
    background: #ffffff;
    color: #000000;
}

[data-theme="dark"] .vinti-input-area button:hover {
    background: #e0e0e0;
}

/* Testimonials - Now handled in testimonials.css */

/* Contact Page */
[data-theme="dark"] .contact-section {
    background: #0a0a0a;
}

[data-theme="dark"] .contact-section h2 {
    color: #ffffff;
}

[data-theme="dark"] .contact-info-item {
    background: #1a1a1a;
    border-color: #2a2a2a;
}

[data-theme="dark"] .contact-info-item h4 {
    color: #ffffff;
}

[data-theme="dark"] .contact-info-item p {
    color: #888888;
}

[data-theme="dark"] .contact-form {
    background: #1a1a1a;
    border-color: #2a2a2a;
}

[data-theme="dark"] .form-group label {
    color: #b0b0b0;
}

[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea {
    background: #0f0f0f;
    border-color: #333333;
    color: #ffffff;
}

[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group textarea:focus {
    border-color: #ffffff;
}

[data-theme="dark"] .submit-btn {
    background: #ffffff;
    color: #000000;
}

[data-theme="dark"] .submit-btn:hover {
    background: #e0e0e0;
}

/* About Page */
[data-theme="dark"] .about-hero {
    background: #0f0f0f;
}

[data-theme="dark"] .about-content h2 {
    color: #ffffff;
}

[data-theme="dark"] .about-content p {
    color: #b0b0b0;
}

[data-theme="dark"] .mission-section {
    background: #0f0f0f;
}

/* About Page - Section backgrounds with #fff5f5 */
[data-theme="dark"] .about-section-1 {
    background: #0a0a0a !important;
}

[data-theme="dark"] .about-section-2,
[data-theme="dark"] .about-section-alt {
    background: #111111 !important;
}

[data-theme="dark"] .about-card {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

[data-theme="dark"] .about-card:hover {
    border-color: #667eea !important;
}

[data-theme="dark"] .about-card h2,
[data-theme="dark"] .about-card h3,
[data-theme="dark"] .about-card h4,
[data-theme="dark"] .about-card h5,
[data-theme="dark"] .about-card h6 {
    color: #ffffff;
}

[data-theme="dark"] .about-card p {
    color: #b0b0b0;
}

[data-theme="dark"] .about-card .text-gray-500,
[data-theme="dark"] .about-card .text-gray-600 {
    color: #888888 !important;
}

[data-theme="dark"] .about-card .text-black {
    color: #ffffff !important;
}

/* Legal Pages (Privacy, Terms, Disclaimer, Refund) */
[data-theme="dark"] .mesh-bg {
    background-color: #0a0a0a;
    background-image:
        radial-gradient(at 0% 0%, hsla(253,16%,7%,0.3) 0, transparent 50%),
        radial-gradient(at 50% 0%, hsla(225,39%,30%,0.15) 0, transparent 50%),
        radial-gradient(at 100% 0%, hsla(339,49%,30%,0.15) 0, transparent 50%);
}

[data-theme="dark"] .policy-card {
    background: rgba(20, 20, 20, 0.8) !important;
    backdrop-filter: blur(12px);
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .policy-card:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .section-nav-link {
    color: #888888 !important;
    border-color: transparent !important;
}

[data-theme="dark"] .section-nav-link:hover {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

[data-theme="dark"] .section-nav-link.active {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* Legal page text colors */
[data-theme="dark"] .text-black {
    color: grey !important;
}

[data-theme="dark"] .text-gray-400,
[data-theme="dark"] .text-gray-500,
[data-theme="dark"] .text-gray-600,
[data-theme="dark"] .text-gray-300 {
    color: #726060 !important;
}

[data-theme="dark"] .text-gray-200 {
    color: #666666 !important;
}

[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-gray-50,
[data-theme="dark"] .bg-gray-100 {
    background-color: #1a1a1a !important;
}

[data-theme="dark"] .bg-black {
    background-color: #0000003e !important;
}

[data-theme="dark"] .bg-black.text-white {
    color: grey !important;
}

[data-theme="dark"] .border-white\/50,
[data-theme="dark"] .border-gray-200,
[data-theme="dark"] .border-gray-100 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .border-white\/10 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .text-white\/20 {
    color: rgba(255, 255, 255, 0.3) !important;
}

[data-theme="dark"] .shadow-lg,
[data-theme="dark"] .shadow-xl,
[data-theme="dark"] .shadow-sm {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
}

/* Legal page specific sections */
[data-theme="dark"] .sticky {
    background: transparent;
}

[data-theme="dark"] .border-t {
    border-color: #333333 !important;
}

[data-theme="dark"] .animate-pulse {
    background-color: #4ade80;
}

/* Project Detail Page */
[data-theme="dark"] .project-detail-section {
    background: #0a0a0a;
}

[data-theme="dark"] .project-detail-section h1 {
    color: grey;
}

[data-theme="dark"] .project-meta-tags span {
    background: #2a2a2a;
    color: #b0b0b0;
}

/* Services Page */
[data-theme="dark"] .services-hero {
    background: linear-gradient(135deg, #0a0a0a 0%, #141414 100%);
}

[data-theme="dark"] .service-card {
    background: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .service-card h3 {
    color: #ffffff;
}

[data-theme="dark"] .service-card p {
    color: #b0b0b0;
}

[data-theme="dark"] .service-list li {
    color: #b0b0b0;
}

[data-theme="dark"] .service-list li i {
    color: #ffffff;
}

[data-theme="dark"] .process-step {
    background: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .process-step h4 {
    color: #ffffff;
}

[data-theme="dark"] .process-step p {
    color: #b0b0b0;
}

[data-theme="dark"] .tech-category {
    background: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .tech-category h5 {
    color: #ffffff;
}

[data-theme="dark"] .step-number {
    color: #2a2a2a;
}

/* General Element Updates */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background: var(--bg-input);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: grey;
}

[data-theme="dark"] p {
    color: var(--text-secondary);
}

[data-theme="dark"] a {
    color: #ffffff;
}

[data-theme="dark"] .section-title {
    color: var(--text-primary);
}

[data-theme="dark"] .section-subtitle {
    color: var(--text-muted);
}

/* Trust Section */
[data-theme="dark"] .trust-section {
    background: #0a0a0a;
    border-color: #1a1a1a;
}

[data-theme="dark"] .trust-label {
    color: #666;
}

[data-theme="dark"] .trust-logo-item {
    color: #444;
}

[data-theme="dark"] .trust-logo-item:hover {
    color: #888;
}

/* Why Choose Us Section */
[data-theme="dark"] .why-section {
    background: #0a0a0a;
}

[data-theme="dark"] .why-header h2 {
    color: #fff;
}

[data-theme="dark"] .why-card {
    background: #1a1a1a;
    border-color: #2a2a2a;
}

[data-theme="dark"] .why-card:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .why-icon {
    background: #fff;
    color: #000;
}

[data-theme="dark"] .why-card h3 {
    color: #fff;
}

[data-theme="dark"] .why-card p {
    color: #b0b0b0;
}

/* CTA Final Section */
[data-theme="dark"] .cta-final-section {
    background: #050505;
}

[data-theme="dark"] .cta-final-container h2 {
    color: #fff;
}

[data-theme="dark"] .cta-final-container p {
    color: #666;
}

[data-theme="dark"] .cta-final-section .secondary-btn {
    border-color: #444;
    color: #fff;
}

[data-theme="dark"] .cta-final-section .secondary-btn:hover {
    border-color: #fff;
    background: #fff;
    color: #000;
}

/* Final CTA Section - Black background for conversion push */
[data-theme="dark"] .cta-card {
    background: #1a1a1a;
    border-color: #2a2a2a;
}

[data-theme="dark"] .cta-card h2 {
    color: #fff !important;
}

[data-theme="dark"] .cta-card p {
    color: #b0b0b0 !important;
}