/**
 * Fast Images - Lazy Loading System
 * @version 6.1
 */

/* Ensure images maintain structure and prevent CLS */
.post-thumb img,
.post-thumbnail img,
.entry-thumbnail img,
.slider-image img,
.result-thumb img,
.related-post-thumb img {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: 100% !important;
}

/* تحديد أبعاد ثابتة لصور المقالات */
.post-thumbnail {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    overflow: hidden;
    background: #f5f5f5;
}

.post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* تحديد أبعاد ثابتة لصور السليدرات */
.slider-image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    overflow: hidden;
    background: #f5f5f5;
}

.slider-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* تحديد أبعاد ثابتة لصور النتائج */
.result-thumb {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    overflow: hidden;
    background: #f5f5f5;
}

.result-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* تحديد أبعاد ثابتة لصور المقالات ذات الصلة */
.related-post-thumb {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    overflow: hidden;
    background: #f5f5f5;
}

.related-post-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* No hover effects on images */
.post-thumb:hover img,
.post-thumbnail:hover img,
.category-post-item:hover img {
    transform: none !important;
    scale: 1 !important;
}