/* SEO Optimization Styles for Agiteks Website */

/* Optimize heading hierarchy for better SEO */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
}

/* Ensure proper text contrast for accessibility */
body {
    color: var(--neutral-dark);
}

/* Optimize link styling for accessibility */
a:focus {
    outline: 2px solid var(--primary-blue);
    outline-offset: 2px;
}

/* Optimize image display for performance */
img {
    max-width: 100%;
    height: auto;
}

/* Add print styles for better user experience */
 @media print {
    /*.header, .footer, .cta-section, .back-to-top {
        display: none !important;
    } */
    
    body {
        font-size: 12pt;
        color: #000;
        background-color: #fff;
    }
    
    a {
        color: #000;
        text-decoration: underline;
    }
    
    a[href]:after {
        content: " (" attr(href) ")";
    }
    
    img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }
    
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    
    h2, h3 {
        page-break-after: avoid;
    }
}

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

/* Optimize for performance with hardware acceleration */
.animate-fade-in,
.animate-slide-in-left,
.animate-slide-in-right,
.animate-slide-up {
    will-change: opacity, transform;
}

/* Optimize for mobile performance */
@media (max-width: 768px) {
    .animate-fade-in,
    .animate-slide-in-left,
    .animate-slide-in-right,
    .animate-slide-up {
        animation-duration: 0.3s;
    }
}

/* Optimize lazy-loaded images */
.lazy-load {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.lazy-load.loaded {
    opacity: 1;
}