/* Arras Theme Custom Image & Layout Enhancements */

/* Đảm bảo hình ảnh sắc nét trên mọi loại màn hình */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: auto;
}

/* Chuẩn hóa thumbnail danh mục và trang chủ không bị méo hình (Aspect Ratio & Object-fit) */
.posts-default .entry-thumbnails,
.posts-quick .entry-thumbnails,
.entry-thumbnails {
    overflow: hidden !important;
    border-radius: 4px;
    background-color: #f0f0f0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    display: inline-block;
}

.posts-default img,
.posts-default .entry-thumbnails-link img {
    width: 195px !important;
    height: 110px !important;
    object-fit: cover !important;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    display: block;
}

.posts-quick .entry-thumbnails img,
.posts-quick .entry-thumbnails-link img {
    width: 115px !important;
    height: 115px !important;
    object-fit: cover !important;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    display: block;
}

.featured-article img {
    width: 640px !important;
    height: 300px !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

/* Hiệu ứng hover nhẹ nhàng sang trọng */
.posts-default:hover img,
.posts-quick:hover img,
.entry-thumbnails:hover img {
    transform: scale(1.04);
}

/* Tối ưu hiển thị ảnh trong bài viết chi tiết */
.single .post .entry-photo img,
.single-post .entry-photo img,
.single-post .entry-content img,
.photo-item img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.photo-item img {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.photo-item img:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.18);
}