/*
/* NB Fajl:'./static/css/nbcomponent/nb7.buttons.css.'
*/
/*
    BUTTONS komponenta
*/

.nb-btn{
    font-family:    var(--nb-btn-font-family);
    font-size:      var(--nb-btn-font-size);
    line-height:    var(--nb-btn-line-height);
    font-weight:    var(--nb-btn-font-weight);
    color:          var(--nb-btn-color);
    background:     var(--nb-btn-bg);
    height:         var(--nb-btn-height);
    border-radius:  var(--nb-btn-border-radius);
    border:         var(--nb-btn-border-width) var(--nb-btn-border-style) var(--nb-btn-border-color);
    padding:        var(--nb-btn-padding-y) var(--nb-btn-padding-x);
    min-width:      var(--nb-btn-min-width);
    position:relative;
}
.nb-btn:active,
.nb-btn:focus,
.nb-btn:hover{
    color:          var(--nb-btn-hover-color);
    background:     var(--nb-btn-hover-bg);
    border-color:   var(--nb-btn-hover-border-color);
}

.nb-btn.nb-btn-primary{
    color:          var(--nb-btn-primary-color);
    background:     var(--nb-btn-primary-bg);
    border-color:   var(--nb-btn-primary-border-color);
}
.nb-btn.nb-btn-primary:active,
.nb-btn.nb-btn-primary:focus,
.nb-btn.nb-btn-primary:hover{
    color:          var(--nb-btn-primary-hover-color);
    background:     var(--nb-btn-primary-hover-bg);
    border-color:   var(--nb-btn-primary-hover-border-color);
}

.nb-btn.nb-btn-secondary{
    color:          var(--nb-btn-secondary-color);
    background:     var(--nb-btn-secondary-bg);
    border-color:   var(--nb-btn-secondary-border-color);
}
.nb-btn.nb-btn-secondary:active,
.nb-btn.nb-btn-secondary:focus,
.nb-btn.nb-btn-secondary:hover{
    color:          var(--nb-btn-secondary-hover-color);
    background:     var(--nb-btn-secondary-hover-bg);
    border-color:   var(--nb-btn-secondary-hover-border-color);
}

.nb-btn.nb-btn-success{
    color:          var(--nb-btn-success-color);
    background:     var(--nb-btn-success-bg);
    border-color:   var(--nb-btn-success-border-color);
}
.nb-btn.nb-btn-success:active,
.nb-btn.nb-btn-success:focus,
.nb-btn.nb-btn-success:hover{
    color:          var(--nb-btn-success-hover-color);
    background:     var(--nb-btn-success-hover-bg);
    border-color:   var(--nb-btn-success-hover-border-color);
}

.nb-btn.nb-btn-danger{
    color:          var(--nb-btn-danger-color);
    background:     var(--nb-btn-danger-bg);
    border-color:   var(--nb-btn-danger-border-color);
}
.nb-btn.nb-btn-danger:active,
.nb-btn.nb-btn-danger:focus,
.nb-btn.nb-btn-danger:hover{
    color:          var(--nb-btn-danger-hover-color);
    background:     var(--nb-btn-danger-hover-bg);
    border-color:   var(--nb-btn-danger-hover-border-color);
}

.nb-btn.nb-btn-warning{
    color:          var(--nb-btn-warning-color);
    background:     var(--nb-btn-warning-bg);
    border-color:   var(--nb-btn-warning-border-color);
}
.nb-btn.nb-btn-warning:active,
.nb-btn.nb-btn-warning:focus,
.nb-btn.nb-btn-warning:hover{
    color:          var(--nb-btn-warning-hover-color);
    background:     var(--nb-btn-warning-hover-bg);
    border-color:   var(--nb-btn-warning-hover-border-color);
}

.nb-btn.nb-btn-info{
    color:          var(--nb-btn-info-color);
    background:     var(--nb-btn-info-bg);
    border-color:   var(--nb-btn-info-border-color);
}
.nb-btn.nb-btn-info:active,
.nb-btn.nb-btn-info:focus,
.nb-btn.nb-btn-info:hover{
    color:          var(--nb-btn-info-hover-color);
    background:     var(--nb-btn-info-hover-bg);
    border-color:   var(--nb-btn-info-hover-border-color);
}

