/* /inc/national-cashback/assets/frontend.css */

/* ===== LOOP (каталог/категорії) ===== */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    position: relative;
}

.lux-nc-front-wrap {
    position: absolute;
    left: 0.5rem;
    top: auto;
    bottom: 0.5rem;
    z-index: 5;
    display: block;
    pointer-events: none;
}
@media (max-width: 575px) {
    .lux-nc-front-wrap {
        left: 0rem;
        bottom: 0rem;
    }
}

.lux-nc-front {
    background: red;
    height: 3rem;
    width: 0;
    position: relative;
    display: block;
    &:before, &:after {
        content:'';
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 5rem;
        height: 3rem;
        border-radius: 0.2rem;

    }
    &:before {
        background-image: url("logoNC.png");
        left: 0;
        /*background-position: 0 -5px;*/
        background-size: 100% 3rem;
        width: 10rem;
    }
    &:after {
        background-image: url("WinterLogo.svg");
        background-color: #fff;
        background-size: 90% 95%;
        background-repeat: no-repeat;
        background-position: center center;
        left: calc(10rem + 0.5rem);
        width: 8rem;
    }
}

@media (max-width: 575px) {
    .lux-nc-front {
        height: 2rem;
    }
    .lux-nc-front:before, .lux-nc-front:after {

    }
    .lux-nc-front:before {
        width: 7rem;
        height: 2rem;
        background-size: 100% 2rem;
    }
    .lux-nc-front:after {
        left: calc(7rem + 0.2rem);
        width: 5.5rem;
        height: 2rem
    }
}

/*.lux-nc-front__icon {*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    flex: 0 0 auto;*/
/*}*/

.lux-nc-front__text {
    white-space: nowrap;
}

/* ===== SINGLE (сторінка товару) ===== */
/* Галерея WooCommerce — робимо relative, щоб badge ліг на фото */
.single-product .woocommerce-product-gallery {
    position: relative;
}

.single-product .lux-nc-front-wrap--single {
    left: 1.2rem;
    top: 1.2rem;
    /*z-index: 20;*/
}


/* ===== CART badge ===== */
.lux-nc-cart{
    display:block;
    margin-top:0.6rem;
}

.woocommerce-cart .lux-nc-cart .lux-nc-front,
.woocommerce-checkout .lux-nc-cart .lux-nc-front{
    font-size: 1.1rem;
    padding: 0.5rem 0.9rem;
    box-shadow: none;
}

/* ===== Hutko disabled in checkout ===== */
.lux-nc-hutko-disabled {
    /*opacity: 0.55;*/
    /*filter: grayscale(1);*/
    position: relative;
}

.lux-nc-hutko-disabled label {
    cursor: not-allowed;
}

.lux-nc-hutko-disabled__tag {
    display:inline-block;
    margin-left:0.8rem;
    padding:0.2rem 0.8rem;
    border-radius:999px;
    font-size:1.1rem;
    font-weight:700;
    background:#BE1521;
    border:1px solid #dcdcde;
    color:#646970;
    color:#ffffff;
}
.lux-nc-hutko-disabled__box {
    background:#BE1521;
    color:#ffffff;
}
.lux-nc-hutko-disabled__box, .payment_box {
    margin-top:0.8rem;
    padding:1rem 1.2rem;
    border-radius:1rem;
    background:#fff7ed;
    border:1px solid #fed7aa;
    color:#7c2d12;
    font-size:1.2rem;
    line-height:1.35;
}

[for="payment_method_hutko_disabled"] {
     color: rgba(255,255,255,0.55);
}
[data-style="styleThemeWhite"] [for="payment_method_hutko_disabled"] {
    color: rgba(0,0,0,0.55);
}


.lux-nc-hutko-disabled__box {
    display: block !important;
}

.payment_box p:last-child {
    margin-top: 0;
    margin-bottom: 0;
}