/* Blog Page Performance Optimizations */

/* Disable all animations and transitions on blog page */
.blog-card *,
.blog-categories *,
.hero-section *,
.featured-post * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

/* Optimize images */
.blog-image img,
.featured-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
    contain: strict !important;
    will-change: auto !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
    image-rendering: optimizeSpeed !important;
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
}

/* Disable hover effects */
.blog-card:hover,
.category-card:hover,
.featured-post:hover {
    transform: none !important;
    box-shadow: none !important;
}

.blog-card:hover .blog-image img,
.featured-post:hover .featured-image img {
    transform: none !important;
}

/* Optimize layout */
.blog-grid,
.blog-categories,
.featured-post {
    contain: layout style paint !important;
    will-change: auto !important;
}

/* Disable blob animations completely */
.blob {
    display: none !important;
}

/* Optimize category cards */
.category-card {
    transition: none !important;
    transform: none !important;
    contain: layout style paint !important;
}

.category-card:hover {
    transform: none !important;
    box-shadow: var(--shadow-md) !important;
}

.category-card .category-icon {
    transition: none !important;
    transform: none !important;
}

/* Optimize blog content */
.blog-content h3,
.blog-content p,
.blog-excerpt {
    transition: none !important;
    animation: none !important;
}

/* Optimize read more buttons */
.read-more-btn {
    transition: none !important;
    transform: none !important;
}

.read-more-btn:hover {
    transform: none !important;
}

/* Optimize post meta */
.post-meta,
.post-date,
.post-author {
    transition: none !important;
    animation: none !important;
}

/* Optimize category badges */
.category-badge {
    transition: none !important;
    transform: none !important;
}

/* Optimize featured content */
.featured-content h3,
.featured-content p {
    transition: none !important;
    animation: none !important;
}

/* Optimize featured actions */
.featured-actions {
    transition: none !important;
}

/* Optimize post stats */
.post-stats {
    transition: none !important;
}

.post-stats span {
    transition: none !important;
}

/* Optimize hero stats */
.hero-stat {
    transition: none !important;
    transform: none !important;
}

.hero-stat .stat-number {
    transition: none !important;
    animation: none !important;
}

/* Optimize section headers */
.section-header h2,
.section-header .section-subtitle {
    transition: none !important;
    animation: none !important;
}

/* Optimize gradient text */
.gradient-text {
    animation: none !important;
    transition: none !important;
}

/* Optimize hero content */
.hero-content h1,
.hero-content p,
.hero-content .hero-subtitle {
    transition: none !important;
    animation: none !important;
}

/* Optimize container */
.container {
    contain: layout style paint !important;
}

/* Optimize sections */
.section {
    contain: layout style paint !important;
    transition: none !important;
}

/* Optimize main element */
main {
    contain: layout style paint !important;
}

/* Optimize body */
body {
    contain: layout style paint !important;
    overflow-x: hidden !important;
}

/* Optimize header */
header {
    contain: layout style paint !important;
    transition: none !important;
}

/* Optimize navigation */
.nav-links {
    transition: none !important;
}

.nav-links a {
    transition: none !important;
}

/* Optimize hamburger */
.hamburger span {
    transition: none !important;
}

/* Optimize dropdown */
.dropdown-menu {
    transition: none !important;
    animation: none !important;
}

/* Optimize logo */
.logo img {
    transition: none !important;
}

/* Optimize footer */
.site-footer {
    contain: layout style paint !important;
}

/* Optimize all interactive elements */
a, button, input, textarea, select {
    transition: none !important;
}

/* Optimize scroll behavior */
html {
    scroll-behavior: auto !important;
}

/* Optimize font loading */
* {
    font-display: swap !important;
}

/* Optimize image loading */
img {
    loading: lazy !important;
    decoding: async !important;
}

/* Optimize CSS containment */
* {
    contain: layout style paint !important;
}

/* Disable all transforms and animations globally for blog page */
* {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

/* Re-enable only essential transforms */
.blog-card,
.blog-image,
.featured-post,
.featured-image,
.category-card {
    transform: translateZ(0) !important;
}

/* Optimize for reduced motion */
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}