.nb-btn.nb-btn-dark{
    color:          var(--nb-btn-dark-color);
    background:     var(--nb-btn-dark-bg);
    border-color:   var(--nb-btn-dark-border-color);
}
.nb-btn.nb-btn-dark:active,
.nb-btn.nb-btn-dark:focus,
.nb-btn.nb-btn-dark:hover{
    color:          var(--nb-btn-dark-hover-color);
    background:     var(--nb-btn-dark-hover-bg);
    border-color:   var(--nb-btn-dark-hover-border-color);
}

.nb-btn.nb-btn-light{
    color:          var(--nb-btn-light-color);
    background:     var(--nb-btn-light-bg);
    border-color:   var(--nb-btn-light-border-color);
}
.nb-btn.nb-btn-light:active,
.nb-btn.nb-btn-light:focus,
.nb-btn.nb-btn-light:hover{
    color:          var(--nb-btn-light-hover-color);
    background:     var(--nb-btn-light-hover-bg);
    border-color:   var(--nb-btn-light-hover-border-color);
}

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


.nb-btn:hover{
    text-decoration: none;
}

.nb-btn-button{
    color: var(--nb-color-white);
    background: var(--nb-btn-primary-bg);
    border-color: var(--nb-btn-primary-border-color);
}
.nb-btn-button:active,
.nb-btn-button:focus,
.nb-btn-button:hover{
    color: var(--nb-color-white);
    background: var(--nb-btn-primary-hover-bg);
    border-color: var(--nb-btn-primary-hover-border-color);
}

.nb-btn-add-to-cart{

}

.nb-btn-add-to-cart-detail{

}

.nb-btn-add-to-cart-list{

}

.nb-btn-form{
    --nb-btn-min-width: 150px;
    color: var(--nb-color-white);
    background: var(--nb-btn-primary-bg);
    border-color: var(--nb-btn-primary-border-color);
    /*padding: ;*/
}

.nb-btn-form:active,
.nb-btn-form:focus,
.nb-btn-form:hover{
    color: var(--nb-color-white);
    background: var(--nb-btn-primary-hover-bg);
    border-color: var(--nb-btn-primary-hover-border-color);
}

.nb-btn.nb-btn-link{
    color: var(--nb-color-white) ;
    background: var(--nb-spec-color) ;
    border-color: var(--nb-spec-color) ;
}

.nb-btn.nb-btn-link:active,
.nb-btn.nb-btn-link:focus,
.nb-btn.nb-btn-link:hover {
    color: var(--nb-spec-color);
    background: var(--nb-color-white);
    border-color: var(--nb-spec-color);
}

/* Submit loading */
.nb-btn[type='submit'].active .btn-text,
.nb-btn[type='submit'] .nb-btn-loading{
    display: none;
}
.nb-btn[type='submit'].active .nb-btn-loading{
    display: block;
}
.nb-btn[type='submit'].active{
    pointer-events: none;
    opacity: .5;
}


/* Different style button*/

.nb-btn.nb-btn-link-style{
    padding: 0;
    background: transparent;
    border: none;
    color: var(--nb-text-color-primary);
    min-width: auto;
}

.nb-btn.nb-btn-link-style:active,
.nb-btn.nb-btn-link-style:focus,
.nb-btn.nb-btn-link-style:hover{
    background: transparent;
    color: var(--nb-spec-color);
}

@media screen and (max-width: 576px) {
    .nb-btn-form {
        width: 100%;
    }
}

