/* =========================================================
   RIXES SHOP AJAX
   ========================================================= */


/* =========================================================
   UNKATEGORISIERT SICHER VERSTECKEN
   ========================================================= */

body.rixes-shop-design-active
.rx-shop-cats__item[href*="/produkt-kategorie/unkategorisiert"],

body.rixes-shop-design-active
.rx-shop-cats__item[href*="/product-category/uncategorized"] {
    display:
        none !important;
}


/* =========================================================
   LOADING STATE
   ========================================================= */

body.rixes-shop-design-active
ul.products {
    transition:
        opacity .25s ease,
        transform .25s ease;
}


body.rixes-shop-design-active.rx-shop-ajax-loading
ul.products {
    opacity:
        .28;

    transform:
        translateY(5px);

    pointer-events:
        none;
}


body.rixes-shop-design-active.rx-shop-ajax-loading
.rx-shop-cats,

body.rixes-shop-design-active.rx-shop-ajax-loading
.rx-shop-toolbar {
    pointer-events:
        none;
}


/* =========================================================
   LOADER PILL
   ========================================================= */

.rx-shop-ajax-loader {
    position:
        fixed;

    z-index:
        99999;

    left:
        50%;

    bottom:
        28px;

    min-height:
        46px;

    padding:
        0
        18px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        11px;

    border:
        1px solid
        rgba(49,70,119,.10);

    border-radius:
        999px;

    background:
        rgba(255,255,255,.96);

    box-shadow:
        0 16px 44px
        rgba(38,32,29,.13);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

    font-family:
        "Montserrat",
        sans-serif;

    font-size:
        9px;

    line-height:
        1;

    font-weight:
        600;

    letter-spacing:
        1.2px;

    text-transform:
        uppercase;

    color:
        #314677;

    opacity:
        0;

    visibility:
        hidden;

    pointer-events:
        none;

    transform:
        translate(-50%,15px);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .35s cubic-bezier(.22,1,.36,1);
}


.rx-shop-ajax-loader.is-visible {
    opacity:
        1;

    visibility:
        visible;

    transform:
        translate(-50%,0);
}


/* =========================================================
   SPINNER
   ========================================================= */

.rx-shop-ajax-loader__spinner {
    width:
        15px;

    height:
        15px;

    flex:
        0 0
        15px;

    border:
        1.5px solid
        rgba(185,145,98,.24);

    border-top-color:
        #B99162;

    border-radius:
        50%;

    animation:
        rxShopAjaxSpin
        .7s
        linear
        infinite;
}


@keyframes rxShopAjaxSpin {

    to {
        transform:
            rotate(360deg);
    }

}


/* =========================================================
   NEU GELADENE PRODUKTE
   ========================================================= */

body.rixes-shop-design-active
ul.products.rx-shop-products-fresh
li.product {
    animation:
        rxShopProductIn
        .55s
        cubic-bezier(.22,1,.36,1)
        both;
}


body.rixes-shop-design-active
ul.products.rx-shop-products-fresh
li.product:nth-child(2) {
    animation-delay:
        .035s;
}

body.rixes-shop-design-active
ul.products.rx-shop-products-fresh
li.product:nth-child(3) {
    animation-delay:
        .07s;
}

body.rixes-shop-design-active
ul.products.rx-shop-products-fresh
li.product:nth-child(4) {
    animation-delay:
        .105s;
}

body.rixes-shop-design-active
ul.products.rx-shop-products-fresh
li.product:nth-child(5) {
    animation-delay:
        .14s;
}

body.rixes-shop-design-active
ul.products.rx-shop-products-fresh
li.product:nth-child(6) {
    animation-delay:
        .175s;
}


@keyframes rxShopProductIn {

    from {
        opacity:
            0;

        transform:
            translateY(18px);
    }

    to {
        opacity:
            1;

        transform:
            translateY(0);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .rx-shop-ajax-loader {
        bottom:
            18px;

        min-height:
            42px;

        max-width:
            calc(100% - 32px);

        padding:
            0
            15px;

        white-space:
            nowrap;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    body.rixes-shop-design-active
    ul.products,

    body.rixes-shop-design-active
    ul.products.rx-shop-products-fresh
    li.product,

    .rx-shop-ajax-loader {
        animation:
            none !important;

        transition:
            none !important;
    }

}