/**
 * Product Card
 * ---------------------------------------
 * UI for template-parts/product-card.php
 */

/* =====================================
   CARD
===================================== */

.ntt-product-card{
    position:relative;
    display:flex;
    flex-direction:column;
    height:100%;
    background:#fff;
    border:1px solid #ececec;
    border-radius:14px;
    overflow:hidden;
    transition:.25s ease;
}

.ntt-product-card:hover{
    transform:translateY(-6px);
    box-shadow:0 14px 36px rgba(0,0,0,.12);
}

/* =====================================
   IMAGE
===================================== */

.ntt-product-image{
    position:relative;
    overflow:hidden;
    background:#fff;
}

.ntt-product-image a{
    display:block;
}

.ntt-product-image img{
    width:100%;
    height:auto;
    display:block;
    transition:transform .35s ease;
}

.ntt-product-card:hover
.ntt-product-image img{
    transform:scale(1.06);
}

/* =====================================
   BADGE
===================================== */

.ntt-badge-sale{
    position:absolute;
    top:12px;
    left:12px;

    background:#e53935;
    color:#fff;

    padding:6px 10px;

    border-radius:30px;

    font-size:13px;
    font-weight:700;

    line-height:1;
}

.ntt-badge-stock{
    position:absolute;

    top:12px;
    right:12px;

    background:#f44336;
    color:#fff;

    padding:6px 10px;

    border-radius:30px;

    font-size:12px;
    font-weight:700;
}

/* =====================================
   CONTENT
===================================== */

.ntt-product-content{
    display:flex;
    flex-direction:column;

    flex:1;

    padding:18px;
}

/* =====================================
   TITLE
===================================== */

.ntt-product-title{
    margin:0 0 10px;
    line-height:1.45;
    font-size:16px;
    font-weight:600;
}

.ntt-product-title a{
    color:#222;
    text-decoration:none;
}

.ntt-product-title a:hover{
    color:#1976d2;
}

/* =====================================
   SKU
===================================== */

.ntt-product-sku{
    margin-bottom:10px;

    color:#777;

    font-size:13px;
}

/* =====================================
   RATING
===================================== */

.ntt-rating{
    margin-bottom:14px;
}

/* =====================================
   PRICE
===================================== */

.ntt-price{
    margin-top:auto;
    margin-bottom:18px;

    font-size:18px;
    font-weight:700;
}

.ntt-price del{
    margin-right:8px;
    color:#9e9e9e;
    font-size:14px;
}

.ntt-price ins{
    color:#e53935;
    text-decoration:none;
}

/* =====================================
   BUTTON
===================================== */

.ntt-actions{
    margin-top:auto;
}

.ntt-add-cart{
    width:100%;
    border-radius:10px !important;
    text-align:center;
    transition:.25s ease;
}

.ntt-add-cart:hover{
    transform:translateY(-2px);
}

/* =====================================
   STOCK
===================================== */

.stock.out-of-stock{
    color:#e53935;
    font-weight:700;
}

/* =====================================
   MOBILE
===================================== */

@media(max-width:768px){

    .ntt-product-content{
        padding:14px;
    }

    .ntt-product-title{
        font-size:15px;
    }

    .ntt-price{
        font-size:17px;
    }

}

@media(max-width:480px){

    .ntt-product-content{
        padding:12px;
    }

    .ntt-badge-sale,
    .ntt-badge-stock{

        font-size:11px;

        padding:5px 8px;

    }

}