/* AJAX Styles for Internal Videos */

/* Filter transition effects */
.cats_item, .filters_item {
    transition: all 0.3s ease;
}

.cats_item:hover, .filters_item:hover {
    transform: translateY(-2px);
}

/* Make span elements behave like clickable buttons */
.cats_link, .filters_link {
    cursor: pointer;
    display: inline-block;
    transition: all 0.3s ease;
}

.cats_link:hover, .filters_link:hover {
    opacity: 0.8;
}

/* Smooth content transition */
.catalog {
    transition: opacity 0.3s ease;
}

/* Error state */
.ajax-error {
    text-align: center;
    padding: 40px 20px;
    color: #d63384;
    background: #f8f9fa;
    border-radius: 8px;
    margin: 20px 0;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .cats_link, .filters_link {
        font-size: 14px;
    }
} 