:root {
    /* kontejner */
    --nb-nb-cart-nb-cart-voucher-item-1-font-size               : 14px;
    --nb-nb-cart-nb-cart-voucher-item-1-font-weight             : var(--nb-font-regular);
    --nb-nb-cart-nb-cart-voucher-item-1-font-lh                 : 1.4;
    --nb-nb-cart-nb-cart-voucher-item-1-text-color              : #1f2937;
    --nb-nb-cart-nb-cart-voucher-item-1-muted-color             : var(--nb-text-color-primary);
    --nb-nb-cart-nb-cart-voucher-item-1-border-width            : 1px;
    --nb-nb-cart-nb-cart-voucher-item-1-border-style            : solid;
    --nb-nb-cart-nb-cart-voucher-item-1-border-color            : #e5e7eb;
    --nb-nb-cart-nb-cart-voucher-item-1-radius                  : 0;
    --nb-nb-cart-nb-cart-voucher-item-1-bg                      : #ffffff;
    --nb-nb-cart-nb-cart-voucher-item-1-spacing-bottom          : 16px;

    /* gornja sekcija */
    --nb-nb-cart-nb-cart-voucher-item-1-top-padding             : 16px;
    --nb-nb-cart-nb-cart-voucher-item-1-top-gap                 : 16px;

    /* slika */
    --nb-nb-cart-nb-cart-voucher-item-1-img-size                : 100px;
    --nb-nb-cart-nb-cart-voucher-item-1-img-bg                  : #d1d5db;
    --nb-nb-cart-nb-cart-voucher-item-1-img-radius              : 4px;
    --nb-nb-cart-nb-cart-voucher-item-1-img-fit                 : cover;

    /* detalji */
    --nb-nb-cart-nb-cart-voucher-item-1-details-gap             : 4px;
    --nb-nb-cart-nb-cart-voucher-item-1-name-font-size          : 16px;
    --nb-nb-cart-nb-cart-voucher-item-1-name-font-weight        : var(--nb-font-regular);
    --nb-nb-cart-nb-cart-voucher-item-1-price-font-size         : 16px;
    --nb-nb-cart-nb-cart-voucher-item-1-price-font-weight       : var(--nb-font-bold);
    --nb-nb-cart-nb-cart-voucher-item-1-price-color             : var(--nb-color-blue);
    --nb-nb-cart-nb-cart-voucher-item-1-qty-font-size           : 12px;
    --nb-nb-cart-nb-cart-voucher-item-1-qty-color               : var(--nb-nb-cart-nb-cart-voucher-item-1-muted-color);

    /* brisanje */
    --nb-nb-cart-nb-cart-voucher-item-1-delete-top              : 16px;
    --nb-nb-cart-nb-cart-voucher-item-1-delete-right            : 16px;
    --nb-nb-cart-nb-cart-voucher-item-1-delete-size             : 18px;

    /* donja sekcija */
    --nb-nb-cart-nb-cart-voucher-item-1-bottom-padding-y        : 14px;
    --nb-nb-cart-nb-cart-voucher-item-1-bottom-padding-x        : 16px;
    --nb-nb-cart-nb-cart-voucher-item-1-bottom-gap              : 16px;
    --nb-nb-cart-nb-cart-voucher-item-1-bottom-separator-width  : 1px;
    --nb-nb-cart-nb-cart-voucher-item-1-bottom-separator-style  : solid;
    --nb-nb-cart-nb-cart-voucher-item-1-bottom-separator-color  : #e5e7eb;
    --nb-nb-cart-nb-cart-voucher-item-1-info-gap                : 2px;
    --nb-nb-cart-nb-cart-voucher-item-1-info-heading-font-size  : 14px;
    --nb-nb-cart-nb-cart-voucher-item-1-info-heading-weight     : var(--nb-font-semibold);
    --nb-nb-cart-nb-cart-voucher-item-1-info-desc-font-size     : 12px;
    --nb-nb-cart-nb-cart-voucher-item-1-info-desc-color         : var(--nb-nb-cart-nb-cart-voucher-item-1-muted-color);

    /* dugme */
    --nb-nb-cart-nb-cart-voucher-item-1-button-color            : var(--nb-color-blue);
    --nb-nb-cart-nb-cart-voucher-item-1-button-border-width     : 1px;
    --nb-nb-cart-nb-cart-voucher-item-1-button-border-style     : solid;
    --nb-nb-cart-nb-cart-voucher-item-1-button-border-color     : var(--nb-btn-primary-border-color);
    --nb-nb-cart-nb-cart-voucher-item-1-button-radius           : var(--bs-btn-border-radius);
    --nb-nb-cart-nb-cart-voucher-item-1-button-padding-y        : 10px;
    --nb-nb-cart-nb-cart-voucher-item-1-button-padding-x        : 24px;
    --nb-nb-cart-nb-cart-voucher-item-1-button-min-width        : 240px;
    --nb-nb-cart-nb-cart-voucher-item-1-button-font-size        : 14px;

    /* mobilni */
    --nb-nb-cart-nb-cart-voucher-item-1-bottom-gap-mobile       : 12px;
    --nb-nb-cart-nb-cart-voucher-item-1-button-width-mobile     : 100%;
    --nb-nb-cart-nb-cart-voucher-item-1-img-size-mobile         : 64px;
    --nb-nb-cart-nb-cart-voucher-item-1-img-pointer-events         : none;
    --nb-nb-cart-nb-cart-voucher-item-1-name-padding-right-mobile         : 20px;

    @media (max-width: 768px) {
        --nb-nb-cart-nb-cart-voucher-item-1-name-font-size: 14px;
    }

}

