/**
 * NOTICE OF LICENSE
 *
 * All right is reserved,
 * Please go through LICENSE.txt file inside our module
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to newer
* versions in the future. If you wish to customize this module for your
* needs please refer to CustomizationPolicy.txt file inside our module for more information.
*
* @author Webkul IN
* @copyright since 2010 Webkul
 * @license LICENSE.txt
 */

.product-discounts {
    --wk-discount-accent: var(--bs-primary, var(--primary, #2fb5d2));
    --wk-discount-bg: var(--bs-body-bg, #fff);
    --wk-discount-border: rgba(0, 0, 0, 0.08);
    --wk-discount-border-strong: rgba(0, 0, 0, 0.12);
    --wk-discount-row-alt: rgba(0, 0, 0, 0.02);
    --wk-discount-row-hover: rgba(47, 181, 210, 0.08);
    --wk-discount-radius: 0.6rem;
    --wk-discount-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

@supports (color: color-mix(in srgb, #000, #fff)) {
    .product-discounts {
        --wk-discount-border: color-mix(in srgb, var(--wk-discount-accent) 18%, transparent);
        --wk-discount-border-strong: color-mix(in srgb, var(--wk-discount-accent) 28%, transparent);
        --wk-discount-row-alt: color-mix(in srgb, var(--wk-discount-accent) 5%, var(--wk-discount-bg));
        --wk-discount-row-hover: color-mix(in srgb, var(--wk-discount-accent) 10%, var(--wk-discount-bg));
    }
}

.disc-btn {
    width: 100%;
    padding: .100rem;
}

.product-discounts .wk-discount-table-container {
    border: 1px solid var(--wk-discount-border);
    border-radius: var(--wk-discount-radius);
    background: var(--wk-discount-bg);
    box-shadow: var(--wk-discount-shadow);
    overflow: auto;
}

.product-discounts .wk-table-product-discounts,
.product-discounts .table-product-discounts {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.product-discounts .wk-table-product-discounts thead th,
.product-discounts .table-product-discounts thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--wk-discount-bg);
    box-shadow: inset 0 -2px 0 var(--wk-discount-accent);
}

.product-discounts .wk-table-product-discounts tbody tr:nth-child(even),
.product-discounts .table-product-discounts tbody tr:nth-child(even) {
    background: var(--wk-discount-row-alt);
}

.product-discounts .wk-table-product-discounts tbody tr:hover,
.product-discounts .table-product-discounts tbody tr:hover {
    background: var(--wk-discount-row-hover);
}

.product-discounts .wk-table-product-discounts th,
.product-discounts .wk-table-product-discounts td,
.product-discounts .table-product-discounts th,
.product-discounts .table-product-discounts td {
    background: transparent;
    border: 0;
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
}

.product-discounts .wk-table-product-discounts thead tr th,
.product-discounts .table-product-discounts thead tr th {
    border-bottom: 1px solid var(--wk-discount-border-strong);
}

.product-discounts .wk-table-product-discounts tbody tr td,
.product-discounts .table-product-discounts tbody tr td {
    border-bottom: 1px solid var(--wk-discount-border);
}

.product-discounts .wk-table-product-discounts tbody tr:last-child td,
.product-discounts .table-product-discounts tbody tr:last-child td {
    border-bottom: 0;
}

.product-discounts .wk-table-product-discounts thead tr th {
    width: 11%;
    padding: .5rem .75rem;
    line-height: 1.2;
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
    color: #232323;
}

@supports (color: color-mix(in srgb, #000, #fff)) {
    .product-discounts .wk-table-product-discounts thead tr th {
        color: color-mix(in srgb, var(--wk-discount-accent) 72%, #000);
    }
}

.product-discounts .wk-table-product-discounts tbody tr td {
    padding: .45rem .75rem;
    line-height: 1.2;
    text-align: center;
    font-size: .75rem;
}

.product-discounts .table-product-discounts thead tr th {
    padding: .5rem .75rem;
    line-height: 1.2;
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
    color: #232323;
}

.product-discounts .table-product-discounts tbody tr td {
    padding: .45rem .75rem;
    line-height: 1.2;
    text-align: center;
    font-size: .75rem;
}
.table-product-discounts {
    color: #232323;
    font-size: .9375rem;
}
.wk-discount-table-container {
    max-height: 200px;
    overflow: auto;
}
.wk-table-product-discounts{
    width: 100%;
}

body:not(#product):not(.page-product) .product-discounts .wk-table-product-discounts thead th:nth-child(3),
body:not(#product):not(.page-product) .product-discounts .wk-table-product-discounts tbody td:nth-child(3),
body:not(#product):not(.page-product) .product-discounts .table-product-discounts thead th:nth-child(3),
body:not(#product):not(.page-product) .product-discounts .table-product-discounts tbody td:nth-child(3) {
    display: none;
}