/* =====================================================
   USER ACTIVITY
   LabriniHouse Style
===================================================== */

.ua-dashboard{

    max-width:1200px;
    margin:70px auto;
    padding:0 20px;

}

.ua-dashboard h2{

    font-size:34px;
    font-weight:300;
    text-align:center;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#222;
    margin-bottom:60px;

}


/* ==========================================
   ORDER CARD
========================================== */

.ua-order-card{

    background:#ffffff;
    border:1px solid #ececec;
    border-radius:4px;

    padding:35px;

    margin-bottom:35px;

    transition:all .35s ease;

}

.ua-order-card:hover{

    border-color:#c8c8c8;

    transform:translateY(-4px);

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}


/* ==========================================
   HEADER
========================================== */

.ua-order-header{

    border-bottom:1px solid #efefef;

    padding-bottom:18px;

    margin-bottom:25px;

}

.ua-order-header h3{

    margin:0;

    font-size:24px;

    font-weight:300;

    letter-spacing:1px;

    color:#111;

}


/* ==========================================
   INFO
========================================== */

.ua-order-info{

    display:grid;

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

    gap:25px;

    margin-bottom:30px;

}

.ua-order-info p{

    margin:0;

    color:#666;

    line-height:1.8;

    font-size:15px;

}

.ua-order-info strong{

    display:block;

    margin-bottom:6px;

    color:#111;

    font-weight:600;

}


/* ==========================================
   PRODUCTS
========================================== */

.ua-order-products{

    border-top:1px solid #efefef;

    padding-top:25px;

}

.ua-order-products strong{

    display:block;

    margin-bottom:18px;

    font-size:17px;

    font-weight:500;

    letter-spacing:1px;

    color:#111;

}

.ua-order-products ul{

    list-style:none;

    margin:0;

    padding:0;

}

.ua-order-products li{

    padding:12px 0;

    border-bottom:1px solid #f3f3f3;

    color:#555;

    font-size:15px;

}

.ua-order-products li:last-child{

    border-bottom:none;

}


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

.ua-login-required{

    max-width:700px;

    margin:70px auto;

    padding:45px;

    text-align:center;

    background:#fff;

    border:1px solid #ececec;

    font-size:18px;

}


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

@media(max-width:768px){

    .ua-dashboard{

        margin:40px auto;

    }

    .ua-dashboard h2{

        font-size:26px;

    }

    .ua-order-card{

        padding:25px;

    }

    .ua-order-info{

        grid-template-columns:1fr;

        gap:15px;

    }

}






/* ======================================================
   CREDIT HISTORY
====================================================== */

.lh-credit-history{

    width:100%;
    margin:40px auto;

}

.lh-credit-history h2{

    margin-bottom:25px;
    font-size:28px;
    font-family:"Times New Roman", serif;
    font-weight:400;

}

.lh-credit-history-table{

    width:100%;
    border-collapse:collapse;
    background:#fff;

}

.lh-credit-history-table thead{

    background:#111;
    color:#fff;

}

.lh-credit-history-table th{

    padding:16px;
    text-align:left;
    font-weight:500;
    letter-spacing:.5px;

}

.lh-credit-history-table td{

    padding:15px 16px;
    border-bottom:1px solid #ececec;

}

.lh-credit-history-table tbody tr{

    transition:.20s;

}

.lh-credit-history-table tbody tr:hover{

    background:#f7f7f7;

}

.lh-credit-history-table td:nth-child(2){

    font-weight:bold;
    font-size:16px;

}

.lh-credit-history-table td:nth-child(3){

    text-transform:capitalize;

}

.lh-credit-history-table td:nth-child(4){

    color:#666;

}

@media(max-width:768px){

    .lh-credit-history{

        overflow-x:auto;

    }

    .lh-credit-history-table{

        min-width:700px;

    }

}





/* ======================================================
   CREDIT HISTORY COLORS
====================================================== */

.lh-credit-plus{

    color:#2e8b57;
    font-weight:700;

}

.lh-credit-minus{

    color:#c0392b;
    font-weight:700;

}

.lh-credit-type{

    display:inline-block;

    padding:4px 10px;

    border-radius:20px;

    font-size:12px;

    font-weight:600;

    letter-spacing:.3px;

}

.lh-credit-type.purchase{

    background:#edf8ee;
    color:#2e8b57;

}

.lh-credit-type.usage{

    background:#fff3e8;
    color:#d35400;

}

.lh-credit-type.admin_add{

    background:#eaf4ff;
    color:#0066cc;

}

.lh-credit-type.admin_remove{

    background:#ffecec;
    color:#b52d2d;

}

.lh-credit-type.refund{

    background:#f3efff;
    color:#6c3eb8;

}