.nb-cart-voucher-item-1 {
    font-size: var(--nb-nb-cart-nb-cart-voucher-item-1-font-size);
    font-weight: var(--nb-nb-cart-nb-cart-voucher-item-1-font-weight);
    line-height: var(--nb-nb-cart-nb-cart-voucher-item-1-font-lh);
    color: var(--nb-nb-cart-nb-cart-voucher-item-1-text-color);
    border:
            var(--nb-nb-cart-nb-cart-voucher-item-1-border-width)
            var(--nb-nb-cart-nb-cart-voucher-item-1-border-style)
            var(--nb-nb-cart-nb-cart-voucher-item-1-border-color);
    border-radius: var(--nb-nb-cart-nb-cart-voucher-item-1-radius);
    background-color: var(--nb-nb-cart-nb-cart-voucher-item-1-bg);
    margin-bottom: var(--nb-nb-cart-nb-cart-voucher-item-1-spacing-bottom);
    overflow: hidden;

    .nb-cart-voucher-item-top-section {
        display: flex;
        align-items: center;
        padding: var(--nb-nb-cart-nb-cart-voucher-item-1-top-padding);
        gap: var(--nb-nb-cart-nb-cart-voucher-item-1-top-gap);
        position: relative;

        .nb-delete-product-cart-item {
            width: fit-content;
            height: fit-content;
            position: absolute;
            top: var(--nb-nb-cart-nb-cart-voucher-item-1-delete-top);
            right: var(--nb-nb-cart-nb-cart-voucher-item-1-delete-right);
            cursor: pointer;
            line-height: 1;
        }

        .nb-img-wrapper {
            flex: 0 0 auto;
            width: var(--nb-nb-cart-nb-cart-voucher-item-1-img-size);
            height: var(--nb-nb-cart-nb-cart-voucher-item-1-img-size);
            /*background-color: var(--nb-nb-cart-nb-cart-voucher-item-1-img-bg);*/
            border-radius: var(--nb-nb-cart-nb-cart-voucher-item-1-img-radius);
            overflow: hidden;
            pointer-events: var(--nb-nb-cart-nb-cart-voucher-item-1-img-pointer-events);

            .nb-link,
            picture {
                display: block;
                width: 100%;
                height: 100%;
            }

            .nb-img {
                width: 100%;
                height: 100%;
                object-fit: var(--nb-nb-cart-nb-cart-voucher-item-1-img-fit);
                display: block;
            }
        }

        .nb-cart-voucher-item-details {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: var(--nb-nb-cart-nb-cart-voucher-item-1-details-gap);
            min-width: 0;

            .nb-cart-voucher-item-name {
                font-size: var(--nb-nb-cart-nb-cart-voucher-item-1-name-font-size);
                font-weight: var(--nb-nb-cart-nb-cart-voucher-item-1-name-font-weight);
            }

            .nb-cart-voucher-item-price {
                font-size: var(--nb-nb-cart-nb-cart-voucher-item-1-price-font-size);
                font-weight: var(--nb-nb-cart-nb-cart-voucher-item-1-price-font-weight);
                color: var(--nb-nb-cart-nb-cart-voucher-item-1-price-color);
            }

            .nb-cart-voucher-item-qty {
                font-size: var(--nb-nb-cart-nb-cart-voucher-item-1-qty-font-size);
                color: var(--nb-nb-cart-nb-cart-voucher-item-1-qty-color);
            }
        }
    }

    .nb-cart-voucher-item-bottom-section {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: var(--nb-nb-cart-nb-cart-voucher-item-1-bottom-gap);
        padding:
                var(--nb-nb-cart-nb-cart-voucher-item-1-bottom-padding-y)
                var(--nb-nb-cart-nb-cart-voucher-item-1-bottom-padding-x);
        border-top:
                var(--nb-nb-cart-nb-cart-voucher-item-1-bottom-separator-width)
                var(--nb-nb-cart-nb-cart-voucher-item-1-bottom-separator-style)
                var(--nb-nb-cart-nb-cart-voucher-item-1-bottom-separator-color);

        .nb-cart-voucher-item-info {
            display: flex;
            flex-direction: column;
            gap: var(--nb-nb-cart-nb-cart-voucher-item-1-info-gap);
            min-width: 0;
        }

        .nb-cart-voucher-item-info-heading {
            font-size: var(--nb-nb-cart-nb-cart-voucher-item-1-info-heading-font-size);
            font-weight: var(--nb-nb-cart-nb-cart-voucher-item-1-info-heading-weight);
        }

        .nb-cart-voucher-item-info-description {
            font-size: var(--nb-nb-cart-nb-cart-voucher-item-1-info-desc-font-size);
            color: var(--nb-nb-cart-nb-cart-voucher-item-1-info-desc-color);
        }

        .nb-btn.nb-btn-primary-transparent {
            flex: 0 0 auto;
            min-width: var(--nb-nb-cart-nb-cart-voucher-item-1-button-min-width);
            padding:
                    var(--nb-nb-cart-nb-cart-voucher-item-1-button-padding-y)
                    var(--nb-nb-cart-nb-cart-voucher-item-1-button-padding-x);

            border-radius: var(--nb-nb-cart-nb-cart-voucher-item-1-button-radius);
            font-size: var(--nb-nb-cart-nb-cart-voucher-item-1-button-font-size);
        }

        .nb-btn.nb-btn-primary-transparent:not(:hover):not(:active):not(:focus)  {
            color: var(--nb-nb-cart-nb-cart-voucher-item-1-button-color);
        }
    }
}

.nb-cart-voucher-item-1.nb-confirmed .nb-btn.nb-btn-primary-transparent:before {
    content: "\ea61";
    font-family: 'nbi-font', 'bootstrap-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    margin-right: 5px
}

@media (max-width: 768px) {
    .nb-cart-voucher-item-1 {

        .nb-cart-voucher-item-name {
            padding-right: var(--nb-nb-cart-nb-cart-voucher-item-1-name-padding-right-mobile);
        }

        .nb-cart-voucher-item-top-section {
            .nb-img-wrapper {
                width: var(--nb-nb-cart-nb-cart-voucher-item-1-img-size-mobile);
                height: var(--nb-nb-cart-nb-cart-voucher-item-1-img-size-mobile);
            }
        }

        .nb-cart-voucher-item-bottom-section {
            flex-direction: column;
            align-items: stretch;
            gap: var(--nb-nb-cart-nb-cart-voucher-item-1-bottom-gap-mobile);

            .nb-btn.nb-btn-primary-transparent {
                width: var(--nb-nb-cart-nb-cart-voucher-item-1-button-width-mobile);
                min-width: 0;
            }
        }
    }
}