/* EUROBIKE WEB v2 */

/* FLAGS */
.flag.flag-discount,
.flag-action-percentage{
    background:#ed1c24!important;
    color:#fff!important;
}

.flag.flag-action{
    background:#0c0c0c;
    max-width:20em!important;
}

.flag.flag-new{
    background:#231f20;
}

.flag.flag-freeshipping{
    display:none!important;
}

.flag-custom2{
    max-width:11em!important;
}

.flag-62459831EEBA0,
.flag-akcia-konci-10-04-2023{
    max-width:15em!important;
}

.flag-takmer-vypredane{
    max-width:20em!important;
}

.price-action-before,
span.price-save{
    color:#ed1c24!important;
}


/* GENERAL */
.co-payment-method #order-billing-methods tr{
    display:none;
}

.products-block .p-bottom .p-desc{
    text-align:justify;
}

#footer .footer-rows .site-name{
    display:none;
}

#footer .custom-footer{
    padding-left:0!important;
}

#colorbox .advanced-order .extra.discount>span>strong,
.ordering-process .cart-summary .extra.discount>span>strong{
    display:none;
}


/* NAVIGATION */
.container.navigation-wrapper{
    width:100%;
}

@media(min-width:992px){
    .popup-widget{
        right:0!important;
        left:unset;
    }
}

@media(min-width:768px){
    .fitted .navigation-in ul{
        justify-content:center;
    }
}

.menu-level-2{
    justify-content:flex-start!important;
}


/* SPLÁTKOVÉ KALKULAČKY */
.p-detail-inner #HcCalculater{
    display:block!important;
}

.p-detail-inner #HcCalculater a{
    padding-left:3px;
}

.p-detail-inner .quatro-addon__calc-button__wrapper a{
    background:url("https://quatro.vub.sk/images/logo.svg") 0 6px/30px no-repeat!important;
    padding-left:35px!important;
    font-size:15px;
}

.p-detail-inner #HcCalculater a,
.p-detail-inner .quatro-addon__calc-button__wrapper a{
    font-size:14px!important;
}


/* HIDDEN ELEMENTS */
label[for=stock],
.filter-sections>.filter-section.filter-section-default,
.product-appendix{
    display:none!important;
}


/* ADDON VARIABLES */
:root{
    --contact-form-border-radius:6px;
    --contact-form-BG:#f7f7f7;
    --contact-form-BG-hover:#eaeaea;
    --contact-form-title-color:#231f20;
    --contact-form-text-color:#231f20;
    --contact-form-link-color:#231f20;
    --contact-form-icon-color:#ed1c24;
    --contact-form-border-color:#f7f7f7;

    --registration-discount-border-radius:6px;
    --registration-discount-BG:#f7f7f7;
    --registration-discount-BG-hover:#eaeaea;
    --registration-discount-btn-BG:#0c0c0c;
    --registration-discount-btn-BG-hover:#57a221;
    --registration-discount-title-color:#231f20;
    --registration-discount-price-color:#ed1c24;
    --registration-discount-btn-text-color:#fff;
    --registration-discount-btn-icon-color:#fff;
}


/* MEMBER PRICE */
.registration-discount-block{
    border-radius:6px!important;
    overflow:hidden!important;
}

.registration-discount__text-block,
.registration-discount__text-block *{
    font-style:normal!important;
}

.registration-discount-block--detail{
    display:flex!important;
    align-items:stretch!important;
    width:100%!important;
    min-height:52px!important;
    border-radius:6px!important;
    overflow:hidden!important;
}

.registration-discount-block--detail .registration-discount__text-block{
    flex:1 1 auto!important;
    min-width:0!important;
}

.registration-discount-block--detail .registration-discount__btn{
    flex:0 0 160px!important;
    width:160px!important;
    min-width:160px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    font-size:14px!important;
    font-weight:400!important;
    background-image:none!important;
}

.registration-discount-block--detail .registration-discount__btn:before,
.registration-discount-block--detail .registration-discount__btn:after,
.registration-discount-block--detail .registration-discount__btn svg,
.registration-discount-block--detail .registration-discount__btn i{
    display:none!important;
    content:none!important;
}

.registration-discount__btn:hover{
    background:#57a221!important;
    color:#fff!important;
}


/* GARANCIA NAJLEPŠEJ CENY */
.detail-contact-button{
    display:flex!important;
    align-items:stretch!important;
    width:100%!important;
    min-height:52px!important;
    padding:0!important;
    background:#f7f7f7!important;
    border-radius:6px!important;
    overflow:hidden!important;
}

.detail-contact-button .eb-g-label{
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
    padding:0 16px!important;
    background:#f7f7f7!important;
    color:#231f20!important;
    font-size:14px!important;
    font-weight:400!important;
    transition:.2s ease!important;
}

.detail-contact-button:hover .eb-g-label{
    background:#eaeaea!important;
}

.detail-contact-button a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 160px!important;
    width:160px!important;
    min-width:160px!important;
    margin:0!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    background:#0c0c0c!important;
    color:#fff!important;
    border:0!important;
    border-radius:0!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:400!important;
}

.detail-contact-button a:hover{
    background:#57a221!important;
    color:#fff!important;
    text-decoration:none!important;
}


/* PRODUCT TABS */
.shp-tabs-holder,
.shp-tabs-wrapper,
.shp-tabs-holder ul.shp-tabs{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

.shp-tabs-holder{
    padding:0!important;
}

.shp-tabs-holder ul.shp-tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
}

