/* SEO Enhancements - Additional Styles */

/* SEO Optimized Typography */
.hero-title {
    font-size: var(--font-size-5xl);
    font-weight: 700;
    color: var(--white);
    line-height: 1.1;
    margin-bottom: var(--spacing-6);
}

.section-title {
    font-size: var(--font-size-3xl);
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: var(--spacing-4);
}

.section-description {
    font-size: var(--font-size-lg);
    color: var(--text-secondary);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* SEO Content Enhancements */
.hero-description {
    font-size: var(--font-size-lg);
    color: var(--white);
    line-height: 1.6;
    margin-bottom: var(--spacing-8);
}

.hero-description strong {
    color: var(--accent-color);
    font-weight: 600;
}

/* SEO Friendly Links */
a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
    transition: color var(--transition-fast);
}

a:hover {
    color: var(--primary-dark);
    text-decoration: underline;
}

/* SEO Optimized Buttons */
.btn {
    font-weight: 600;
    text-decoration: none;
}

.btn-primary {
    color: var(--text-white)!important;
    font-weight: 600;
}

.btn-outline {
    color: var(--text-dark);
    font-weight: 600;
}

/* SEO Content Structure */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-dark);
    font-weight: 600;
    line-height: 1.3;
}

p {
    color: var(--text-secondary);
    line-height: 1.7;
    font-weight: 400;
}

/* SEO Friendly Navigation */
.nav-link {
    color: var(--text-secondary);
    font-weight: 500;
}

.nav-link:hover {
    color: var(--primary-color);
    font-weight: 600;
}

/* SEO Optimized Cards */
.feature-card h3 {
    color: var(--text-dark);
    font-weight: 600;
}

.feature-card p {
    color: var(--text-secondary);
    line-height: 1.6;
}

/* SEO Testimonials */
.testimonials .section-title {
    color: var(--text-white);
    font-weight: 700;
}

.testimonials .section-description {
    color: rgba(255, 255, 255, 0.9);
}

.testimonial-text {
    color: var(--text-white);
    font-weight: 400;
    line-height: 1.7;
}

.testimonial-text strong {
    color: var(--accent-color);
    font-weight: 700;
}

.author-name {
    color: var(--text-white);
    font-weight: 700;
}

.author-title {
    color: var(--accent-color);
    font-weight: 600;
}

.author-company {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
}

/* SEO Pricing */
.pricing-card h3 {
    color: var(--text-dark);
    font-weight: 700;
}

.price-amount {
    color: var(--primary-color);
    font-weight: 800;
}

.price-period {
    color: var(--text-secondary);
    font-weight: 500;
}

.pricing-features li {
    color: var(--text-secondary);
    font-weight: 400;
}

/* SEO FAQ */
.faq-question h3 {
    color: var(--text-dark);
    font-weight: 600;
}

.faq-question:hover h3 {
    color: var(--primary-color);
    font-weight: 700;
}

.faq-answer p {
    color: var(--text-secondary);
    line-height: 1.6;
}

/* SEO Contact */
.contact-item h4 {
    color: var(--text-dark);
    font-weight: 600;
}

.contact-item p {
    color: var(--text-secondary);
    font-weight: 400;
}

/* SEO Footer */
.footer h4 {
    color: var(--text-white);
    font-weight: 600;
}

.footer p,
.footer a {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
}

.footer a:hover {
    color: var(--text-white);
    font-weight: 500;
}

/* SEO Accessibility */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Focus styles for accessibility */
.btn:focus,
.nav-link:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

/* Print styles for SEO */
@media print {
    .header,
    .btn,
    .hero-buttons {
        display: none;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.4;
        color: #000000;
    }
    
    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
        color: #000000;
    }
    
    p {
        color: #000000;
    }
}