
/*
    ADD TO CART komponenta
*/

.nb-btn.nb-add-to-cart{
    font-family:    var(--nb-add-to-cart-font-family);
    font-size:      var(--nb-add-to-cart-font-size);
    line-height:    var(--nb-add-to-cart-line-height);
    font-weight:    var(--nb-add-to-cart-font-weight);
    color:          var(--nb-add-to-cart-color);
    background:     var(--nb-add-to-cart-bg);
    height:         var(--nb-add-to-cart-height);
    border-radius:  var(--nb-add-to-cart-border-radius);
    border:         var(--nb-add-to-cart-border-width) var(--nb-add-to-cart-border-style) var(--nb-add-to-cart-border-color);
    padding:        var(--nb-add-to-cart-padding-y) var(--nb-add-to-cart-padding-x);
    min-width:      var(--nb-add-to-cart-min-width);
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nb-btn.nb-add-to-cart:active,
.nb-btn.nb-add-to-cart:focus,
.nb-btn.nb-add-to-cart:hover{
    color:          var(--nb-add-to-cart-hover-color);
    background:     var(--nb-add-to-cart-hover-bg);
    border-color:   var(--nb-add-to-cart-hover-border-color);
}

.nb-btn.nb-add-to-cart .nb-icon{
    margin-right: calc(var(--nb-spacer)/2);
}

/* loader */
.nb-btn.nb-add-to-cart .nb-add-to-cart-loader{
    display: none;
}
.nb-btn.nb-add-to-cart.addingItem .nb-add-to-cart-loader{
    display: block;
}
.nb-btn.nb-add-to-cart.addingItem .nb-add-to-cart-text{
    display: none;
}

.nb-btn.nb-add-to-cart.addingItem .nb-dot,
.nb-btn.nb-add-to-cart.addingItem .nb-dot-2,
.nb-btn.nb-add-to-cart.addingItem .nb-dot-4 {
    animation: blink 2s infinite;
    font-size: 16px;
}

.nb-btn.nb-add-to-cart.addingItem .nb-dot-2 {
    animation-delay: 0.5s;
}

.nb-btn.nb-add-to-cart.addingItem .nb-dot-4 {
    animation-delay: 1s;
}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

/* Sizing */
.nb-btn.nb-add-to-cart.nb-add-to-cart-xs{
    font-size:      var(--nb-add-to-cart-font-size-xs);
    line-height:    var(--nb-add-to-cart-line-height-xs);
    padding-top:    var(--nb-add-to-cart-padding-y-xs);
    padding-bottom: var(--nb-add-to-cart-padding-y-xs);
}
.nb-btn.nb-add-to-cart.nb-add-to-cart-s{
    font-size:      var(--nb-add-to-cart-font-size-s);
    line-height:    var(--nb-add-to-cart-line-height-s);
    padding-top:    var(--nb-add-to-cart-padding-y-s);
    padding-bottom: var(--nb-add-to-cart-padding-y-s);
}
.nb-btn.nb-add-to-cart.nb-add-to-cart-m{
    font-size:      var(--nb-add-to-cart-font-size-m);
    line-height:    var(--nb-add-to-cart-line-height-m);
    padding-top:    var(--nb-add-to-cart-padding-y-m);
    padding-bottom: var(--nb-add-to-cart-padding-y-m);
}
.nb-btn.nb-add-to-cart.nb-add-to-cart-l{
    font-size:      var(--nb-add-to-cart-font-size-l);
    line-height:    var(--nb-add-to-cart-line-height-l);
    padding-top:    var(--nb-add-to-cart-padding-y-l);
    padding-bottom: var(--nb-add-to-cart-padding-y-l);
}
