/* Color Fixes for Homepage - Navy Blue Theme with Cyan/Turquoise accents */

/* Navy Blue theme with Cyan accents */
:root {
    --turquoise-primary: #00FFBC;
    --turquoise-secondary: #00E5D4;
    --cyan-accent: #00D9FF;
}

/* Override Value Propositions background - Navy */
.value-props {
    background-color: transparent !important;
}

.value-props::before {
    display: none !important;
}

/* Override Investment Section background - Navy */
.investment-section {
    background-color: transparent !important;
}

/* Override Industries Section background - Navy */
.industries-section {
    background-color: transparent !important;
}

/* Override Team Section background - Navy */
.team-section {
    background-color: transparent !important;
}

/* Override Contact Section background - Navy */
.contact-section {
    background-color: transparent !important;
}

/* Make hero section lighter/more visible */
.hero-background::after {
    background: rgba(0, 0, 0, 0.5) !important;
}

/* Ensure logo is visible */
.logo img {
    background-color: transparent;
    padding: 5px;
}

/* Make sure logo text shows if needed */
.logo {
    min-height: 60px;
    display: flex;
    align-items: center;
}

/* Add Turquoise accents throughout the page */

/* Hero title with turquoise highlight */
.hero-title {
    background: linear-gradient(135deg, #ffffff 0%, #00FFBC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Section headings with cyan */
.section-heading {
    color: #00D9FF !important;
}

/* Value proposition icons with turquoise gradient */
.value-icon {
    background: linear-gradient(135deg, #00D9FF 0%, #00FFBC 100%) !important;
}

/* Buttons with turquoise */
.learn-more-button {
    background: linear-gradient(135deg, #00D9FF 0%, #00FFBC 100%) !important;
    border: none !important;
}

.learn-more-button:hover {
    background: linear-gradient(135deg, #00FFBC 0%, #00D9FF 100%) !important;
    transform: translateY(-2px);
}

/* Links with turquoise */
.learn-more-link {
    color: #00FFBC !important;
}

.nav-link:hover,
.nav-link.active {
    color: #00FFBC !important;
}

.nav-link.active::after {
    background-color: #00FFBC !important;
}

/* Team member titles with turquoise */
.member-title {
    color: #00FFBC !important;
}

/* Industry card hover with turquoise border */
.industry-card {
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.industry-card:hover {
    border-color: #00FFBC !important;
}

/* Contact form submit button */
.submit-button {
    background: linear-gradient(135deg, #00D9FF 0%, #00FFBC 100%) !important;
}

.submit-button:hover {
    background: linear-gradient(135deg, #00FFBC 0%, #00D9FF 100%) !important;
}

/* Investment section with turquoise background */
.investment-item {
    border-left: 4px solid #00FFBC;
}

/* Footer links with turquoise */
.footer-links a:hover {
    color: #00FFBC !important;
}

/* Email links with turquoise */
.email-link:hover,
.info-item a:hover {
    color: #00FFBC !important;
}

/* CTA button in sections */
.cta-button {
    background: linear-gradient(135deg, #00D9FF 0%, #00FFBC 100%) !important;
    border: none !important;
}

.cta-button:hover {
    background: linear-gradient(135deg, #00FFBC 0%, #00D9FF 100%) !important;
    color: #000000 !important;
}

/* Section subheading with subtle turquoise */
.section-subheading {
    color: #00D9FF !important;
}


/* XTwinEye Brand Name in Hero */
.hero-brand {
    font-size: 2rem;
    font-weight: 600;
    color: #00FFBC;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-top: 2rem;
    text-shadow: 0 0 20px rgba(0, 255, 188, 0.5);
}

/* Update hero title to not have gradient (keep white) */
.hero-title {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #ffffff !important;
    background-clip: unset !important;
    color: #ffffff !important;
}

/* Remove hero subtitle since we removed the duplicate */
.hero-subtitle {
    display: none;
}

/* Responsive hero brand */
@media (max-width: 768px) {
    .hero-brand {
        font-size: 1.5rem;
        margin-top: 1.5rem;
    }
}

@media (max-width: 480px) {
    .hero-brand {
        font-size: 1.2rem;
        margin-top: 1rem;
    }
}

/* Ensure all cards have navy theme */
.value-card,
.industry-card,
.investment-item,
.team-member,
.feature-card,
.use-case-card,
.application-card,
.lifecycle-stage,
.sector-item {
    background-color: rgba(13, 40, 71, 0.6) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(30, 58, 95, 0.8) !important;
    color: #ffffff !important;
}

/* Ensure all text is visible on navy background */
.value-card h3,
.value-card p,
.industry-card h3,
.industry-card p,
.investment-item p,
.team-member h3,
.feature-card h3,
.feature-card p,
.application-content h3,
.application-content p,
.lifecycle-stage h3,
.lifecycle-stage p,
.sector-item,
.section-title,
.product-description p,
.content-block p {
    color: #ffffff !important;
}

/* Contact form styling for navy theme */
.contact-form {
    background-color: rgba(13, 40, 71, 0.6) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(30, 58, 95, 0.8) !important;
}

.form-group label {
    color: #ffffff !important;
}

.form-group input,
.form-group textarea {
    background-color: rgba(0, 31, 63, 0.8) !important;
    color: #ffffff !important;
    border: 1px solid rgba(30, 58, 95, 0.8) !important;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: rgba(184, 197, 214, 0.6) !important;
}

/* Product intro text visibility */
.product-intro {
    background-color: transparent !important;
}

/* Info items in contact section */
.info-item h4,
.info-item p,
.info-item a {
    color: #ffffff !important;
}