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


/* #### */
/* region TEMP */
/* #### */

body#startseite-v2 {
    .breadcrumb-container {
        display: none;
    }
}

/* endregion */

/* #### */
/* region VARS */
/* #### */

:root {
    --border-radius-xs: 0.125rem;
    --border-radius-sm: 0.25rem;
    --border-radius-md: 0.5rem;
    --border-radius-lg: 1rem;
    --border-radius-xl: 2rem;
    --niu-light-gray: #fafafa;
    --niu-light-gray-dark: #e5e5e5;
    --tertiary: #71BBB3;
}

/* endregion */

/* #### */
/* region RESETS */
/* #### */

.container {
    max-width:1400px;
}

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

header {
    border-bottom:none;
}

.font-weight-bold, .font-weight-bolder, strong, b, .ribbon, .delivery-status, .breadcrumb-item.active, .table thead th, #sidepanel_left .box .productlist-filter-headline, #niu-content-filter-panel .productlist-filter-headline {
    font-weight: 600 !important;
}

.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
    box-shadow: none !important;
}

.fa-sup {
    color:white;
}
/* endregion */

/* #### */
/* region HELPER */
/* #### */

#maintenance-mode {
    display: none;
}

#topbarNote {
    display: none;
    /* don't know where this is coming from */
}

.no-padding-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important;

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

/* endregion */

/* #### */
/* region HEADER & NAV*/
/* #### */

header {
    .dzm-niu-nav-bottom-bar {
        background-color:var(--niu-light-gray);
    }
}

/* endregion */
/* #### */
/* region PRODUCT PAGE*/
/* #### */


#product-offer {
    .product-offer {
        border:1px solid var(--niu-light-gray-dark);
        border-radius: var(--border-radius-md);
        padding:1rem 1.75rem;
    }

    #ib-conversion-booster {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .row.basket-form-inline .col {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .product-info-inner > .row .col:has(.ib-model-match-tag) {
       display: flex;
        gap:1rem;
        align-items: center;
    }

}

.badge-primary {
    background-color: var(--secondary);
    color:#fff;

    &:hover {
        background-color: var(--primary) !important;
        color:#1b1b1b ;
    }
}

.swatches-text.active {
    border: 1px solid #ffaf05;
    background-color: #ffaa00;
    font-weight: 700;
    color: #1b1b1b;
}



div[data-toggle="product-actions"] {

    margin-bottom: 1rem;

    button {
        font-size: .85rem;
        font-weight: 400;

        svg {
            max-height: 1rem;
        }
    }

    + hr {
        display: none;
    }
}

.bulk-prices {
    background-color: var(--niu-light-gray);
}

.niu-productdetails-splide-box .splide {
    box-shadow: none;
    border-radius: 0;

    .splide__slide {
        border: none !important;
    }
}

.row.basket-form-inline {
    .col {
        padding-left:.5rem !important;
        padding-right:.5rem !important;
    }
}


.product-offer {
    i.bi-shield-check, i.bi-lock, i.bi-box2 {
        color: var(--tertiary);
    }
}

.badge {
    font-weight:400;
}

.badge-primary {
    color:white;
}

.badge-secondary {
    background-color:#ffaf05;
    color:white;
}


.ib-model-match-tag {
    border:1px solid var(--primary);
    border-radius:4px;
    color:var(--primary);
    background-color: #fffaf2;
    display:inline-flex;
    padding:3px 8px;
    height: fit-content;
}

span.ib-custom-stuecklisten-counter {
    background-color: var(--primary);
    border-radius: 4px;
    padding: 1px 4px;
}

#add-to-cart .btn .btn-basket-check span {
    display: inline-block;
}

#image_wrapper {
    .product-actions .bi {
        font-size: 1.1rem;
    }

    .product-actions svg {
        height: 1.6rem;
        max-height: unset;

    }
}

.ib-model-wrapper {
    .badge {
        background-color: transparent;
        color:var(--primary);
        padding:0;
        margin-right:.5rem;
    }
}

.dzm-ps-item-wrapper > * {
    height:100%;
}

/* endregion */

/* #### */
/* region CATEGORY PAGE*/
/* #### */

.niu-itembox-style-modern .productbox-price {
    font-weight: 600;
}

.niu-productbox-price-label {
    margin-bottom: 0 !important;
}

.niu-productbox-stock {
    margin-top:.5rem;
}

.niu-itembox-option--has-border.productbox-inner {
    padding:20px;
}

/* endregion */


/* #### */
/* region FOOTER */
/* #### */

#footer .productlist-filter-headline {
    font-weight:600;
}

#footer {
    #trustbadge {

    }
}

/* endregion */

/* #### */
/* region OPC CONVERSION BOOSTER */
/* #### */

.dzm-notice-clean {
    padding:4px 0;
}

div.py-4.px-3:has([data-dzm-pb-wrapper]) {
    padding: 0 !important;
    margin-top:.5rem;
}



/* endregion */



[data-page="11"] .dfd-widget{
    display: none;
}