/**
 * SEO Fixes CSS - Maintains styling when replacing empty anchor tags
 */

/* Fix styling for img-container-fixed divs (replaced from empty anchors) */
.img-container-fixed {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.img-container-fixed img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Maintain carousel item styling */
.owl-carousel .item .img-container-fixed,
.carousel-container .item .img-container-fixed {
    display: block;
    position: relative;
    overflow: hidden;
}

/* Banner carousel fixes */
.banner-img-container {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.banner-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Product carousel fixes */
.product-img-container {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.product-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Maintain hover effects for replaced elements */
.img-container-fixed:hover img,
.banner-img-container:hover img,
.product-img-container:hover img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* Ensure proper spacing and layout */
.owl-carousel .item .img-container-fixed,
.carousel-container .item .img-container-fixed {
    margin: 0;
    padding: 0;
}

/* Fix for specific carousel layouts */
.owl-stage .owl-item .item .img-container-fixed {
    display: block;
    width: 100%;
    height: auto;
}

/* Maintain responsive behavior */
@media (max-width: 768px) {
    .img-container-fixed,
    .banner-img-container,
    .product-img-container {
        height: auto;
        min-height: 200px;
    }
}

/* Ensure proper z-index and positioning */
.img-container-fixed,
.banner-img-container,
.product-img-container {
    z-index: 1;
    position: relative;
}

/* Fix for carousel navigation */
.owl-carousel .owl-nav {
    z-index: 2;
    position: absolute;
}

/* Maintain accessibility */
.img-container-fixed:focus,
.banner-img-container:focus,
.product-img-container:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/* Footer Accessibility Fixes */
.page-footer {
    /* Ensure proper contrast ratio */
    color: #1a1a1a !important;
    
    /* Ensure all text elements have proper contrast */
    span, a, div {
        color: #1a1a1a !important;
    }
    
    /* Ensure links have proper contrast and hover states */
    a {
        color: #1a1a1a !important;
        text-decoration: none;
        
        &:hover, &:focus {
            color: #000000 !important;
            text-decoration: underline;
        }
    }
    
    /* Ensure Telegram contact has proper contrast */
    .telegram-contact {
        color: #1a1a1a !important;
        
        a {
            color: #1a1a1a !important;
            
            &:hover, &:focus {
                color: #000000 !important;
                text-decoration: underline;
            }
            
            i {
                color: #1a1a1a !important;
            }
            
            span {
                color: #1a1a1a !important;
            }
        }
    }
}

/* Additional contrast improvements for better accessibility */
@media (prefers-contrast: high) {
    .page-footer {
        color: #000000 !important;
        
        a, span, div {
            color: #000000 !important;
        }
    }
}