/*
OT Elegance WooCommerce Styling
*/



/* =========================
 PRODUCT SINGLE PAGE
========================= */


.single-product-wrapper{

    width:90%;

    max-width:1300px;

    margin:60px auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

}



.product-gallery img{

    border-radius:25px;

}



.product-title{

    font-family:Georgia,serif;

    font-size:42px;

    color:#34451f;

    margin-bottom:20px;

}



.product-price{

    font-size:25px;

    color:#b88942;

    font-weight:bold;

    margin:20px 0;

}



.product-short-description{

    color:#666;

    line-height:1.7;

}






/* ADD TO CART BUTTON */


.single_add_to_cart_button,
.checkout-button,
#place_order{


    background:#536b36!important;

    color:white!important;

    border-radius:30px!important;

    padding:15px 35px!important;

    border:none!important;

    font-weight:bold;

}





/* BUY NOW */


.buy-now-btn{


    display:inline-block;

    margin-top:15px;

    padding:14px 35px;

    background:#b88942;

    color:white;

    border-radius:30px;

}





/* =========================
 SHOP PAGE
========================= */


.shop-page-wrapper{

    width:90%;

    margin:60px auto;

}



.shop-header h1{

    text-align:center;

    font-family:Georgia,serif;

    font-size:45px;

    color:#34451f;

    margin-bottom:50px;

}



.product-card{

    background:white;

    border-radius:25px;

    padding:20px;

    box-shadow:

    0 10px 30px rgba(0,0,0,.08);

}



.product-card img{

    border-radius:20px;

}



.product-card h3{

    font-weight:700;

    color:#34451f;

}





/* =========================
 CART PAGE
========================= */


.ot-cart-page{

    width:90%;

    margin:60px auto;

}



.cart-product{

    display:flex;

    align-items:center;

    gap:20px;

}



.cart-product img{

    width:80px;

    border-radius:15px;

}



.remove-item{

    color:red;

    font-size:25px;

}





.cart-total-box{

    background:#f7f3e8;

    padding:30px;

    border-radius:25px;

    margin-top:40px;

}







/* =========================
 CHECKOUT
========================= */


.ot-checkout-page{

    width:90%;

    margin:60px auto;

}



.checkout-grid{

    display:grid;

    grid-template-columns:1.5fr 1fr;

    gap:40px;

}



.customer-details,
.order-summary{

    background:white;

    padding:30px;

    border-radius:25px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}



.customer-details h2,
.order-summary h2{

    font-family:Georgia,serif;

    color:#34451f;

}





/* INPUT STYLE */


input,
textarea,
select{


    width:100%;

    padding:15px;

    border:1px solid #ddd;

    border-radius:15px;

    margin-bottom:15px;

}





/* =========================
 LOGIN PAGE
========================= */


.ot-account-page{

    width:100%;

    min-height:500px;

    display:flex;

    justify-content:center;

    align-items:center;

}



.account-box{


    background:white;

    padding:40px;

    border-radius:25px;

    width:420px;

    box-shadow:0 10px 30px rgba(0,0,0,.1);


}



.account-box h2{

    text-align:center;

    font-family:Georgia,serif;

    color:#34451f;

}



.login-options{

    display:flex;

    justify-content:space-between;

    margin:15px 0;

}





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


@media(max-width:768px){


.single-product-wrapper{

    grid-template-columns:1fr;

}



.product-title{

    font-size:30px;

}



.checkout-grid{

    grid-template-columns:1fr;

}



.shop-page-wrapper,
.ot-cart-page,
.ot-checkout-page{

    width:95%;

}


}