/* I do not know what this file does, but if it is deleted, the shop crashes. SO DON'T TOUCH THIS */

/* region Headings */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    text-transform: uppercase;
}

/* endregion */

/* region Container */

.container {
    max-width: 1350px;
}

/* endregion */


/* region Header */

.niu-categories-color-wrap {
    border-top:1px solid var(--gray-light);
    border-bottom:1px solid var(--gray-light);
}

.niu-input-group.niu-header-search {
    border-top:1px solid var(--gray-light) !important;
    border-bottom:1px solid var(--gray-light) !important;
    border-left:1px solid var(--gray-light) !important;
    border-right:1px solid var(--gray-light) !important;
    border-radius: 4px !important;
}

header {

    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 20px 20px;

    .nav-item {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 0.85rem;
    }
}


/* endregion */


.niu-card-style--flat {
    background: #fbfaf8;
}

.productbox-ribbon.ribbon {
    top:1rem;
    left:1rem;
}

body[data-page="2"] {
    #result-wrapper:has(.niu-subcategories) {
        .col .niu-card-style--flat {
            img {
                mix-blend-mode: darken;
                padding-top:1rem;
            }

            a {
                font-family: 'Montserrat', sans-serif;
                font-weight: 700;
                font-size: 1rem;
                text-transform: uppercase;
            }
        }
    }
}

.niu-ribbon-list-container {
    height: auto !important;
    margin-bottom: .25rem;
}

.rz-categorie-grid {
    .dzm-category-card-img-wrapper {
        padding:2rem;
        position: relative;

        img {
            mix-blend-mode: darken;
        }

        &::after {
            content:'\F138';
            position: absolute;
            right:.05rem;
            bottom: .05rem;
            font-family: 'bootstrap-icons';
            font-size: .85rem;
            color:white;
            background:var(--primary);
            padding:.5rem;
            border-radius: 4px 0 4px 0;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            aspect-ratio: 1;
            pointer-events: none;
            cursor: pointer;
            height:32px;
            width: 32px;
        }

    }
}


.niu-nav-icon-container {
    i {
        font-size: .85rem;
        color:var(--primary);
    }

    .niu-nav-icon-headline {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 0.75rem;
        text-transform: uppercase;
        margin-bottom: .25rem;
    }
}

#product-offer {
    .table-striped tbody tr:nth-of-type(even) {
        background-color: #f2f0ec;
    }

    .product-attributes td.h6 {
        font-size: .85rem;
        font-family: var(--font-family-sans-serif);
        text-transform: none;
        font-weight: 500;
        border-radius: 4px;
    }

    .alert.purchase-info.alert-info {
        background:#F2F0EC;
        color:black;

        p {
            margin-bottom: 0 ;
            font-style: italic;

            &::before {
                content:'\F431';
                margin-right: .75rem;
                font-family: 'bootstrap-icons';
                font-size: .85rem;
                color:var(--primary);
                display: inline-flex;
                transform: translateY(2px);
                font-style: normal;
            }
        }
    }

    .bulk-prices {
        background-color: #f2f0ec;
    }

}

.img-darken {
    mix-blend-mode: darken;

    img {
        mix-blend-mode: darken;
    }
}


.niu-ribbon-list-container .ribbon {
    font-weight:400;
    font-size: .6rem;
}

.niu-variation-values {
    padding: .5rem 0;
    border-radius: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.niu-custom-variation-badge {
    font-weight:400;
    font-size: .75rem;
}