/* Scoped dark-mode treatment for the storefront brands directory. */
[data-theme="dark"] .brands-directory-wrap {
    color: var(--theme-text) !important;
}

[data-theme="dark"] .brands-directory-wrap .brands-search-input {
    background: var(--theme-surface-raised) !important;
    border-color: var(--theme-border-strong) !important;
    color: var(--theme-text-strong) !important;
    caret-color: var(--theme-primary-hover);
}

[data-theme="dark"] .brands-directory-wrap .brands-search-input::placeholder {
    color: var(--theme-text-subtle) !important;
    opacity: 1;
}

[data-theme="dark"] .brands-directory-wrap .brands-search-input:focus {
    background: var(--theme-surface-raised) !important;
    border-color: var(--theme-accent) !important;
    box-shadow: 0 0 0 3px var(--theme-focus) !important;
}

[data-theme="dark"] .brands-directory-wrap .brands-search-icon {
    color: var(--theme-text-muted) !important;
}

[data-theme="dark"] .brands-directory-wrap .brands-search-btn {
    background: var(--theme-accent) !important;
    border-color: var(--theme-accent) !important;
    color: var(--theme-on-primary) !important;
}

[data-theme="dark"] .brands-directory-wrap .brands-search-btn:hover {
    background: var(--theme-primary-hover) !important;
    border-color: var(--theme-primary-hover) !important;
    color: var(--theme-on-primary) !important;
}

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

[data-theme="dark"] .brands-directory-wrap .brands-reset-btn:hover {
    border-color: var(--theme-accent) !important;
    color: var(--theme-text-strong) !important;
}

[data-theme="dark"] .brands-directory-wrap .brand-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"] .brands-directory-wrap .brand-card:hover {
    box-shadow: var(--theme-shadow-md) !important;
}

[data-theme="dark"] .brands-directory-wrap .brand-card-img-wrap {
    background: var(--theme-surface-muted) !important;
}

[data-theme="dark"] .brands-directory-wrap .brand-card-body {
    background: transparent !important;
    border-top-color: var(--theme-border) !important;
}

[data-theme="dark"] .brands-directory-wrap .brand-card-name {
    color: var(--theme-text-strong) !important;
}

[data-theme="dark"] .brands-directory-wrap .brand-card-count {
    color: var(--theme-text-muted) !important;
}

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

[data-theme="dark"] .brands-directory-wrap .cart-empty-title {
    color: var(--theme-text-strong) !important;
}

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

@media (max-width: 575.98px) {
    [data-theme="dark"] .brands-directory-wrap .brands-search-form {
        align-items: stretch;
    }

    [data-theme="dark"] .brands-directory-wrap .brands-search-field {
        min-width: 100%;
    }

    [data-theme="dark"] .brands-directory-wrap .brands-search-btn,
    [data-theme="dark"] .brands-directory-wrap .brands-reset-btn {
        flex: 1;
        text-align: center;
    }
}