/**
 * Dark Mode Theme Override for Advanced Woo Product Table Pro
 */

.awptp-theme-dark {
    --awptp-dark-bg: #121214;
    --awptp-dark-surface: #1e1e24;
    --awptp-dark-border: #2d2d34;
    --awptp-dark-text-primary: #f8f9fa;
    --awptp-dark-text-secondary: #adb5bd;
    
    color: var(--awptp-dark-text-primary);
}

.awptp-theme-dark .awptp-table-responsive-container {
    background: var(--awptp-dark-surface);
    border-color: var(--awptp-dark-border);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.awptp-theme-dark .awptp-table-el {
    color: var(--awptp-dark-text-primary);
}

/* Headers */
.awptp-theme-dark .awptp-table-el thead th {
    background: #17171a;
    color: var(--awptp-dark-text-primary);
    border-bottom: 2px solid var(--awptp-dark-border);
}

.awptp-theme-dark .awptp-table-el thead th.sortable:hover {
    background: #25252b;
}

/* Table Rows */
.awptp-theme-dark .awptp-table-el tbody tr {
    border-bottom: 1px solid var(--awptp-dark-border);
}

.awptp-theme-dark .awptp-table-el tbody tr:hover {
    background-color: #25252b;
}

/* Links and Texts */
.awptp-theme-dark .awptp-product-link {
    color: var(--awptp-dark-text-primary);
}

.awptp-theme-dark .awptp-product-link:hover {
    color: var(--awptp-primary);
}

.awptp-theme-dark .awptp-table-el .price {
    color: var(--awptp-dark-text-primary);
}

.awptp-theme-dark .awptp-table-el .price del {
    color: #6c757d;
}

/* Search input override */
.awptp-theme-dark .awptp-search-input {
    background: var(--awptp-dark-surface) !important;
    border-color: var(--awptp-dark-border) !important;
    color: var(--awptp-dark-text-primary) !important;
}

.awptp-theme-dark .awptp-search-input:focus {
    border-color: var(--awptp-primary) !important;
}

/* Qty boxes */
.awptp-theme-dark .awptp-qty-wrap {
    border-color: var(--awptp-dark-border);
    background: var(--awptp-dark-bg);
}

.awptp-theme-dark .awptp-qty-wrap .qty-btn {
    background: #17171a;
    color: var(--awptp-dark-text-primary);
}

.awptp-theme-dark .awptp-qty-wrap .qty-btn:hover {
    background: #25252b;
}

.awptp-theme-dark .awptp-qty-wrap .awptp-qty-input {
    background: var(--awptp-dark-bg) !important;
    border-left: 1px solid var(--awptp-dark-border) !important;
    border-right: 1px solid var(--awptp-dark-border) !important;
    color: var(--awptp-dark-text-primary) !important;
}

/* Skeleton Loading Screens */
.awptp-theme-dark .awptp-table-skeleton-overlay {
    background: rgba(18, 18, 20, 0.8);
}

.awptp-theme-dark .awptp-skeleton-loader {
    border: 3px solid #2d2d34;
    border-top-3px-solid: var(--awptp-primary);
}

/* Pagination links */
.awptp-theme-dark .awptp-pagination-list a.pagi-link {
    border-color: var(--awptp-dark-border);
    color: var(--awptp-dark-text-secondary);
}

.awptp-theme-dark .awptp-pagination-list a.pagi-link:hover {
    border-color: var(--awptp-primary);
    color: var(--awptp-primary);
}

/* Responsive Cards on mobile screen size */
@media (max-width: 768px) {
    .awptp-theme-dark .awptp-table-el tbody tr {
        background: var(--awptp-dark-surface);
        border-color: var(--awptp-dark-border);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    }

    .awptp-theme-dark .awptp-table-el tbody td::before {
        color: var(--awptp-dark-text-secondary);
    }
}