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



/*
######
Header
######
 */

@media (min-width: 768px) {
    .niu-nav-brand-logo-wrapper {
        padding: 1rem 1rem 1rem 0;
    }
}

.niu-inputgroup-bordered, .niu-input-group.niu-header-search {
    border: 1px solid #e5e5e5 !important;
    border-radius: 4px !important;
}

#shop-nav .fa-sup {
    background-color:var(--secondary);
}

@media (min-width: 992px) {
    header .navbar-nav > .nav-item > .nav-link {
        padding: 0.75rem 1.3rem;
    }
}


/*
#######
OPC Suite
#######
*/

.dzm-ps-track {
    padding: 0 !important;
}

.dzm-itb-wrapper.no-content .dzm-itb-bgi-content {
    display: none;
}

.dzm-manufacturer-image img {
    max-width: 100%;
}


/*
#######
Productpage
#######
*/

/* Variation Fix */

.js-slider-wrapper .js-slider-items .js-slider-item {
    width: unset !important;
    min-width: unset !important;
}

.swatches .variation.swatches-text.not-available {
    border-style: dashed;
    border-color:#898d96;
    overflow: hidden;
}

/* Zustandsbutton */

.btn.nov-btn-condition {
    &:before {
        content:'\F589';
        font-family: 'bootstrap-icons';
        font-size: 1rem;
        color:var(--success);
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        display: inline-flex;
        transform:translateY(2px);
    }

    &:hover:before {
        color:white;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
}

/* Abstand Cross-Selling */

.container:has(.recommendations) {
    margin-top:0 !important;
}


/*
#######
Categorypage
#######
 */

aside {

    .box:has(.additional-filter-headline) {
        border:none !important;
        margin:0;
        padding: 0 !important;
        margin-bottom:0 !important;
        margin-top:2rem;
    }

    .additional-filter-headline {
        background-color:var(--secondary);
        color:white;
        text-align:center;
        border-radius: 4px;
        padding:1rem;
        display: flex;
        justify-content: center;
    }

    .box-filter-characteristics, .box-filter-price, .box-filter-special, .box-filter-manufacturer, .box {

        border:1px solid #e5e5e5;
        border-radius: 4px;
        padding:.25rem 1rem;
        margin:.5rem 0;

        hr {
            display:none;
        }

    }

    .box {
        &.box-categories {
            padding:1.5rem 1rem;
        }
    }


    @media (min-width: 1300px) {
        &.sidepanel-left {
            padding-right: 2rem;
        }
    }
}


/*
#######
Sidebar
#######
 */


/* Technische Details glatt ziehen */

[data-niu-sidebar-content="Technische-Daten"]  {

    dl {
        font-family: var(--font-family-sans-serif) !important;
        font-size:1rem !important;
        padding-bottom:.5rem;
    }

    dd {
        font-family: var(--font-family-sans-serif) !important;
        font-size:.85rem !important;
    }

}

/* Amazon Checkout Button - Full Width */


.lpa-button-container {
    width:100% !important;
}