/*
|--------------------------------------------------------------------------
| General
|--------------------------------------------------------------------------
*/

.woocommerce{
    color:#111827;
}

.woocommerce a{
    color:#13b6ec;
    text-decoration:none;
}

.woocommerce a:hover{
    color:#0ea5d6;
}

/*
|--------------------------------------------------------------------------
| Checkout Layout
|--------------------------------------------------------------------------
*/

.woocommerce-checkout .woocommerce{
    max-width:1200px;
    margin:0 auto;
    padding:40px 20px;
}

.woocommerce-checkout form.checkout{
    background:#ffffff;
    padding:40px;
    border-radius:32px;
    box-shadow:0 10px 40px rgba(0,0,0,.05);
}

/*
|--------------------------------------------------------------------------
| Form Fields
|--------------------------------------------------------------------------
*/

.woocommerce form .form-row{
    margin-bottom:20px;
}

.woocommerce form .form-row label{
    font-weight:700;
    margin-bottom:8px;
    display:block;
}

.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select{
    border:1px solid #e5e7eb;
    border-radius:16px;
    min-height:52px;
    padding:12px 16px;
    width:100%;
    background:#fff;
}

.woocommerce textarea{
    min-height:120px;
}

.woocommerce input:focus,
.woocommerce textarea:focus,
.woocommerce select:focus{
    border-color:#13b6ec;
    outline:none;
    box-shadow:0 0 0 3px rgba(19,182,236,.15);
}

/*
|--------------------------------------------------------------------------
| Order Review
|--------------------------------------------------------------------------
*/

#order_review{
    background:#ffffff;
    padding:30px;
    border-radius:24px;
    box-shadow:0 10px 40px rgba(0,0,0,.05);
}

#order_review_heading{
    margin-top:30px;
}

/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
*/

.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #place_order{
    background:#13b6ec !important;
    color:#ffffff !important;
    border:none !important;
    border-radius:999px !important;
    padding:16px 32px !important;
    font-weight:700 !important;
    min-height:54px;
    transition:.25s ease;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #place_order:hover{
    background:#0ea5d6 !important;
    transform:translateY(-2px);
}

/*
|--------------------------------------------------------------------------
| Notices
|--------------------------------------------------------------------------
*/

.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
    border-radius:16px;
    border:none;
    padding:20px;
}

.woocommerce-message{
    background:#ecfdf5;
}

.woocommerce-error{
    background:#fef2f2;
}

.woocommerce-info{
    background:#eff6ff;
}

/*
|--------------------------------------------------------------------------
| My Account Layout
|--------------------------------------------------------------------------
*/

.woocommerce-account .woocommerce{
    max-width:1200px;
    margin:0 auto;
    padding:40px 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
    width:260px;
}

.woocommerce-account .woocommerce-MyAccount-content{
    width:calc(100% - 300px);
}

/*
|--------------------------------------------------------------------------
| Navigation
|--------------------------------------------------------------------------
*/

.woocommerce-MyAccount-navigation ul{
    list-style:none;
    padding:0;
    margin:0;
    background:#ffffff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 10px 40px rgba(0,0,0,.05);
}

.woocommerce-MyAccount-navigation li{
    margin:0;
}

.woocommerce-MyAccount-navigation a{
    display:block;
    padding:16px 24px;
    color:#111827;
    font-weight:600;
}

.woocommerce-MyAccount-navigation .is-active a{
    background:#13b6ec;
    color:#ffffff;
}

.woocommerce-MyAccount-navigation a:hover{
    background:#f3f4f6;
}

/*
|--------------------------------------------------------------------------
| Tables
|--------------------------------------------------------------------------
*/

.woocommerce table.shop_table{
    border-radius:20px;
    overflow:hidden;
    border:1px solid #e5e7eb;
}

.woocommerce table.shop_table th{
    background:#f9fafb;
    font-weight:700;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
    padding:16px;
}

/*
|--------------------------------------------------------------------------
| Login / Register
|--------------------------------------------------------------------------
*/

.woocommerce form.login,
.woocommerce form.register{
    background:#ffffff;
    padding:40px;
    border-radius:24px;
    box-shadow:0 10px 40px rgba(0,0,0,.05);
    border:none;
}

.woocommerce .lost_password{
    margin-top:20px;
}

/*
|--------------------------------------------------------------------------
| Dashboard Cards
|--------------------------------------------------------------------------
*/

.woocommerce-MyAccount-content{
    background:#ffffff;
    border-radius:24px;
    padding:30px;
    box-shadow:0 10px 40px rgba(0,0,0,.05);
}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width:768px){

    .woocommerce-account .woocommerce-MyAccount-navigation{
        width:100%;
        margin-bottom:30px;
    }

    .woocommerce-account .woocommerce-MyAccount-content{
        width:100%;
    }

    .woocommerce-checkout form.checkout{
        padding:20px;
    }

}