/* Carousel Hover Effects for Editorial Design */

/* Base transitions */
.editable-carousel-card {
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
}

.editable-card-overlay {
    transition: opacity 0.5s ease;
    opacity: 0;
}

.editable-card-title,
.editable-card-excerpt {
    transition: all 0.5s ease;
    opacity: 0;
    transform: translateY(10px);
}

/* Container hover: blur inactive cards */
.editable-post-carousel:hover .editable-carousel-card:not(:hover) {
    filter: blur(3px) brightness(0.7);
    opacity: 0.8;
}

/* Active card hover */
.editable-carousel-card:hover {
    transform: scale(1.12);
    z-index: 10;
}

.editable-carousel-card:hover .editable-card-overlay,
.editable-carousel-card:hover .editable-card-title,
.editable-carousel-card:hover .editable-card-excerpt {
    opacity: 1;
    transform: translateY(0);
}