.user-profile-page .profile h2,
.user-profile-page .order-history h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
}

.user-profile-page .profile-content,
.user-profile-page .order-history {
    background-color: #fdfdfd;
    border-radius: 8px;
    border: 1px solid #eee;
}

.user-profile-page table th,
.user-profile-page table td {
    vertical-align: middle;
}

.btn-custom-primary {
    background-color: var(--main-color) !important;
    color: #fff !important;
    border: none;
    font-weight: 500;
    border: 1px solid var(--main-color) !important;
}
.btn-custom-primary:hover {
    background-color: var(--main-hover) !important;
}

/* Nút phụ */
.btn-outline-main {
    color: var(--main-color) !important;
    border: 1px solid var(--main-color) !important;
    background-color: #fff !important;
    font-weight: 500;
}
.btn-outline-main:hover {
    background-color: var(--main-color) !important;
    color: white !important;
}