/* Complete dark-mode treatment for the storefront sellers/vendors page. */
[data-theme="dark"] .vendors-page {
    color: var(--theme-text) !important;
}

[data-theme="dark"] .vendors-page .shop-breadcrumb-bar {
    background: transparent !important;
    border-bottom-color: var(--theme-border) !important;
}

[data-theme="dark"] .vendors-page .vendors-filter-bar {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    box-shadow: var(--theme-shadow-sm) !important;
}

[data-theme="dark"] .vendors-page .vendors-filter-input,
[data-theme="dark"] .vendors-page .vendors-filter-select {
    background: var(--theme-surface-muted) !important;
    border-color: var(--theme-border-strong) !important;
    color: var(--theme-text-strong) !important;
}

[data-theme="dark"] .vendors-page .vendors-filter-input::placeholder {
    color: var(--theme-text-subtle) !important;
    opacity: 1 !important;
}

[data-theme="dark"] .vendors-page .vendors-filter-input:focus,
[data-theme="dark"] .vendors-page .vendors-filter-select:focus {
    background: var(--theme-surface-raised) !important;
    border-color: var(--theme-accent) !important;
    box-shadow: 0 0 0 3px var(--theme-focus) !important;
    outline: none;
}

[data-theme="dark"] .vendors-page .vendors-filter-select option {
    background: var(--theme-surface-raised) !important;
    color: var(--theme-text) !important;
}

[data-theme="dark"] .vendors-page .vendors-filter-search-icon {
    color: var(--theme-text-subtle) !important;
}

[data-theme="dark"] .vendors-page .vendors-filter-toggle {
    color: var(--theme-text) !important;
}

[data-theme="dark"] .vendors-page .vendors-apply-btn {
    background: var(--theme-primary) !important;
    color: var(--theme-on-primary) !important;
    box-shadow: 0 5px 14px rgba(225, 170, 163, .16);
}

[data-theme="dark"] .vendors-page .vendors-apply-btn:hover,
[data-theme="dark"] .vendors-page .vendors-apply-btn:focus-visible {
    background: var(--theme-primary-hover) !important;
    color: var(--theme-on-primary) !important;
}

[data-theme="dark"] .vendors-page .vendors-reset-btn {
    background: var(--theme-surface-muted) !important;
    border-color: var(--theme-border-strong) !important;
    color: var(--theme-text-muted) !important;
}

[data-theme="dark"] .vendors-page .vendors-reset-btn:hover,
[data-theme="dark"] .vendors-page .vendors-reset-btn:focus-visible {
    background: var(--theme-surface-raised) !important;
    border-color: var(--theme-accent) !important;
    color: var(--theme-text-strong) !important;
}

[data-theme="dark"] .vendors-page .shop-toggle-slider {
    background: var(--theme-border-strong) !important;
}

[data-theme="dark"] .vendors-page .shop-toggle-slider::after {
    background: var(--theme-text-strong) !important;
}

[data-theme="dark"] .vendors-page .shop-toggle-input:checked + .shop-toggle-slider {
    background: var(--theme-primary) !important;
}

[data-theme="dark"] .vendors-page .vendor-card {
    background: linear-gradient(145deg, var(--theme-surface-raised), var(--theme-surface)) !important;
    border-color: var(--theme-border) !important;
    box-shadow: var(--theme-shadow-sm) !important;
}

[data-theme="dark"] .vendors-page .vendor-card:hover {
    border-color: rgba(154, 175, 255, .34) !important;
    box-shadow: var(--theme-shadow-md) !important;
}

[data-theme="dark"] .vendors-page .vendor-card-top {
    background: var(--theme-surface-muted) !important;
    border-bottom-color: var(--theme-border) !important;
}

[data-theme="dark"] .vendors-page .vendor-logo-wrap {
    background: var(--theme-surface-raised) !important;
    border-color: var(--theme-border-strong) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .vendors-page .vendor-logo-placeholder {
    color: var(--theme-accent) !important;
}

[data-theme="dark"] .vendors-page .vendor-card-name {
    color: var(--theme-text-strong) !important;
}

[data-theme="dark"] .vendors-page .vendor-card-owner,
[data-theme="dark"] .vendors-page .vendor-meta-item,
[data-theme="dark"] .vendors-page .vendor-card-desc {
    color: var(--theme-text-muted) !important;
}

[data-theme="dark"] .vendors-page .vendor-meta-item i {
    color: var(--theme-accent) !important;
}

[data-theme="dark"] .vendors-page .vendor-card-footer {
    border-top-color: var(--theme-border) !important;
}

[data-theme="dark"] .vendors-page .vendor-visit-btn {
    background: #596fc9 !important;
    color: #fff !important;
    box-shadow: 0 5px 16px rgba(89, 111, 201, .24);
}

[data-theme="dark"] .vendors-page .vendor-visit-btn:hover,
[data-theme="dark"] .vendors-page .vendor-visit-btn:focus-visible {
    background: #8f9fff !important;
    color: #111827 !important;
}

[data-theme="dark"] .vendors-page .cart-empty-state {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

[data-theme="dark"] .vendors-page .cart-empty-icon {
    background: var(--theme-surface-muted) !important;
    color: var(--theme-accent) !important;
}

[data-theme="dark"] .vendors-page .cart-empty-title,
[data-theme="dark"] .vendors-page .cart-empty-desc {
    color: var(--theme-text) !important;
}

[data-theme="dark"] .vendors-page .pagination .page-link {
    background: var(--theme-surface-muted) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

[data-theme="dark"] .vendors-page .pagination .page-item.active .page-link,
[data-theme="dark"] .vendors-page .pagination .page-link:hover {
    background: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    color: var(--theme-on-primary) !important;
}

[data-theme="dark"] .vendors-page .pagination .page-item.disabled .page-link {
    background: var(--theme-surface) !important;
    color: var(--theme-text-subtle) !important;
}

@media (max-width: 767.98px) {
    [data-theme="dark"] .vendors-page .vendors-filter-actions {
        width: 100%;
    }

    [data-theme="dark"] .vendors-page .vendors-apply-btn,
    [data-theme="dark"] .vendors-page .vendors-reset-btn {
        flex: 1;
        text-align: center;
    }
}