/* 自定义颜色方案 - 浅蓝色和紫色主题 */

/* 主要颜色 - 浅蓝色替代绿色 */
.btn-success, .btn-outline-success {
    color: #fff !important;
    background-color: #111 !important;
    border-color: #111 !important;
}

.btn-outline-success {
    color: #111 !important;
    background-color: transparent !important;
}

.btn-outline-success:hover {
    color: #fff !important;
    background-color: #111 !important;
    border-color: #111 !important;
}

.text-success {
    color: #111 !important;
}

/* 紫色按钮 */
.btn-purple {
    color: #fff !important;
    background-color: #8a2be2 !important;
    border-color: #8a2be2 !important;
}

.btn-outline-purple {
    color: #8a2be2 !important;
    background-color: transparent !important;
    border-color: #8a2be2 !important;
}

.btn-outline-purple:hover {
    color: #fff !important;
    background-color: #8a2be2 !important;
    border-color: #8a2be2 !important;
}

.text-purple {
    color: #8a2be2 !important;
}

/* 状态标签样式 */
.order-status.active {
    background-color: #111;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.order-status.completed {
    background-color: #8a2be2; /* 紫色 */
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

/* 订单详情模态框样式 */
.modal-header {
    border-bottom: 2px solid #111;
}

.table th {
    color: #111;
}

/* 紫色徽章 */
.badge-purple {
    background-color: #8a2be2 !important;
    color: white;
}

/* 加载更多按钮 */
#loadMoreOrders {
    background-color: white;
    color: #111;
    border-color: #111;
    transition: all 0.3s;
}

#loadMoreOrders:hover {
    background-color: #111;
    color: white;
}

/* 链接颜色 */
a {
    color: #111;
}

a:hover {
    color: #8a2be2;
}

/* 覆盖Bootstrap下拉菜单的默认蓝色 */
.dropdown-item:active,
.dropdown-item.active {
    background-color: #111 !important;
    color: white !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #111 !important;
    background-color: rgba(17, 17, 17, 0.1) !important;
}

.nav-link.active,
.nav-link:focus,
.nav-link:hover {
    color: #111 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #111 !important;
    color: white !important;
}

/* 覆盖焦点轮廓颜色 */
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn-check:focus + .btn,
.btn:focus,
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(17, 17, 17, 0.25) !important;
    border-color: #111 !important;
}

/* 覆盖默认的主题色 */
.btn-primary {
    background-color: #111 !important;
    border-color: #111 !important;
}

.btn-outline-primary {
    color: #111 !important;
    border-color: #111 !important;
}

.btn-outline-primary:hover {
    background-color: #111 !important;
    color: white !important;
}

.form-check-input:checked {
    background-color: #111 !important;
    border-color: #111 !important;
}

/* 覆盖链接和文本高亮颜色 */
.text-primary {
    color: #111 !important;
}

.bg-primary {
    background-color: #111 !important;
}

.border-primary {
    border-color: #111 !important;
}