.no-orders {
    text-align:center;
    padding: 10px;
    background:#fff;
    border-radius: 10px;
}
.no-orders p{
    /*margin-bottom:0;*/
    color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
}

.no-orders .browse-products-btn{
    background: var(--e-global-color-primary);
    color: #fff;
    padding: 7px 15px;
    border-radius:5px;
    text-decoration: none;
    display: inline-block;
}
.no-orders .browse-products-btn:hover {
    background: var(--e-global-color-secondary);
    color: #fff;
}


.order-items-table thead {
    background:  linear-gradient(90deg, var(--e-global-color-secondary) 0%, var(--e-global-color-primary) 100%);
    color: #fff;
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
}

/* General Fonts */
.customer-order-history thead th {
    padding: 10px;
    text-align: left;
}
.customer-order-history tbody td {
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
}

/* Table Borders */
.customer-order-history {
    border-collapse: collapse;
    width: 100%;
}
.customer-order-history th, 
.customer-order-history td {
    border: 1px solid #666;
    padding: 8px;
}
.customer-order-history tbody tr {
    border-bottom: 2px solid var(--e-global-color-secondary);
}
.customer-order-history tbody td {
    border-color: #999;
}

/* Product Styling */
.product-thumb {
    width: 40px;
    height: auto;
    border: 1px solid var(--e-global-color-secondary);
    margin-right: 8px;
    vertical-align: middle;
}
.product-name {
    font-weight: 600;
    color: var(--e-global-color-primary);
}

/* View Button */
.view-order-btn {
    background: var(--e-global-color-primary);
    color: #fff;
    padding: 7px 15px;
    border-radius:5px;
    text-decoration: none;
    display: inline-block;
}
.view-order-btn:hover {
    background: var(--e-global-color-secondary);
    color: #fff;
}

/* Mobile Cards */
.mobile-only { display: none; }
.mobile-order-card {
    border: 2px solid var(--e-global-color-primary);
    margin-bottom: 15px;
    padding: 10px 5px;
    border-radius:5px;
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-secondary-font-weight);
}
.mobile-order-card .order-id {
    font-weight: bold;
    color: #999;
    font-size: 14px;
}
.product-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.product-details {
    width: 80%;
}
.mobile-order-card .product-name {
    font-weight: 600;
    font-size:14px;
    line-height:1;
}
.product-thumb-wrap {
    width: 20%;
    text-align: right;
}
.product-thumb-wrap .product-thumb{
    border: 1px solid var(--e-global-color-primary);
}
.status-price {
    margin-top:2px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight:500;
}
.mobile-order-card .view-order-btn {
    padding: 3px 15px;
    width: 100%;
    text-align: center;
    margin-top: 3px;
}

/* Pagination */
.pagination {
    text-align: center;
    margin-top: 20px;
}
.page-num {
    display: inline-block;
    margin: 0 5px;
    padding: 6px 10px;
    background: #f2f2f2;
    text-decoration: none;
}
.page-num.active {
    background: var(--e-global-color-primary);
    color: #fff;
}

/* Responsive Switch */
@media (max-width: 768px) {
    .desktop-only { display: none; }
    .mobile-only { display: block; }
}