.shp-tabs-holder ul.shp-tabs li,
.shp-tabs-holder ul.shp-tabs li.active{
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

.shp-tabs-holder ul.shp-tabs li a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:46px!important;
    padding:0 20px!important;
    background:#f3f3f3!important;
    color:#231f20!important;
    border:1px solid #e1e1e1!important;
    border-radius:6px!important;
    font-size:14px!important;
    font-weight:600!important;
    text-decoration:none!important;
    box-shadow:none!important;
    transition:.2s ease!important;
}

.shp-tabs-holder ul.shp-tabs li a:hover{
    background:#e9e9e9!important;
    color:#231f20!important;
}

.shp-tabs-holder ul.shp-tabs li.active a,
.shp-tabs-holder ul.shp-tabs li a.active{
    background:#231f20!important;
    color:#fff!important;
    border-color:#231f20!important;
}


/* FOCUS */
a:focus,
a:focus-visible,
button:focus,
button:focus-visible,
input:focus,
input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible,
[tabindex]:focus,
[tabindex]:focus-visible,
.form-control:focus,
.search-form:focus,
.search-form:focus-within,
fieldset:focus,
fieldset:focus-within{
    outline:none!important;
    box-shadow:none!important;
}

input:focus,
input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible,
.form-control:focus,
.search-form input:focus,
.search-form input:focus-visible,
.search-form:focus-within,
.search-form fieldset:focus-within{
    border-color:#d7d7d7!important;
}


/* AVAILABILITY */
.availability,
.availability *,
.availability-value,
.availability-value *{
    border-bottom:0!important;
    text-decoration:none!important;
    background-image:none!important;
}

.p-detail .availability-value{
    display:inline-flex!important;
    align-items:center!important;
    height:42px!important;
    padding:0 14px!important;
    border:1px solid #d7d7d7!important;
    border-radius:6px!important;
    font-size:14px!important;
}

.products-block .availability{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    width:100%!important;
    height:42px!important;
    margin:8px 0 12px!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
    border:1px solid #d7d7d7!important;
    border-radius:6px!important;
}

.products-block .availability,
.products-block .availability *{
    font-size:14px!important;
    line-height:1!important;
    color:#4ca51c!important;
}


/* DETAIL - QUANTITY + ADD TO CART */
.p-detail .add-to-cart{
    display:flex!important;
    width:100%!important;
    gap:12px!important;
}

.p-detail .quantity{
    display:grid!important;
    grid-template-columns:44px 56px 44px!important;
    flex:0 0 144px!important;
    width:144px!important;
    height:52px!important;
    margin:0!important;
    border:1px solid #d7d7d7!important;
    border-radius:6px!important;
    overflow:hidden!important;
}

.p-detail .increase-tooltip,
.p-detail .decrease-tooltip{
    display:none!important;
}

.p-detail .quantity>label{
    grid-column:2;
    grid-row:1;
    width:56px!important;
    height:50px!important;
    margin:0!important;
    border-left:1px solid #ddd!important;
    border-right:1px solid #ddd!important;
}

.p-detail .quantity .amount{
    width:100%!important;
    height:50px!important;
    padding:0!important;
    border:0!important;
    text-align:center!important;
    font-size:14px!important;
}

.p-detail .quantity .decrease{
    grid-column:1!important;
}

.p-detail .quantity .increase{
    grid-column:3!important;
}

.p-detail .quantity .increase,
.p-detail .quantity .decrease{
    grid-row:1!important;
    position:static!important;
    width:44px!important;
    height:50px!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}

.p-detail .increase__sign,
.p-detail .decrease__sign{
    position:static!important;
    display:block!important;
    font-size:23px!important;
    line-height:1!important;
    transform:none!important;
    color:#222!important;
}

.p-detail .quantity .increase:before,
.p-detail .quantity .increase:after,
.p-detail .quantity .decrease:before,
.p-detail .quantity .decrease:after{
    display:none!important;
}

.p-detail .add-to-cart-button{
    flex:1!important;
    height:52px!important;
    margin:0!important;
    font-size:14px!important;
    border-radius:6px!important;
}

.p-detail .add-to-cart-button:before,
.p-detail .add-to-cart-button:after{
    display:none!important;
    content:none!important;
}


/* PRODUCT CARDS */
.products-block .p,
.products-block .p-in{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
}

.products-block .p-in{
    flex:1!important;
}

.products-block .p-bottom{
    display:flex!important;
    flex-direction:column!important;
    margin-top:auto!important;
    width:100%!important;
}

.products-block .prices,
.products-block .p .price-standard,
.products-block .p .price-save{
    display:none!important;
}

.ebp{
    width:100%!important;
    height:50px!important;
    margin:0 0 6px!important;
}

.ebp b{
    display:block!important;
    font-size:24px!important;
    line-height:28px!important;
    color:#222!important;
}

.ebp small{
    display:block!important;
    font-size:12px!important;
    line-height:16px!important;
    color:#777!important;
}

.products-block .p-bottom>div,
.products-block .p-tools,
.products-block .p-tools form{
    display:block!important;
    width:100%!important;
}

.products-block .p-tools .btn,
.products-block .p-tools button,
.products-block .p-tools>a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:42px!important;
    margin:0!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    font-size:14px!important;
    border-radius:6px!important;
}


/* DETAIL PRICE */
.p-detail .p-final-price-wrapper .price-standard,
.p-detail .p-final-price-wrapper .price-save,
.p-detail .p-final-price-wrapper .price-measure{
    display:none!important;
}

.ebdo{
    color:#777!important;
    margin-top:2px!important;
}


/* SEARCH */
.search-form,
.search-form fieldset{
    overflow:visible!important;
}

.search-form input{
    border-radius:6px 0 0 6px!important;
}

.search-form button,
.search-form .btn{
    border-radius:0 6px 6px 0!important;
}


/* ROUNDING */
.subcategories li,
.subcategories li a,
.flag{
    border-radius:6px!important;
}