/*==================================================
NUCCO ACCOUNT
==================================================*/

.woocommerce-account .woocommerce{
    display:grid;
    grid-template-columns:300px 1fr;
    gap:40px;
    margin:80px auto;
}

.nucco-account-nav{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(15,23,42,.08);
}

.nucco-account-nav ul{
    margin:0;
    padding:0;
    list-style:none;
}

.nucco-account-nav li{
    border-bottom:1px solid #EEF2F7;
}

.nucco-account-nav li:last-child{
    border-bottom:none;
}

.nucco-account-nav a{
    display:flex;
    align-items:center;
    gap:18px;
    padding:22px 28px;
    color:#0F172A;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
}

.nucco-account-nav .icon{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#F4F1FF;
    color:#5B3DF5;
    transition:.35s;
}

.nucco-account-nav .icon i{
    font-size:16px;
}

.nucco-account-nav li.active a{
    background:linear-gradient(135deg,#5B3DF5,#4526D8);
    color:#fff;
}

.nucco-account-nav li.active .icon{
    background:rgba(255,255,255,.18);
    color:#fff;
}

.nucco-account-nav a:hover{
    background:#F8FAFC;
}

.nucco-account-nav a:hover .icon{
    transform:scale(1.08);
}

.woocommerce-MyAccount-content{
    background:#fff;
    border-radius:24px;
    padding:40px;
    box-shadow:0 20px 60px rgba(15,23,42,.08);
}

@media(max-width:991px){

    .woocommerce-account .woocommerce{
        grid-template-columns:1fr;
    }

}





/*==================================================
DASHBOARD
==================================================*/

.dashboard-hero{

    padding:40px;

    border-radius:24px;

    background:linear-gradient(135deg,#5B3DF5,#4526D8);

    color:#fff;

    margin-bottom:40px;

}

.dashboard-hero h2{

    font-size:38px;

    margin-bottom:15px;

    color:#fff;

}

.dashboard-hero p{

    opacity:.9;

    max-width:600px;

    margin-bottom:30px;

}

.dashboard-actions{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.dashboard-actions a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 28px;

    border-radius:50px;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.dashboard-actions .btn-primary{

    background:#fff;

    color:#5B3DF5;

}

.dashboard-actions .btn-secondary{

    background:rgba(255,255,255,.15);

    color:#fff;

}

.dashboard-actions a:hover{

    transform:translateY(-2px);

}

.dashboard-cards{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}

.dashboard-card{

    background:#fff;

    border:1px solid #EEF2F7;

    border-radius:20px;

    padding:30px;

    text-decoration:none;

    color:#0F172A;

    transition:.35s;

}

.dashboard-card:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 40px rgba(15,23,42,.08);

}

.dashboard-card i{

    font-size:28px;

    color:#5B3DF5;

    margin-bottom:20px;

}

.dashboard-card h3{

    font-size:28px;

    margin-bottom:8px;

}

.dashboard-card p{

    margin:0;

    color:#64748B;

}

@media(max-width:768px){

    .dashboard-cards{

        grid-template-columns:1fr;

    }

}








/*==================================================
ORDERS
==================================================*/

.woocommerce-orders-table,
.woocommerce-table{

    width:100%;
    border-collapse:collapse;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(15,23,42,.06);

}

.woocommerce-orders-table thead th,
.woocommerce-table thead th{

    background:#F8FAFC;
    color:#0F172A;
    padding:20px;
    font-weight:700;
    border:none;

}

.woocommerce-orders-table tbody td,
.woocommerce-table tbody td{

    padding:20px;
    border-top:1px solid #EEF2F7;
    vertical-align:middle;

}

.woocommerce-orders-table a,
.woocommerce-table a{

    color:#5B3DF5;
    font-weight:600;
    text-decoration:none;

}

.woocommerce-orders-table .button,
.woocommerce-table .button{

    background:linear-gradient(135deg,#5B3DF5,#4526D8) !important;
    color:#fff !important;
    border:none;
    border-radius:12px;
    padding:10px 20px;
    font-weight:600;

}

.woocommerce-orders-table .button:hover,
.woocommerce-table .button:hover{

    transform:translateY(-2px);

}






/*==================================================
ADDRESSES
==================================================*/

.woocommerce-Addresses{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;

}

.woocommerce-Address{

    background:#fff;
    border:1px solid #EEF2F7;
    border-radius:20px;
    padding:30px;
    transition:.3s;

}

.woocommerce-Address:hover{

    box-shadow:0 15px 40px rgba(15,23,42,.08);

}

.woocommerce-Address-title{

    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;

}

.woocommerce-Address-title a{

    color:#5B3DF5;
    font-weight:600;

}

@media(max-width:768px){

    .woocommerce-Addresses{

        grid-template-columns:1fr;

    }

}







/*==================================================
ACCOUNT DETAILS
==================================================*/

.woocommerce-account form{

    margin-top:20px;

}

.woocommerce-account .form-row{

    margin-bottom:22px;

}

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

    width:100%;
    height:56px;
    border:1px solid #E5E7EB;
    border-radius:14px;
    padding:0 18px;
    transition:.3s;

}

.woocommerce-account textarea{

    height:140px;
    padding:16px 18px;

}

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

    border-color:#5B3DF5;
    box-shadow:0 0 0 4px rgba(91,61,245,.08);

}

.woocommerce-account button.button{

    background:linear-gradient(135deg,#5B3DF5,#4526D8);
    color:#fff;
    border:none;
    border-radius:14px;
    padding:16px 32px;
    font-weight:700;

}







/*==================================================
EMPTY STATES
==================================================*/

.woocommerce-message,
.woocommerce-info{

    border:none;
    border-left:4px solid #5B3DF5;
    background:#F8FAFC;
    border-radius:16px;
    padding:20px;

}

.woocommerce-message .button,
.woocommerce-info .button{

    background:#5B3DF5 !important;
    color:#fff !important;
    border-radius:12px;

}