/**
 * AJAX filter UX - loading overlay, spinner and pointer affordances.
 *
 * Deliberately narrow: the filter panel's own look (checkbox icons, spacing, type)
 * already lives in cgdiscountgolf.css and this file loads after it, so anything
 * declared here would silently override the theme.
 */

/* Shown while an ajax_products_filter.php request is in flight. */
#filter_overlay {
    background: rgba(0, 0, 0, 0.35);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

body.filter-loading #filter_overlay { display: block; }

#loader {
    animation: cg-filter-spin 1.4s linear infinite;
    border: 6px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    border-radius: 50%;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    position: relative;
    top: 50%;
    width: 60px;
}

@keyframes cg-filter-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* The filter values, the sort select and the pager now act in place. */
.block-filter a,
.block-filter .angle,
.selectedFiltersRemove a { cursor: pointer; }