/*Btn with icon*/
.nb-btn.nb-icon-btn{
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.nb-btn.nb-icon-btn.reverse-icon{
    flex-direction: row-reverse;
}


/* Transparent Btn */
.nb-btn.nb-btn-primary-transparent{
    --nb-btn-primary-color: var(--nb-color-primary);
    color:          var(--nb-btn-primary-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-primary-border-color);
}
.nb-btn.nb-btn-primary-transparent:active,
.nb-btn.nb-btn-primary-transparent:focus,
.nb-btn.nb-btn-primary-transparent:hover{
    --nb-btn-primary-hover-color: var(--nb-color-primary);
    color:          var(--nb-btn-primary-hover-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-primary-hover-border-color);
}

.nb-btn.nb-btn-secondary-transparent{
    --nb-btn-secondary-color: var(--nb-color-secondary);
    color:          var(--nb-btn-secondary-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-secondary-border-color);
}
.nb-btn.nb-btn-secondary-transparent:active,
.nb-btn.nb-btn-secondary-transparent:focus,
.nb-btn.nb-btn-secondary-transparent:hover{
    --nb-btn-secondary-hover-color: var(--nb-color-secondary);
    color:          var(--nb-btn-secondary-hover-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-secondary-hover-border-color);
}

.nb-btn.nb-btn-success-transparent{
    --nb-btn-success-color: var(--nb-color-success);
    color:          var(--nb-btn-success-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-success-border-color);
}
.nb-btn.nb-btn-success-transparent:active,
.nb-btn.nb-btn-success-transparent:focus,
.nb-btn.nb-btn-success-transparent:hover{
    --nb-btn-success-hover-color: var(--nb-color-success);
    color:          var(--nb-btn-success-hover-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-success-hover-border-color);
}

.nb-btn.nb-btn-danger-transparent{
    --nb-btn-danger-color: var(--nb-color-danger);
    color:          var(--nb-btn-danger-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-danger-border-color);
}
.nb-btn.nb-btn-danger-transparent:active,
.nb-btn.nb-btn-danger-transparent:focus,
.nb-btn.nb-btn-danger-transparent:hover{
    --nb-btn-danger-hover-color: var(--nb-color-danger);
    color:          var(--nb-btn-danger-hover-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-danger-hover-border-color);
}

.nb-btn.nb-btn-warning-transparent{
    --nb-btn-warning-color: var(--nb-color-warning);
    color:          var(--nb-btn-warning-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-warning-border-color);
}
.nb-btn.nb-btn-warning-transparent:active,
.nb-btn.nb-btn-warning-transparent:focus,
.nb-btn.nb-btn-warning-transparent:hover{
    --nb-btn-warning-hover-color: var(--nb-color-warning);
    color:          var(--nb-btn-warning-hover-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-warning-hover-border-color);
}

.nb-btn.nb-btn-info-transparent{
    --nb-btn-info-color: var(--nb-color-info);
    color:          var(--nb-btn-info-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-info-border-color);
}
.nb-btn.nb-btn-info-transparent:active,
.nb-btn.nb-btn-info-transparent:focus,
.nb-btn.nb-btn-info-transparent:hover{
    --nb-btn-info-hover-color: var(--nb-color-info);
    color:          var(--nb-btn-info-hover-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-info-hover-border-color);
}

.nb-btn.nb-btn-dark-transparent{
    --nb-btn-dark-color: var(--nb-color-black);
    color:          var(--nb-btn-dark-color);
    background:     var(--nb-color-white);
    border-color:   var(--nb-btn-dark-border-color);
}
.nb-btn.nb-btn-dark-transparent:active,
.nb-btn.nb-btn-dark-transparent:focus,
.nb-btn.nb-btn-dark-transparent:hover{
    --nb-btn-dark-hover-color: var(--nb-color-dark);
    color:          var(--nb-color-white);
    background:     var(--nb-btn-dark-hover-color);
    border-color:   var(--nb-btn-dark-border-color);
}

.nb-btn.nb-btn-light-transparent{
    --nb-btn-light-color: var(--nb-color-light);
    color:          var(--nb-btn-light-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-light-border-color);
}
.nb-btn.nb-btn-light-transparent:active,
.nb-btn.nb-btn-light-transparent:focus,
.nb-btn.nb-btn-light-transparent:hover{
    --nb-btn-light-hover-color: var(--nb-color-light);
    color:          var(--nb-btn-light-hover-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-light-border-color);
}

.nb-btn.nb-btn-text{
    padding: 0;
    border: none;
    background: none;
    color: var(--nb-text-color-primary) !important;
}
.nb-btn.nb-btn-text,
.nb-btn.nb-btn-text,
.nb-btn.nb-btn-text{
    padding: 0;
    border: none;
    background: none;
}

/* Payment btn */

/*
/* NB Fajl:'./static/css/nbcomponent/nb7.modal.css.'
*//*
    MODAL komponenta
*/

.modal.nb-modal {
    top: 0;
}

.nb-modal {
    --bs-modal-zindex: var(--nb-modal-zindex);

}
.nb-modal .modal-dialog{
    max-width: var(--nb-modal-max-width)
}

.nb-modal .modal-dialog.modal-xl {
    max-width: var(--nb-modal-xl-max-width);
}

.nb-modal .modal-dialog.modal-lg {
    max-width: var(--nb-modal-lg-max-width);
}
.nb-modal .modal-dialog.modal-sm {
    max-width: var(--nb-modal-sm-max-width);
}
.nb-modal .modal-content{
    border-radius: var(--nb-modal-border-radius);
    border: var(--nb-modal-border-width) var(--nb-modal-border-style) var(--nb-modal-border-color);
    overflow: hidden;
}
.nb-modal .modal-header{
    background: var(--nb-modal-header-bg);
    border-bottom: var(--nb-modal-header-border-bottom-width) var(--nb-modal-header-border-bottom-style) var(--nb-modal-header-border-bottom-color);
}
.nb-modal .modal-header .nb-btn-close,
.nb-modal .modal-header .nb-modal-title{
    color: var(--nb-modal-header-color);
    line-height: inherit;
}
.nb-modal .modal-footer{
    background: var(--nb-modal-footer-bg);
    border-top: var(--nb-modal-footer-border-top-width) var(--nb-modal-footer-border-top-style) var(--nb-modal-footer-border-top-color);
}
.modal-backdrop{
    --bs-backdrop-zindex: var(--nb-backdrop-zindex);
}
.nb-modal .nb-modal-header{
    padding: var(--nb-modal-header-padding-y) var(--nb-modal-header-padding-x);
    border-top-left-radius: var(--nb-modal-border-radius);
    border-top-right-radius: var(--nb-modal-border-radius);
}
.nb-modal .nb-modal-header.nb-modal-header-center {
    justify-content: center;
}
.nb-modal .nb-modal-body{
    padding: var(--nb-modal-padding-y) var(--nb-modal-padding-x);
}
.nb-modal .nb-modal-footer{
    padding: var(--nb-modal-padding-y) var(--nb-modal-padding-x);
}
.nb-modal .nb-btn-close {
    position: absolute;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .nb-modal .nb-modal-dialog.modal-fullscreen-md-down .modal-content {
        border-radius: 0;
    }
}

@media screen and (max-width: 576px) {
    .nb-modal .nb-modal-dialog.modal-fullscreen-sm-down .modal-content {
        border-radius: 0;
    }

    .nb-modal .nb-modal-dialog.modal-fullscreen-sm-down {
        max-width: none;
    }
}

/*
/* NB Fajl:'./static/css/nbcore/nb7.animation.css.'
*/@-webkit-keyframes nba-rotate360Y {
    to { -webkit-transform: rotateY(360deg); }
}
@keyframes nba-rotate360Y {
    to { transform: rotateY(360deg); }
}

@keyframes nba-top-to-bottom-long-animation {
    from {
        opacity: 0;
        transform: translateY(-300%);
        -webkit-transform: translateY(-300%);
    }
    to   {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@keyframes nba-top-to-bottom-animation {
    from {
        opacity: 0;
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@keyframes nba-bottom-to-top-animation {
    from {
        opacity: 0;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@keyframes slideDown {
    0% {
        bottom: 0;
        opacity: 1;
    }
    100% {
        bottom: -1000px;
        opacity: 0;
    }
}

.cookie-disappear {
    animation: slideDown 1.5s forwards;
}

.nba-rotate360Y{
    -webkit-animation: nba-rotate360Y 1s infinite linear;
    animation: nba-rotate360Y 1s infinite linear;
}

.nba-bottom-to-top-animation {
    animation-name: nba-bottom-to-top-animation;
    animation-duration: 2s;
}

.nba-top-to-bottom-animation {
    animation-name: nba-top-to-bottom-animation;
    animation-duration: 1.5s;
}

.nba-top-to-bottom-long-animation {
    animation-name: nba-top-to-bottom-long-animation;
    animation-duration: 1.5s;
}

.nba-left-to-right-animation {
    opacity: 0;
    transition: all 2s;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.nba-active .nba-left-to-right-animation {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.nba-right-to-center-animation {
    opacity: 0;
    transition: all 1.5s;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.nba-active .nba-right-to-center-animation {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}