:root {
    --riby-bs-woo-free-gifts-primary-color: var(--bs-primary);
    --riby-bs-woo-free-gifts-primary-color-rgb: var(--bs-primary-rgb);
    --riby-bs-woo-free-gifts-primary-color-text: var(--bs-dark);
    --riby-bs-woo-free-gifts-primary-active-color: var(--bs-primary);
    --riby-bs-woo-free-gifts-primary-hover-color: var(--bs-primary);
    --riby-bs-woo-free-gifts-success-color: var(--bs-success);
    --riby-bs-woo-free-gifts-success-color-text: var(--bs-light);
    --riby-bs-woo-free-gifts-succes-active-color: var(--bs-success);
    --riby-bs-woo-free-gifts-succes-hover-color: var(--bs-success);
    --riby-bs-woo-free-gifts-info-color-text: var(--bs-dark);
}

.gift-shipping-cb-wrap .toggle .btn.btn-primary { /* Style Free Gift */
    --bs-btn-color: var(--riby-bs-woo-free-gifts-success-color-text);
    --bs-btn-bg: var(--riby-bs-woo-free-gifts-primary-color);
    --bs-btn-border-color: var(--riby-bs-woo-free-gifts-primary-color);
    --bs-btn-hover-color: var(--riby-bs-woo-free-gifts-success-color-text);
    --bs-btn-hover-bg: var(--riby-bs-woo-free-gifts-primary-hover-color);
    --bs-btn-hover-border-color: var(--riby-bs-woo-free-gifts-primary-hover-color);
    --bs-btn-active-color: var(--riby-bs-woo-free-gifts-success-color-text);
    --bs-btn-active-bg: var(--riby-bs-woo-free-gifts-primary-active-color);
    --bs-btn-active-border-color: var(--riby-bs-woo-free-gifts-primary-active-color);
}

.gift-shipping-cb-wrap .toggle .btn.btn-success { /* Style Free Shipping */
    --bs-btn-color: var(--riby-bs-woo-free-gifts-success-color-text);
    --bs-btn-bg: var(--riby-bs-woo-free-gifts-success-color);
    --bs-btn-border-color: var(--riby-bs-woo-free-gifts-success-color);
    --bs-btn-hover-color: var(--riby-bs-woo-free-gifts-success-color-text);
    --bs-btn-hover-bg: var(--riby-bs-woo-free-gifts-succes-hover-color);
    --bs-btn-hover-border-color: var(--riby-bs-woo-free-gifts-succes-hover-color);
    --bs-btn-active-color: var(--riby-bs-woo-free-gifts-success-color-text);
    --bs-btn-active-bg: var(--riby-bs-woo-free-gifts-succes-active-color);
    --bs-btn-active-border-color: var(--riby-bs-woo-free-gifts-succes-active-color);
}

.free-item-container .progress {
    color: var(--riby-bs-woo-free-gifts-primary-color-text);
    --bs-progress-height: 1.8rem;
    position: relative;
    margin: .5em 0;
}

/* Prevents toggle from increasing the height of the container */
.free-item-container .gift-shipping-cb-wrap > .toggle {
    min-height: 0!important;
}

.progress-bar {
    background-color: var(--riby-bs-woo-free-gifts-primary-color);
    position: absolute;
    left:0;
    top:0;
    bottom:0;
}

.progress .text-output-to-destination {
    position: absolute;
    font-weight: bold;
    font-size: 1em;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding-right: 1em;
}

.progress.complete .text-output-to-destination {
    color: var(--riby-bs-woo-free-gifts-success-color-text);
}

.free-item-container .progress.complete {

    color: var(--riby-bs-woo-free-gifts-success-color-text);
}

.complete .progress-bar {
    background-color: var(--riby-bs-woo-free-gifts-success-color);
}

.complete .text-output-to-destination {
    margin-left: 1em;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.complete-sign {
    position: absolute;
    margin-right: 1em;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}


.cartInfo {
    font-weight: bold;
    color: var(--riby-bs-woo-free-gifts-info-color-text) !important;
}

.completed-all-stages {
    color: var(--riby-bs-woo-free-gifts-success-color);
}

/* Fix for WC block */

.wc-block-components-order-summary-item__total-price {
    min-width: fit-content;
}

/* Color for checkout free items */
.wc-block-components-order-summary-item.free-item .wc-block-components-order-summary-item__total-price > .price {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--riby-bs-woo-free-gifts-primary-color-rgb), var(--bs-bg-opacity)) !important;

    --bs-badge-padding-x: .65em;
    --bs-badge-padding-y: .35em;
    --bs-badge-font-size: 1em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    border-radius: var(--bs-badge-border-radius);
    color: var(--bs-badge-color);
    display: inline-block;
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}