/* ==========================================================
   Souq Taj Login UI
   Author : Mostafa
   Version: 1.0.0
========================================================== */

.stq-google-login{
    margin:20px 0 18px;
}

.stq-google-login .nsl-container{
    width:100%;
}

.stq-google-login .nsl-button{
    width:100% !important;
    border-radius:12px !important;
    overflow:hidden;
}

.stq-google-login .nsl-button-default{
    width:100% !important;
}

.stq-login-divider{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:18px 0;
    font-size:15px;
    font-weight:600;
    color:#666;
}

.stq-login-divider::before,
.stq-login-divider::after{
    content:"";
    flex:1;
    height:1px;
    background:#e5e5e5;
}

.stq-login-divider span{
    padding:0 15px;
}

/* ===== Souq Taj Login Header ===== */

.stq-login-header{
    text-align:center;
    margin:0 auto 20px;
}

.stq-login-header img{
    width:70px;
    height:70px;
    object-fit:contain;
    display:block;
    margin:0 auto 15px;
}

.stq-login-header h2{
    font-size:28px;
    font-weight:700;
    margin:0 0 10px;
    line-height:1.3;
}

.stq-login-header p{
    font-size:15px;
    color:#666;
    margin:0;
    line-height:1.8;
}

/* Mobile */
@media (max-width:768px){

    .stq-login-header img{
        width:48px;
        height:48px;
        margin-bottom:10px;
    }

    .stq-login-header h2{
        font-size:22px;
    }

    .stq-login-header p{
        font-size:14px;
    }

}

/* =========================================================
   SOUQ TAJ UI SYSTEM v2.0
   Author : Souq Taj
========================================================= */


/* =========================================================
   1. Global Buttons
========================================================= */

button,
.button,
.wp-element-button,
input[type="submit"],
a.button,
.single_add_to_cart_button{
    font-size:14px;
    font-weight:600;
    border-radius:12px;
}


/* =========================================================
   2. Product Cards
========================================================= */

/* Product Title */

.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:17px;
    font-weight:600;
    line-height:1.45;
    color:#1f2937;
}


/* Price */

.woocommerce ul.products li.product .price{
    font-size:16px;
    font-weight:700;
    color:#392797;
}


/* Old Price */

.woocommerce ul.products li.product .price del{
    font-size:13px;
    opacity:.6;
}


/* Sale Badge */

.woocommerce ul.products li.product .onsale{
    width:56px;
    height:56px;

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

    display:flex;
    align-items:center;
    justify-content:center;
}


/* =========================================================
   3. Add To Cart
========================================================= */

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .product_type_simple{

    font-size:12px !important;
    font-weight:600 !important;

    min-height:38px;

    padding:8px 12px !important;

    border-radius:10px;
}


/* Added To Cart */

.woocommerce ul.products li.product a.added_to_cart{

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


/* =========================================================
   4. Wishlist
========================================================= */

.tinv-wraper{

    font-size:12px;
}

.tinv-wraper a{

    font-size:12px !important;
}

.tinv-wraper span{

    font-size:12px !important;
}

.tinvwl_add_to_wishlist-text{

    font-size:12px !important;

    font-weight:500 !important;

    line-height:1.25;
}

.tinvwl_add_to_wishlist_button{

    font-size:12px !important;
}

.tinvwl_add_to_wishlist_button i{

    font-size:14px !important;
}


/* =========================================================
   5. Single Product
========================================================= */

.product_title{

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

.single-product .price{

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


/* =========================================================
   6. My Account
========================================================= */

.woocommerce-MyAccount-navigation a{

    font-size:15px;
}


/* =========================================================
   7. Checkout
========================================================= */

.woocommerce-checkout label{

    font-size:15px;
    font-weight:600;
}

.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea{

    font-size:15px;
}


/* =========================================================
   8. Mobile
========================================================= */

@media(max-width:768px){

    .woocommerce ul.products li.product .woocommerce-loop-product__title{

        font-size:15px;
    }

    .woocommerce ul.products li.product .price{

        font-size:15px;
    }

    .woocommerce ul.products li.product .button,
    .woocommerce ul.products li.product .add_to_cart_button{

        font-size:12px !important;

        padding:8px 10px !important;
    }

}