/* === FONT === */
.mks-overlay,
.mks-overlay *:not([class*="ms-o-"]):not([class*="ms-r-"]):not([class*="ms-s-"]) {
    font-family: inherit;
}
/* === FONT - END === */

/* === THEME STYLES === */
.mks-image-hover-preview {
    border: 3px solid #dddddd;
    background-color: #ffffff;
}
.mks-theme-mono-light {
    .mks-order-history-header {
        .mks-search-icon {

        }
        #mks-order-history-filter-input {
            border: 0;
            background-color: #efefef;
            padding: 14px 42px;
            &:hover,
            &:focus {
                background-color: #f3f3f3;
            }
        }
        .mks-bulk-add-btn {
            background-color: #ccefcc;

            &:hover {
                background-color: #dbf6db;
            }

            &:active {
                background-color: #ccefcc;
            }

            &:disabled {
                background-color: #f6f6f6;
            }
        }
    }
    .mks-overlay-header {
        border-bottom: 2px solid #efefef;
        .mks-header-right {
            .mks-header-cart-info,
            .mks-header-order-history {
                background-color: #efefef;
                &:hover {
                    background-color: #f3f3f3;
                }
                &:active {
                    background-color: #e8e8e8;
                }
            }
            .mks-resize-overlay,
            .mks-close-btn {
                background-color: #efefef;
                &:hover {
                    background-color: #f3f3f3;
                }
                &:active {
                    background-color: #e8e8e8;
                }
            }
        }
    }
    .mks-overlay-controls {
        .mks-search-wrapper {
            .mks-search-input {
                border: 0;
                background-color: #efefef;
                padding: 14px 42px;
                &:hover,
                &:focus {
                    background-color: #f3f3f3;
                }
            }
            .mks-clear-search {
                border: 0;
                background-color: #d8d8d8;

                &:hover {
                    background-color: #dedede;
                }

                &:active {
                    background-color: #d4d4d4;
                }
            }
        }
        .mks-category-wrapper {
            .mks-category-select {
                border: 0;
                background-color: #efefef;
                &:hover,
                &:active {
                    background-color: #f3f3f3;
                }
                .select-wrapper {
                    .select-icon {
                        svg {
                            fill: #000000;
                        }
                    }
                }
            }
        }
        .mks-add-all-cart-wrapper {
            .mks-bulk-add-btn {
                background-color: #ccefcc;

                &:hover {
                    background-color: #dbf6db;
                }

                &:active {
                    background-color: #ccefcc;
                }

                &:disabled {
                    background-color: #f6f6f6;
                }
            }
        }
    }
    .mks-overlay-body {

        .mks-products-list {
            .mks-product-item {
                background-color: #f6f6f6;

                &.mks-product-pre-added {
                    background-color: #ccefcc;
                }

                .mks-product-info {
                    .mks-product-availability {
                        &.mks-low-stock {
                            background-color: #f1e3bb;
                        }
                        &.mks-out-stock {
                            background-color: #f7adad;
                        }
                    }
                }

                .mks-product-price {
                    .mks-base-price {
                        color: #8a8a8a;
                    }
                }

                .mks-product-actions {
                    button {
                        padding: 10px;
                        border: 0;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background-color: #ffffff;

                        &:hover {
                            background-color: #e9e9e9;
                        }

                        &:active {
                            background-color: #f1f1f1;
                        }
                    }
                    button:disabled {
                        background-color: #e9e9e9;
                        color: #bebebe;
                    }
                    .mks-product-quantity {
                        background-color: #ffffff;
                    }
                    .mks-add-to-cart-btn {
                        &.item-added {
                            background-color: #ccefcc;
                        }
                    }
                }
            }

            .mks-cart-item {
                background-color: #f6f6f6;

                .mks-cart-item-quantity-price {
                    padding: 4px 8px;
                    background-color: #e2e2e2;
                }
                
                .mks-cart-item-actions {
                    button {
                        border: 0;
                        background-color: #ffffff;

                        &:hover {
                            background-color: #e9e9e9;
                        }

                        &:active {
                            background-color: #f1f1f1;
                        }

                        &:disabled {
                            background-color: #e9e9e9;
                            color: #bebebe;
                        }
                    }
                }
            }

            .mks-product-name,
            .mks-cart-item-name {
                &.mks-article-info-enabled {
                    &[data-tooltip]::after {
                        color: #ffffff;
                        background-color: rgba(0, 0, 0, 0.85);
                    }
                }
            }
        }
    }

    .mks-overlay-body {
        overflow-y: auto;
        
        /* Firefox */
        scrollbar-width: auto;
        scrollbar-color: #888 #f1f1f1;
    }

    .mks-product-detail-offcanvas {
        background-color: #ffffff;

        .mks-offcanvas-header {
            border-bottom: 1px solid #e0e0e0;
            background-color: #f8f8f8;

            .mks-offcanvas-close:hover {
                background-color: #e0e0e0;
            }
        }

        .mks-offcanvas-body {
            .mks-detail-section {
                h3 {
                    border-bottom: 2px solid #e0e0e0;
                }

                p {
                    color: #555;
                }

                .mks-detail-empty {
                    color: #999;
                }
            }

            .mks-detail-image {
                background-color: #f0f0f0;

                &::before {
                    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
                }
            }

            .mks-detail-artnr {
                color: #666;
            }

            .mks-detail-manufacturer {
                background-color: #f8f8f8;
            }

            a {
                color: #0066cc;
            }

            .mks-detail-characteristics {
                .mks-characteristic-item {
                    border-bottom: 1px solid #f0f0f0;

                    .mks-characteristic-name {
                        color: #333;
                    }

                    .mks-characteristic-name {
                        color: #666;
                    }
                }
            }

            .mks-detail-identifiers {
                .mks-identifier-item {
                    background-color: #f8f8f8;
                    .mks-identifier-label {
                        color: #666;
                    }
                    .mks-identifier-value {
                        color: #333;
                    }
                }
            }

            .mks-detail-dimensions {
                .mks-dimension-item {
                    background-color: #f8f8f8;
                    .mks-dimension-label {
                        color: #666;
                    }
                    .mks-dimension-value {
                        color: #333;
                    }
                }
            }
        }
    }

    /* WebKit */
    .mks-overlay-body::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .mks-overlay-body::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 5px;
    }

    .mks-overlay-body::-webkit-scrollbar-thumb {
        background: #888; /* Normale Farbe statt Gradient */
        border-radius: 5px;
        border: 2px solid #f1f1f1;
    }

    .mks-overlay-body::-webkit-scrollbar-thumb:hover {
        background: #666; /* Normale Farbe beim Hover */
    }

    .mks-spinner {
        border: 4px solid #e9e9e9;
        border-top: 4px solid #454545;
    }
}
/* === THEME STYLES - END === */