/* ============================================================
   DARK MODE — shtresa e mbivendosjes per style.css
   ------------------------------------------------------------
   E GJENERUAR. Mos e edito me dore; rigjenero me gen-dark.js.

   style.css ka 384 ngjyra te ngurta ne 2806 rreshta, te shkruara
   per temen e celet. Ato nuk i pergjigjen dark mode-it, pra kartat
   dilnin te bardha dhe titujt te erret mbi sfond te erret.

   Ne vend se te rishkruhej style.css (rrezik per temen e celet qe
   punon), ketu ngjyrat klasifikohen sipas rolit dhe ndricimit dhe
   mbivendosen VETEM nen [data-bs-theme="dark"].
   ============================================================ */

:root[data-bs-theme="dark"] {
    /* Sipërfaqe të ndërmjetme, për grit e çelëta të style.css */
    --dc-surface-2: #1B2028;
    --dc-surface-3: #222834;
}

/* ── Utility-t e Bootstrap ──────────────────────────────────
   bg-white (60 perdorime), text-dark (19), table-light (13) dhe
   bg-light (8) i kodojne ngjyrat me !important, pra e anashkalojne
   plotesisht dark mode-in. Duhet !important per t'i mbivendosur.
   Kjo ishte shkaku kryesor i tabelave te bardha ne profile.php. */
:root[data-bs-theme="dark"] .bg-white {
    background-color: var(--color-surface) !important;
}
:root[data-bs-theme="dark"] .bg-light {
    background-color: var(--dc-surface-2) !important;
}
:root[data-bs-theme="dark"] .text-dark {
    color: var(--color-text) !important;
}
:root[data-bs-theme="dark"] .table-light {
    --bs-table-bg: var(--dc-surface-2);
    --bs-table-color: var(--color-text);
    --bs-table-border-color: var(--color-divider);
}
:root[data-bs-theme="dark"] .table {
    --bs-table-color: var(--color-text);
    --bs-table-border-color: var(--color-divider);
    --bs-table-hover-color: var(--color-text);
    --bs-table-hover-bg: rgba(255,255,255,.045);
    --bs-table-striped-color: var(--color-text);
    --bs-table-striped-bg: rgba(255,255,255,.03);
}
:root[data-bs-theme="dark"] .list-group {
    --bs-list-group-bg: var(--color-surface);
    --bs-list-group-color: var(--color-text);
    --bs-list-group-border-color: var(--color-divider);
    --bs-list-group-action-hover-bg: var(--dc-surface-2);
    --bs-list-group-action-hover-color: var(--color-text);
}

/* Sfondet e ngurta ne stilet inline te PHP-ve (placeholder imazhesh).
   Stilet inline i fitojne klasat, pra duhen kapur me selektor atributi. */
:root[data-bs-theme="dark"] [style*="background:#eee"],
:root[data-bs-theme="dark"] [style*="background:#f8f9fa"],
:root[data-bs-theme="dark"] [style*="background:#fff"] {
    background: var(--dc-surface-3) !important;
}

