/*
==================================================
WOWOOOCART MY ACCOUNT
==================================================
*/

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

.wow-myaccount-page{

    padding:60px 0;

    background:#f8fafc;

}

.wow-myaccount-wrapper{

    display:grid;

    grid-template-columns:280px 1fr;

    gap:30px;

}

.wow-account-sidebar{

    background:#ffffff;

    border-radius:14px;

    padding:25px;

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

}

.wow-account-content{

    background:#ffffff;

    border-radius:14px;

    padding:30px;

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

}

/* ===========================
MENU
=========================== */

.woocommerce-MyAccount-navigation ul{

    list-style:none;

    margin:0;

    padding:0;

}

.woocommerce-MyAccount-navigation li{

    margin-bottom:10px;

}

.woocommerce-MyAccount-navigation a{

    display:block;

    padding:12px 16px;

    text-decoration:none;

    color:#111827;

    border-radius:8px;

    font-weight:600;

    transition:.30s;

}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a{

    background:#16a34a;

    color:#ffffff;

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

.woocommerce-MyAccount-content{

    line-height:1.8;

}

.woocommerce-MyAccount-content table{

    width:100%;

    border-collapse:collapse;

}

.woocommerce-MyAccount-content table th,
.woocommerce-MyAccount-content table td{

    padding:14px;

    border-bottom:1px solid #e5e7eb;

}

.woocommerce-MyAccount-content .button{

    background:#16a34a;

    color:#ffffff;

    border:none;

    border-radius:8px;

    padding:12px 20px;

    transition:.30s;

}

.woocommerce-MyAccount-content .button:hover{

    background:#15803d;

}

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

@media (max-width:992px){

    .wow-myaccount-wrapper{

        grid-template-columns:1fr;

    }

}