/* Container bao ngoài ảnh và ô màu cam */
.layout-posts-auto-mask .mask-container {
    position: relative !important;
    overflow: visible !important; /* Đảm bảo không bị ẩn phần thừa */
}

/* Khung ảnh cắt xéo */
.layout-posts-auto-mask .box-image-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Ô VUÔNG MÀU CAM */
.layout-posts-auto-mask .orange-square {
    width: 60px !important;       /* Điều chỉnh kích thước vừa với góc cắt khuyết */
    height: 60px !important;
    background-color: #ff6600 !important; /* Mã màu cam */
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    z-index: 2 !important;        /* Hiển thị đè lên trên khối ảnh */
    border-radius: 15px; /* Bo tròn nhẹ góc ngoài nếu cần giống template */
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15) !important;
    pointer-events: none;
    
    /* CĂN GIỮA ICON */
    display: flex !important;
    align-items: center !important;     /* Căn giữa theo chiều dọc */
    justify-content: center !important; /* Căn giữa theo chiều ngang */
}

/* Đảm bảo icon bên trong không bị dính margin thừa */
.layout-posts-auto-mask .orange-square svg,
.layout-posts-auto-mask .orange-square i {
    margin: 0 !important;
    display: block !important;
}

/* Responsive trên mobile */
@media (max-width: 767px) {
    .layout-posts-auto-mask .mask-container {
        height: 240px !important;
    }
    
    .layout-posts-auto-mask .orange-square {
        width: 55px !important;
        height: 45px !important;
    }
}