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

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

.wow-checkout-page{

    padding:60px 0;

    background:#f8fafc;

}

.wow-checkout-wrapper{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:35px;

}

.wow-checkout-billing,
.wow-checkout-shipping,
.wow-checkout-order-review{

    background:#ffffff;

    border-radius:14px;

    padding:30px;

    box-shadow:0 5px 20px rgba(0,0,0,.06);

    margin-bottom:25px;

}

.wow-checkout-order-review h3{

    margin:0 0 20px;

    font-size:24px;

    color:#111827;

}
/* ===========================
FORM FIELDS
=========================== */

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

    width:100%;

    border:1px solid #d1d5db;

    border-radius:8px;

    padding:12px 14px;

    font-size:15px;

    transition:.30s;

}

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

    border-color:#16a34a;

    outline:none;

    box-shadow:0 0 0 3px rgba(22,163,74,.15);

}

/* ===========================
PLACE ORDER BUTTON
=========================== */

#place_order{

    width:100%;

    background:#16a34a;

    color:#ffffff;

    border:none;

    border-radius:10px;

    padding:16px;

    font-size:17px;

    font-weight:700;

    transition:.30s;

}

#place_order:hover{

    background:#15803d;

}
/* ===========================
ORDER TABLE
=========================== */

.woocommerce-checkout-review-order-table{

    width:100%;

    border-collapse:collapse;

}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td{

    padding:12px 0;

    border-bottom:1px solid #e5e7eb;

}

.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td{

    font-weight:700;

}

/* ===========================
RESPONSIVE
=========================== */

@media (max-width:992px){

    .wow-checkout-wrapper{

        grid-template-columns:1fr;

    }

}

@media (max-width:576px){

    .wow-checkout-billing,
    .wow-checkout-shipping,
    .wow-checkout-order-review{

        padding:20px;

    }

}