/* Start custom CSS for shortcode, class: .elementor-element-23754176 *//* ===== Dokan accent color (orange) → your brand color ===== */
:root{
  --bb-accent: #9e1946;   /* change this */
  --bb-accent-text: #ffffff;
}

/* Filter / Apply / Cancel + most Dokan buttons */
#dokan-store-listing-filter-wrap .dokan-btn-theme,
#dokan-store-listing-filter-form-wrap .dokan-btn-theme,
.dokan-btn-theme{
  background: var(--bb-accent) !important;
  border-color: var(--bb-accent) !important;
  color: var(--bb-accent-text) !important;
}

/* Hover state */
#dokan-store-listing-filter-wrap .dokan-btn-theme:hover,
#dokan-store-listing-filter-form-wrap .dokan-btn-theme:hover,
.dokan-btn-theme:hover{
  filter: brightness(0.9);
}

/* Store card arrow circle */
.dokan-single-seller .dokan-btn-theme.dokan-btn-round{
  background: var(--bb-accent) !important;
  border-color: var(--bb-accent) !important;
}
.dokan-single-seller .dokan-btn-theme.dokan-btn-round,
.dokan-single-seller .dokan-btn-theme.dokan-btn-round::before{
  color: var(--bb-accent-text) !important;
}

/* Grid/List toggle icons (top right) when active */
#dokan-store-listing-filter-wrap .toggle-view .dashicons.active{
  color: var(--bb-accent) !important;
}

/* Any orange Dashicons inside the store listing area */
#dokan-store-listing-filter-wrap .dashicons{
  color: inherit;
}

/* If the filter icon is orange (sometimes it's an <i> tag) */
#dokan-store-listing-filter-wrap button i,
#dokan-store-listing-filter-wrap button svg{
  fill: var(--bb-accent-text) !important;
  color: var(--bb-accent-text) !important;
}/* End custom CSS */