/* =========================================================================
   THEME OVERRIDE CSS
   Áp dụng màu sắc quan trọng (!important) đè lên giao diện hiện tại
========================================================================= */

/* -------------------------------------
   1. Typography & Text
------------------------------------- */

/* Text chính (nội dung) */
body, p, span, div, li, td, th {
    color: #F9FAFB !important;
}

/* Text phụ (mô tả) */
.description, .subtitle, .subtext, .secondary-text {
    color: #CBD5E1 !important;
}

/* Text mờ (caption, hint, meta text) */
caption, .hint, .muted, .meta, .date, small {
    color: #94A3B8 !important;
}

/* Disabled (không tương tác) */
:disabled, .disabled, [disabled], [aria-disabled="true"] {
    color: #64748B !important;
}

/* -------------------------------------
   2. Headings
------------------------------------- */

h1, .h1 {
    color: #FFFFFF !important;
    font-weight: bold !important;
}

h2, .h2 {
    color: #F1F5F9 !important;
}

h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
    color: #E2E8F0 !important;
}

/* -------------------------------------
   3. Links & Buttons (Anchor Text)
------------------------------------- */

/* Primary (link, button) */
a, button, .btn, .button, .primary-link {
    color: #3B82F6 !important;
}

/* Hover */
a:hover, button:hover, .btn:hover, .button:hover, .primary-link:hover {
    color: #60A5FA !important;
}

/* Active */
a:active, button:active, .btn:active, .button:active, .primary-link:active {
    color: #2563EB !important;
}

/* (Nếu button dùng background color thay vì chỉ có text color, bạn có thể bổ sung như sau:
   button { background-color: #3B82F6 !important; color: #FFFFFF !important; }
   button:hover { background-color: #60A5FA !important; }
   button:active { background-color: #2563EB !important; }
) */

/* -------------------------------------
   4. Breadcrumb
------------------------------------- */

.breadcrumb, .breadcrumbs, .breadcrumb-item {
    color: #94A3B8 !important; /* Text thường */
}

.breadcrumb a, .breadcrumbs a, .breadcrumb-item a {
    color: #60A5FA !important; /* Link */
}

.breadcrumb .active, .breadcrumbs .current, .breadcrumb-item.active {
    color: #F1F5F9 !important; /* Current page */
}

/* -------------------------------------
   5. Border & Divider
------------------------------------- */

/* Border (viền box, input, card) */
input, textarea, select, .card, .box, .panel, .container-bordered {
    border-color: #334155 !important;
}

/* Áp dụng chung cho tất cả các class sử dụng border */
[class*='border'] {
    border-color: #334155 !important;
}

/* Divider (đường ngăn section) */
hr, .divider, .separator, .section-divider {
    border-color: #1E293B !important;
    background-color: #1E293B !important; 
}

/* Hỗ trợ cho divider dạng hr */
hr {
    border-top-color: #1E293B !important;
}