/* ======================
SHORTFILMS — Overlay hover (desktop)
====================== */
@media (min-width: 768px) {
.page-url-shortfilms .gallery-grid-item {
position: relative;
overflow: hidden;
cursor: pointer;
}
/* Description transformée en overlay */
.page-url-shortfilms .gallery-grid-item .gallery-caption-wrapper {
position: absolute !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
opacity: 0;
background: rgba(0, 0, 0, 0.55);
color: #fff !important;
padding: 1rem 1.5rem;
transition: opacity 0.4s ease;
z-index: 2;
pointer-events: none;
}
.page-url-shortfilms .gallery-grid-item:hover .gallery-caption-wrapper {
opacity: 1;
}
.page-url-shortfilms .gallery-grid-item img {
transition: transform 0.6s ease;
}
.page-url-shortfilms .gallery-grid-item:hover img {
transform: scale(1.03);
}
}
/* ======================
Mobile — texte sous l’image
====================== */
@media (max-width: 767px) {
.page-url-shortfilms .gallery-caption-wrapper {
position: static !important;
transform: none !important;
background: none !important;
opacity: 1 !important;
pointer-events: auto !important;
text-align: center;
margin-top: 8px;
color: #000 !important;
}
}
