/* ── Ratios de crop — sur Image widget → Avancé → Classes CSS ── */
.lu-ratio-1-1,
.lu-ratio-4-3,
.lu-ratio-3-2,
.lu-ratio-16-9,
.lu-ratio-2-3 {
    overflow: hidden;
}
.lu-ratio-1-1  { aspect-ratio: 1 / 1; }
.lu-ratio-4-3  { aspect-ratio: 4 / 3; }
.lu-ratio-3-2  { aspect-ratio: 3 / 2; }
.lu-ratio-16-9 { aspect-ratio: 16 / 9; }
.lu-ratio-2-3  { aspect-ratio: 2 / 3; }

.lu-ratio-1-1 img,
.lu-ratio-4-3 img,
.lu-ratio-3-2 img,
.lu-ratio-16-9 img,
.lu-ratio-2-3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}


/* Cadre vintage — remplace cws_img_frame pour Elementor */
.lu-img-frame {
    position: relative;
    display: block;
    overflow: visible;
    z-index: 0;
}
.lu-img-frame img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    transition: transform 0.3s ease;
}
.lu-img-frame::before {
    content: '';
    position: absolute;
    left: -15px;
    top: -15px;
    right: -15px;
    bottom: -15px;
    background-image: url('/wp-content/themes/vintwood/img/patterns/portfolio-pattern.png');
    z-index: 0;
    pointer-events: none;
}