.header {
  box-shadow: 0px 4px 12px 0px hsl(var(--black) / 0.14);
}

.btn {
  border: 2px solid #7848fd !important;
}

.btn--base:hover {
  background-color: #936efa !important;
}

.navbar .nav-btn {
  background-color: #6aa84f !important;
}

.navbar .nav-btn:hover {
  background-color: #936efa !important;
}

.scroll-top {
  color: #ffffff !important;
}

.blog-item .text-list {
    padding-bottom: clamp(0.75rem, 0.1811rem + 2.4272vw, 2rem);
    font-weight: 600;
    display:none!important;
}
.mb-2 {
    margin-bottom: .5rem !important;
    display: none;
}
.dashboard-form .form--control {background: hsl(var(--base) / 0.1)!important;}
.select2-container .select2-selection--single .select2-selection__rendered {color:#ffffff!important;}
.select2-container--open .select2-dropdown--below {background: #baa3f8!important;}
.dashboard-form .select2-container--default .select2-selection--single, .card .select2-container--default .select2-selection--single {
    background: #b095fc!important;
    color: #ffffff!important;
}
/* Ẩn hoàn toàn ô search trong tất cả menu dropdown Select2 */
.select2-container--default .select2-search--dropdown {
    display: none !important;
}
/* Tăng hiệu ứng đổ bóng (Box-Shadow) mạnh và nổi bật hơn cho menu dropdown Select2 */
.select2-container--default .select2-dropdown {
    border: 1px solid rgba(176, 149, 252, 0.3) !important; /* Viền mỏng nhẹ màu tím chủ đạo */
    border-radius: 8px !important;                          /* Bo tròn góc cho mượt mà */
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3), 0 8px 10px rgba(0, 0, 0, 0.12) !important; /* Đổ bóng 2 tầng đa chiều */
    overflow: hidden !important;
}
/* 1. Đổi màu nền cho khung chứa toàn bộ danh sách dropdown khi mở ra */
.select2-container--default .select2-dropdown {
    background-color: #ffffff !important; /* Thay màu nền khung tại đây */
    border-color: #8257fa !important;    /* Màu viền khung dropdown */
}

/* 2. Đổi màu nền và màu chữ cho từng dòng trong danh sách */
.select2-container--default .select2-results__option {
    background-color: hsl(var(--base) / 0.1)!important; /* Màu nền từng item */
    color: #8257fa !important;           /* Màu chữ từng item */
}

/* 3. Đổi màu nền khi rê chuột (hover) hoặc khi dùng phím mũi tên di chuyển qua */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #b095fc !important; /* Màu nền khi hover */
    color: #ffffff !important;           /* Màu chữ khi hover */
}

/* 4. Đổi màu nền cho dòng item đang được chọn (active) */
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #8c62ff !important; /* Màu nền item đang selected */
    color: #ffffff !important;           /* Màu chữ item đang selected */
}


.platform-button {
background: hsl(var(--base) / 0.1);
  padding: 5px 10px;
  border: 1px solid #936EFA;
  border-radius:5px;
  color: #936EFA;
}
.platform-button:hover, .platform-button.active {background:#b095fc;color:#ffffff;}

.dashboard .dashboard-widget {border: 1px solid hsl(var(--base) / 0.1);}


/* Fix font tiếng Việt & lỗi đứt nét cho plugin Nice Select */
.nice-select,
.nice-select .current,
.nice-select .list,
.nice-select .list .option {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-transform: none !important;
}