/* SHOPACCMMO – Dark theme override. Load AFTER main.css, index.css and mod/css/main.css */
:root {
  color-scheme: dark;
  --body: #0f172a;
  --chalk: #111827;
  --intro-bg: #111827;
  --heading: #f8fafc;
  --sub-heading: #cbd5e1;
  --text: #cbd5e1;
  --gray: #94a3b8;
  --border: #334155;
  --gray-chalk: #64748b;
  --primary: #3b82f6;
  --primary1: #2563eb;
  --primary-bshadow: 0 8px 24px rgba(0,0,0,.22);
}
html, body { background: #0f172a !important; color: #cbd5e1; }
body, body button, body input, body select, body textarea { font-family: 'Roboto Condensed', sans-serif; }
h1,h2,h3,h4,h5,h6 { color: #f8fafc; }
p, label, small { color: inherit; }
.section, .inner-section, .feature-part, .banner-part, .intro-part, .blog-part,
.product-part, .shop-part, .account-part, .checkout-part, .contact-part { background-color: transparent; }
/* Header / navigation */
.header-part, .header-content, .navbar-part, .navbar-content, .header-top,
.header-middle, .header-bottom, .mobile-menu, .category-sidebar,
.category-header, .category-footer { background-color: #111827 !important; border-color: #334155 !important; }
.header-widget span, .header-widget i, .navbar-link, .navbar-info p,
.navbar-info p span, .navbar-info p small, .category-title, .category-link,
.mobile-menu a, .mobile-menu button { color: #e2e8f0; }
.header-form, .header-form input { background: #1e293b !important; color: #f8fafc !important; }
.header-form { border-color: #334155 !important; }
.header-form input::placeholder, input::placeholder, textarea::placeholder { color: #94a3b8; }
/* Dropdown and category menus */
.dropdown-position-list, .dropdown-position-list::before, .megamenu,
.dropdown-list li a, .dropdown-position-list li a, .navbar-focus-list,
.navbar-focus-list li a, .category-list, .nav-tabs { background: #1e293b !important; border-color: #334155 !important; }
.dropdown-list li a, .dropdown-position-list li a, .megamenu-list li a,
.navbar-focus-list li a, .tab-link { color: #e2e8f0; }
.dropdown-list li a:hover, .dropdown-position-list li a:hover,
.megamenu-list li a:hover, .navbar-focus-list li a:hover { background: #273449 !important; color: #60a5fa; }
/* Cards and information panels */
.product-card, .feature-card, .alert-info, .modal-form, .modal-content,
.order-track-list, .nav-tabs, .suggest-card, .blog-card,
.card, .card-body, .list-group-item, .accordion-item, .accordion-button,
.offcanvas, .dropdown-menu { background-color: #1e293b !important; border-color: #334155 !important; color: #e2e8f0; }
.product-card:hover, .feature-card:hover, .card:hover { border-color: #3b82f6 !important; }
.product-name a, .feature-name a, .product-price, .feature-price,
.card-title, .modal-title, .table-name, .table-vendor a { color: #f8fafc; }
.product-price span, .feature-price span, .alert-info p { color: #60a5fa; }
.product-add { background: #334155; color: #f8fafc; }
.product-add:hover, .product-card:hover .product-add { background: #3b82f6; color: #fff; }
.product-action button i, .modal-close { background: #334155; color: #f8fafc; }
/* Tables */
.table, table { color: #e2e8f0; border-color: #334155; }
.table > :not(caption) > * > *, .table td, .table th,
tbody tr td, thead tr th { border-color: #334155; }
tbody tr { border-color: #334155; }
.table-striped > tbody > tr:nth-of-type(odd) > * { color: #e2e8f0; background: #172338; }
.table-hover > tbody > tr:hover > * { color: #f8fafc; background: #24334a; }
.table-responsive { background: transparent; }
/* Inputs */
.form-control, .form-select, .form-group input, .form-group textarea,
input[type='text'], input[type='email'], input[type='password'], input[type='number'],
input[type='search'], textarea, select, .nice-select {
  background-color: #111827 !important; color: #f8fafc !important; border-color: #334155 !important;
}
.form-control:focus, .form-select:focus, input:focus, textarea:focus, select:focus {
  border-color: #3b82f6 !important; box-shadow: 0 0 0 2px rgba(59,130,246,.15);
}
select option, .nice-select .list { background: #1e293b; color: #f8fafc; }
/* Footer / pagination */
.footer-part, .footer-bottom { background: #111827 !important; border-color: #334155 !important; }
.footer-title, .footer-desc, .footer-contact li p, .footer-links ul li a,
.footer-copytext { color: #cbd5e1; }
.page-link { background: #1e293b; color: #e2e8f0; border-color: #334155; }
.page-link:hover, .page-item.active .page-link { background: #3b82f6; color: #fff; }
/* Bootstrap dialogs and tabs */
.modal-header, .modal-footer, .card-header, .card-footer { border-color: #334155; }
.btn-close { filter: invert(1) grayscale(1); }
.nav-link { color: #cbd5e1; }
.nav-link:hover, a:hover { color: #60a5fa; }
/* Keep blue primary actions and readable text */
.btn-primary, .btn-inline, .form-btn, .form-btn-group, .backtop { background-color: #3b82f6; color: #fff; }
.btn-outline { background-color: #1e293b; color: #60a5fa; }
/* Avoid altering third-party alert/toast color semantics */

/* Product purchase detail popup – fixes white panel / white text */
.modal .product-view, .product-view {
  background: #111827 !important;
  color: #e2e8f0 !important;
  border: 1px solid #334155 !important;
}
.product-view .view-details, .product-view .view-gallery {
  background: transparent !important;
  color: #e2e8f0 !important;
}


/* Panels, alerts and QR codes */
.card, .card-body, .card-footer, .table-responsive,
.table, .table > :not(caption) > * > * {
    background-color: #111827 !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > * { background-color: #1e293b !important; color: #f8fafc !important; }
.alert-light, .alert-warning, .bg-white, .bg-light {
    background-color: #1e293b !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}
.text-danger, .alert .text-danger { color: #f87171 !important; }
img[src*="vietqr"], img[src*="VietQR"], img[src*="qr."], img[alt*="QR"] {
    background: #fff !important;
    padding: 8px;
    border-radius: 8px;
}

/* ===== FIX DARK MODE - LICH SU DON HANG ===== */

/* Khung bao quanh bo loc va bang */
.profile-part .account-card,
.profile-part .shop-widget,
.profile-part .top-filter,
.profile-part .table-scroll {
    background-color: #111827 !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

/* Chu SHOW va SORT BY DATE */
.profile-part .filter-label,
.profile-part .filter-show label,
.profile-part .filter-short label {
    color: #cbd5e1 !important;
}

/* O nhap va bo loc */
.profile-part .form-control,
.profile-part .form-select,
.profile-part .filter-select {
    background-color: #0f172a !important;
    color: #f8fafc !important;
    border: 1px solid #334155 !important;
}

.profile-part .form-control::placeholder {
    color: #94a3b8 !important;
}

/* Nut tim kiem va bo loc */
.profile-part .shop-widget-btn {
    background-color: #334155 !important;
    color: #f8fafc !important;
    border-color: #475569 !important;
}

.profile-part .shop-widget-btn:hover {
    background-color: #2563eb !important;
    color: #ffffff !important;
}

/* Tieu de bang */
.profile-part .table thead th {
    background-color: #1e293b !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

/* Cac dong du lieu */
.profile-part .table tbody td {
    background-color: #111827 !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

/* O ghi chu */
.profile-part .table textarea {
    background-color: #0f172a !important;
    color: #f8fafc !important;
    border: 1px solid #334155 !important;
}

/* Phan trang */
.profile-part .bottom-paginate,
.profile-part .page-info {
    background-color: #111827 !important;
    color: #cbd5e1 !important;
}


/* Account content in successful-purchase modal */
#openModal .vp-acc,
#openModal .vp-acc * {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}
#openModal .vp-acc {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    padding: 12px !important;
    border-radius: 6px !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    user-select: text !important;
}

/* Keep page visible behind product modal */
.modal-backdrop.show { background: #000 !important; opacity: .12 !important; }

/* ===== DARK MODE: LICH SU DON HANG ===== */

/* Khung chua bo loc va bang lich su */
.profile-part .account-card,
.profile-part .account-card.pt-3,
.profile-part .top-filter,
.profile-part .table-scroll,
.profile-part .table-responsive {
    background: #111827 !important;
    background-color: #111827 !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

/* Xu ly cac lop nen trang Bootstrap */
.profile-part .account-card.bg-white,
.profile-part .account-card.bg-light {
    background: #111827 !important;
}

/* Chu SHOW va SORT BY DATE */
.profile-part .filter-label,
.profile-part .filter-show label,
.profile-part .filter-action label {
    color: #cbd5e1 !important;
}

/* Bo loc */
.profile-part .filter-select {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

/* Phan trang */
.profile-part .bottom-paginate,
.profile-part .page-info {
    background: #111827 !important;
    color: #cbd5e1 !important;
}

/* FIX NEN TRANG KHUNG LICH SU DON HANG */
body .inner-section .container .account-card.pt-3 {
    background: #111827 !important;
    background-color: #111827 !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}


/* FIX NEN TRANG LICH SU DON HANG */
body .profile-part .account-card.pt-3 {
    background: #111827 !important;
    background-color: #111827 !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}