/**
 * Filter UX styles for AJAX filters – overlay, loader, pointer, hover.
 * Used on products page for filter loading state.
 */

#filter_overlay {
    background: rgba(0, 0, 0, 0.4);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
    transition: opacity 0.2s ease;
}
body.filter-loading #filter_overlay {
    display: block !important;
}
#loader {
    animation: nts-filter-spin 1s linear infinite;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    display: block;
    height: 48px;
    left: 50%;
    margin: -24px 0 0 -24px;
    position: absolute;
    top: 50%;
    width: 48px;
    z-index: 1001;
}
@keyframes nts-filter-spin {
    to { transform: rotate(360deg); }
}
.block-filter .filterLine a {
    cursor: pointer;
}
.block-filter .angle {
    cursor: pointer;
}