/* Card Image Fix - Improved image display with better sizing */
/* این فایل برای بهبود نمایش عکس‌ها در کارت‌ها است */

/* Modern Cards - Better image display */
.modern-card .card-image img,
.modern-card .article-image img,
.modern-card .service-image img,
.modern-card .gallery-item-image img {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Medical Cards - Better image display */
.med-card .card-image img,
.med-card .article-image img,
.med-card .service-image img,
.med-card .gallery-item-image img {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Articles Section Cards - Better image display */
.articles-section .modern-article-card .article-image img {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}

/* News Cards - Better image display */
.news-card-image {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Gallery Cards - Better image display */
.gallery-item-image {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Service Cards - Better image display */
.service-image img {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Article Cards - Better image display */
.article-image img {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Gallery Items - Better image display */
.gallery-item img {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Any other card images - Better image display */
.card img,
.article-card img,
.service-card img,
.gallery-card img,
.news-card img {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Ensure proper container styling for better image display */
.modern-card .card-image,
.modern-card .article-image,
.modern-card .service-image,
.modern-card .gallery-item-image,
.med-card .card-image,
.med-card .article-image,
.med-card .service-image,
.med-card .gallery-item-image,
.articles-section .modern-article-card .article-image,
.news-card-image,
.gallery-item-image,
.service-image,
.article-image,
.gallery-item {
    background: rgba(255,255,255,0.05) !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Add subtle overlay for better text readability */
.modern-card .card-image::after,
.modern-card .article-image::after,
.modern-card .service-image::after,
.modern-card .gallery-item-image::after,
.med-card .card-image::after,
.med-card .article-image::after,
.med-card .service-image::after,
.med-card .gallery-item-image::after,
.articles-section .modern-article-card .article-image::after,
.news-card-image::after,
.gallery-item-image::after,
.service-image::after,
.article-image::after,
.gallery-item::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(135deg, rgba(0,0,0,0.1), rgba(0,0,0,0.3)) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Ensure content is above overlay */
.modern-card .card-content,
.modern-card .article-content,
.modern-card .service-content,
.modern-card .gallery-item-content,
.med-card .card-content,
.med-card .article-content,
.med-card .service-content,
.med-card .gallery-item-content,
.articles-section .modern-article-card .article-content,
.news-card-content,
.gallery-item-content,
.service-content,
.article-content,
.gallery-item-content {
    position: relative !important;
    z-index: 2 !important;
}