:root[data-bs-theme="dark"] .category-card,
:root[data-bs-theme="dark"] .card-price-overlay,
:root[data-bs-theme="dark"] .badge-verified-img,
:root[data-bs-theme="dark"] .listing-main-img,
:root[data-bs-theme="dark"] .sidebar-card,
:root[data-bs-theme="dark"] .form-card,
:root[data-bs-theme="dark"] .upload-zone:hover,
:root[data-bs-theme="dark"] .upload-zone.dragover,
:root[data-bs-theme="dark"] .conversation-item.unread,
:root[data-bs-theme="dark"] .msg-chat-panel,
:root[data-bs-theme="dark"] .chat-input-wrap:focus-within,
:root[data-bs-theme="dark"] .admin-sidebar .nav-link:hover,
:root[data-bs-theme="dark"] .admin-grp-body,
:root[data-bs-theme="dark"] #amHam span,
:root[data-bs-theme="dark"] .stat-card,
:root[data-bs-theme="dark"] .premium-scroll-wrap::-webkit-scrollbar-track,
:root[data-bs-theme="dark"] .feature-field-wrap:focus-within,
:root[data-bs-theme="dark"] .seller-hero,
:root[data-bs-theme="dark"] .alert-card,
:root[data-bs-theme="dark"] .offer-card,
:root[data-bs-theme="dark"] .want-card,
:root[data-bs-theme="dark"] .want-home-card,
:root[data-bs-theme="dark"] .stat-card,
:root[data-bs-theme="dark"] .chart-card,
:root[data-bs-theme="dark"] .cat-tab.active .cat-tab-count,
:root[data-bs-theme="dark"] .listing-skeleton,
:root[data-bs-theme="dark"] .pako-search-inner:focus-within,
:root[data-bs-theme="dark"] .pako-search-card,
:root[data-bs-theme="dark"] .pako-search-row,
:root[data-bs-theme="dark"] .pako-search-row:focus-within {
    background: var(--color-surface);
}
:root[data-bs-theme="dark"] .category-card .count,
:root[data-bs-theme="dark"] .conv-time,
:root[data-bs-theme="dark"] .message-bubble.received .time,
:root[data-bs-theme="dark"] .chat-input::placeholder,
:root[data-bs-theme="dark"] .chat-date-divider,
:root[data-bs-theme="dark"] .chat-empty-state,
:root[data-bs-theme="dark"] .empty-state,
:root[data-bs-theme="dark"] .feature-chip-label,
:root[data-bs-theme="dark"] .want-home-budget-flex,
:root[data-bs-theme="dark"] .want-home-time,
:root[data-bs-theme="dark"] .cat-tab i,
:root[data-bs-theme="dark"] .pako-search-input::placeholder,
:root[data-bs-theme="dark"] .pako-search-ico,
:root[data-bs-theme="dark"] .pako-search-inp::placeholder,
:root[data-bs-theme="dark"] .pako-popular-lbl {
    color: var(--dc-muted-75);
}
:root[data-bs-theme="dark"] .upload-zone {
    border: 2px dashed var(--color-divider);
    background: var(--color-surface);
}
:root[data-bs-theme="dark"] .messages-layout,
:root[data-bs-theme="dark"] .premium-card,
:root[data-bs-theme="dark"] .review-card,
:root[data-bs-theme="dark"] .pako-mega-menu,
:root[data-bs-theme="dark"] .pako-live-drop {
    background: var(--color-surface);
    border: 1px solid var(--color-divider);
}
:root[data-bs-theme="dark"] .msg-sidebar,
:root[data-bs-theme="dark"] .admin-sidebar {
    border-right: 1px solid var(--color-divider);
    background: var(--color-surface);
}
:root[data-bs-theme="dark"] .msg-sidebar-head,
:root[data-bs-theme="dark"] .msg-chat-header,
:root[data-bs-theme="dark"] .pako-main-nav {
    border-bottom: 1px solid var(--color-divider);
    background: var(--color-surface);
}
:root[data-bs-theme="dark"] .msg-sidebar-title,
:root[data-bs-theme="dark"] .conversation-item.unread .conv-last-msg,
:root[data-bs-theme="dark"] .conv-name,
:root[data-bs-theme="dark"] .conv-listing-title,
:root[data-bs-theme="dark"] .conv-last-msg,
:root[data-bs-theme="dark"] .chat-header-name,
:root[data-bs-theme="dark"] .chat-header-listing,
:root[data-bs-theme="dark"] .chat-input,
:root[data-bs-theme="dark"] .admin-sidebar .nav-link,
:root[data-bs-theme="dark"] .stat-card .label,
:root[data-bs-theme="dark"] .premium-card-badge,
:root[data-bs-theme="dark"] .seller-name,
:root[data-bs-theme="dark"] .seller-bio,
:root[data-bs-theme="dark"] .seller-meta,
:root[data-bs-theme="dark"] .seller-social-pill,
:root[data-bs-theme="dark"] .seller-social-pill:hover,
:root[data-bs-theme="dark"] .offer-amount,
:root[data-bs-theme="dark"] .offer-msg,
:root[data-bs-theme="dark"] .want-home-title,
:root[data-bs-theme="dark"] .want-home-sub,
:root[data-bs-theme="dark"] .want-home-badge-city,
:root[data-bs-theme="dark"] .want-home-card-title,
:root[data-bs-theme="dark"] .want-home-card-desc,
:root[data-bs-theme="dark"] .stat-number,
:root[data-bs-theme="dark"] .stat-label,
:root[data-bs-theme="dark"] .cat-mega-parent,
:root[data-bs-theme="dark"] .cat-mega-children li a,
:root[data-bs-theme="dark"] .pako-search-input,
:root[data-bs-theme="dark"] .pako-search-city,
:root[data-bs-theme="dark"] .pako-mega-children li a,
:root[data-bs-theme="dark"] .pako-cat-pill,
:root[data-bs-theme="dark"] .pako-ctab,
:root[data-bs-theme="dark"] .pako-search-inp {
    color: var(--color-text);
}
:root[data-bs-theme="dark"] .msg-conv-list::-webkit-scrollbar-thumb,
:root[data-bs-theme="dark"] .conversation-item:hover,
:root[data-bs-theme="dark"] .conversation-item.active,
:root[data-bs-theme="dark"] .chat-date-divider::before,
:root[data-bs-theme="dark"] .chat-date-divider::after,
:root[data-bs-theme="dark"] .admin-sidebar .nav-link.active,
:root[data-bs-theme="dark"] .admin-grp.open .admin-grp-hd,
:root[data-bs-theme="dark"] .admin-content,
:root[data-bs-theme="dark"] .seller-verified-badge,
:root[data-bs-theme="dark"] .seller-biz-label,
:root[data-bs-theme="dark"] .alert-bell-icon,
:root[data-bs-theme="dark"] .pako-search-divider {
    background: var(--dc-surface-2);
}
:root[data-bs-theme="dark"] .conversation-item,
:root[data-bs-theme="dark"] .admin-sb-head {
    border-bottom: 1px solid var(--color-divider);
}
:root[data-bs-theme="dark"] .chat-box::-webkit-scrollbar-thumb {
    background: var(--dc-surface-3);
}
:root[data-bs-theme="dark"] .message-bubble.received {
    background: var(--color-surface);
    color: var(--color-text);
    border: 1px solid var(--color-divider);
}
:root[data-bs-theme="dark"] .chat-input-bar,
:root[data-bs-theme="dark"] .pako-mega-footer {
    background: var(--color-surface);
    border-top: 1px solid var(--color-divider);
}
:root[data-bs-theme="dark"] .chat-input-wrap,
:root[data-bs-theme="dark"] .pako-search-inner {
    background: var(--color-surface);
    border: 1.5px solid var(--color-divider);
}
:root[data-bs-theme="dark"] .btn-back-mobile,
:root[data-bs-theme="dark"] .cat-grid-item {
    background: var(--color-surface);
    color: var(--color-text);
}
:root[data-bs-theme="dark"] .btn-back-mobile:hover,
:root[data-bs-theme="dark"] .admin-grp-hd:hover,
:root[data-bs-theme="dark"] .cat-tab-count,
:root[data-bs-theme="dark"] .pako-ctab:hover,
:root[data-bs-theme="dark"] .pako-popular-tag {
    background: var(--dc-surface-2);
    color: var(--color-text);
}
:root[data-bs-theme="dark"] .admin-grp-hd {
    background: var(--color-surface);
    border-top: 1px solid var(--color-divider);
    border-bottom: 1px solid var(--color-divider);
    color: var(--color-text);
}
:root[data-bs-theme="dark"] .admin-sb-hr {
    border-color: var(--color-divider);
}
:root[data-bs-theme="dark"] #amHam,
:root[data-bs-theme="dark"] .seller-biz-badge,
:root[data-bs-theme="dark"] .boost-pkg,
:root[data-bs-theme="dark"] .online-dot {
    border: 2px solid var(--color-divider);
}
:root[data-bs-theme="dark"] .premium-card-seller,
:root[data-bs-theme="dark"] .offer-section {
    border-top: 1px solid var(--color-divider);
}
:root[data-bs-theme="dark"] .feature-chip,
:root[data-bs-theme="dark"] .feature-field-wrap {
    border: 1px solid var(--color-divider);
}
:root[data-bs-theme="dark"] .offer-card-done {
    border-left-color: var(--color-divider);
}
:root[data-bs-theme="dark"] .want-home-card-user {
    color: var(--color-text);
    border-top: 1px solid var(--color-divider);
}
:root[data-bs-theme="dark"] .dropdown-mega {
    border: 1px solid var(--color-divider) !important;
}
:root[data-bs-theme="dark"] .subcat-pill,
:root[data-bs-theme="dark"] .pako-btn-login {
    background: var(--color-surface);
    color: var(--color-text);
    border: 1.5px solid var(--color-divider);
}
:root[data-bs-theme="dark"] .cat-tab {
    border: 2px solid var(--color-divider);
    background: var(--color-surface);
    color: var(--color-text);
}
:root[data-bs-theme="dark"] .stars .far.fa-star,
:root[data-bs-theme="dark"] .star-pick-label {
    color: var(--dc-muted-60);
}
:root[data-bs-theme="dark"] .pako-action-btn,
:root[data-bs-theme="dark"] .pako-mobile-search-toggle {
    border: 1.5px solid var(--color-divider);
    color: var(--color-text);
}
:root[data-bs-theme="dark"] .pako-cat-bar {
    background: var(--color-surface);
    border-top: 1px solid var(--color-divider);
    border-bottom: 1px solid var(--color-divider);
}
:root[data-bs-theme="dark"] .pako-mega-col {
    border-right: 1px solid var(--color-divider);
}

@media (max-width: 991px) {
    :root[data-bs-theme="dark"] div:has(> table.table)::-webkit-scrollbar-track {
        background: var(--dc-surface-2);
    }
}