/* =====================================================
   Movador Dokan Base
   Scope: Dokan seller dashboard, store page, and store listing only.
   ===================================================== */

body.movador-dokan-surface,
body.dokan-dashboard,
body.dokan-dashboard-fullwidth-template,
#dokan-dashboard-fullwidth-wrapper,
#dokan-vendor-dashboard-root,
#dokan-vendor-dashboard-layout-root {
  --mv-dokan-navy: #0f172a;
  --mv-dokan-navy-2: #111c36;
  --mv-dokan-blue: #2563eb;
  --mv-dokan-blue-2: #1d4ed8;
  --mv-dokan-ink: #0f172a;
  --mv-dokan-text: #1f2937;
  --mv-dokan-muted: #64748b;
  --mv-dokan-line: rgba(148, 163, 184, 0.26);
  --mv-dokan-card: #ffffff;
  --mv-dokan-soft: #f8fafc;
  --mv-dokan-soft-blue: rgba(37, 99, 235, 0.08);
  --mv-dokan-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
  --mv-dokan-shadow-soft: 0 10px 26px rgba(15, 23, 42, 0.06);
  --mv-dokan-radius: 22px;
  --mv-dokan-radius-sm: 14px;

  --dokan-button-background-color: var(--mv-dokan-blue);
  --dokan-button-hover-background-color: var(--mv-dokan-blue-2);
  --dokan-button-border-color: var(--mv-dokan-blue);
  --dokan-button-text-color: #ffffff;
  --dokan-button-secondary-background-color: #ffffff;
  --dokan-button-secondary-hover-background-color: rgba(37, 99, 235, 0.08);
  --dokan-button-secondary-text-color: var(--mv-dokan-blue);
  --dokan-button-tertiary-hover-background-color: rgba(37, 99, 235, 0.08);
  --dokan-sidebar-background-color: var(--mv-dokan-navy);
  --dokan-sidebar-hover-background-color: var(--mv-dokan-blue);
  --dokan-sidebar-text-color: #cbd5e1;
  --dokan-sidebar-hover-text-color: #ffffff;
  --color-primary: #2563eb;
  --color-dokan-btn-hover: #1d4ed8;
  --colors-primary-50: #eff6ff;
  --colors-primary-100: #dbeafe;
  --colors-primary-200: #bfdbfe;
  --colors-primary-300: #93c5fd;
  --colors-primary-400: #60a5fa;
  --colors-primary-500: #3b82f6;
  --colors-primary-600: #2563eb;
  --colors-primary-700: #1d4ed8;
  --colors-primary-800: #1e40af;
  --colors-primary-900: #1e3a8a;
}

body.movador-dokan-surface,
body.dokan-dashboard-fullwidth-template {
  background: var(--mv-dokan-soft) !important;
}

body.movador-dokan-surface,
body.movador-dokan-surface input,
body.movador-dokan-surface select,
body.movador-dokan-surface textarea,
body.movador-dokan-surface button,
body.dokan-dashboard-fullwidth-template,
body.dokan-dashboard-fullwidth-template input,
body.dokan-dashboard-fullwidth-template select,
body.dokan-dashboard-fullwidth-template textarea,
body.dokan-dashboard-fullwidth-template button {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

body.movador-dokan-surface a,
body.dokan-dashboard-fullwidth-template a {
  text-decoration: none;
}

body.movador-dokan-dashboard input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body.movador-dokan-dashboard select,
body.movador-dokan-dashboard textarea,
body.dokan-dashboard-fullwidth-template input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
body.dokan-dashboard-fullwidth-template select,
body.dokan-dashboard-fullwidth-template textarea {
  border: 1px solid rgba(148, 163, 184, 0.42) !important;
  border-radius: 12px !important;
  background-color: #ffffff !important;
  color: var(--mv-dokan-ink) !important;
  box-shadow: none !important;
}

body.movador-dokan-dashboard input:focus,
body.movador-dokan-dashboard select:focus,
body.movador-dokan-dashboard textarea:focus,
body.dokan-dashboard-fullwidth-template input:focus,
body.dokan-dashboard-fullwidth-template select:focus,
body.dokan-dashboard-fullwidth-template textarea:focus {
  border-color: var(--mv-dokan-blue) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12) !important;
  outline: none !important;
}

body.movador-dokan-dashboard .dokan-btn,
body.movador-dokan-dashboard .dokan-btn-theme,
body.movador-dokan-dashboard .dokan-btn-primary,
body.movador-dokan-dashboard .dokan-dashboard-layout button[class*="bg-dokan-btn"],
body.movador-dokan-dashboard .dokan-dashboard-layout button[class*="dokan-btn"],
body.dokan-dashboard-fullwidth-template .dokan-dashboard-layout button[class*="bg-dokan-btn"],
body.dokan-dashboard-fullwidth-template .dokan-dashboard-layout button[class*="dokan-btn"] {
  border-radius: 999px !important;
  font-weight: 800 !important;
}

body.movador-dokan-dashboard .dokan-btn-theme,
body.movador-dokan-dashboard .dokan-btn-primary,
body.movador-dokan-dashboard .dokan-dashboard-layout button[class*="bg-dokan-btn"],
body.dokan-dashboard-fullwidth-template .dokan-dashboard-layout button[class*="bg-dokan-btn"] {
  background: linear-gradient(135deg, var(--mv-dokan-blue) 0%, var(--mv-dokan-blue-2) 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22) !important;
}

body.movador-dokan-dashboard .dokan-btn-theme:hover,
body.movador-dokan-dashboard .dokan-btn-primary:hover,
body.movador-dokan-dashboard .dokan-dashboard-layout button[class*="bg-dokan-btn"]:hover,
body.dokan-dashboard-fullwidth-template .dokan-dashboard-layout button[class*="bg-dokan-btn"]:hover {
  background: linear-gradient(135deg, var(--mv-dokan-blue-2) 0%, #1e40af 100%) !important;
  transform: translateY(-1px);
}

body.movador-dokan-dashboard .dokan-link,
body.dokan-dashboard-fullwidth-template .dokan-link {
  color: var(--mv-dokan-blue) !important;
}

body.movador-dokan-dashboard .dashboard-widget,
body.movador-dokan-dashboard .dokan-panel,
body.movador-dokan-dashboard .dokan-form-container,
body.movador-dokan-dashboard .product-edit-new-container,
body.movador-dokan-dashboard .components-card,
body.movador-dokan-dashboard .dataviews-wrapper,
body.movador-dokan-dashboard .pui-root-dataviews,
body.dokan-dashboard-fullwidth-template .components-card,
body.dokan-dashboard-fullwidth-template .dataviews-wrapper,
body.dokan-dashboard-fullwidth-template .pui-root-dataviews {
  background: #ffffff !important;
  border: 1px solid var(--mv-dokan-line) !important;
  border-radius: var(--mv-dokan-radius) !important;
  box-shadow: var(--mv-dokan-shadow-soft) !important;
}

body.movador-dokan-dashboard table,
body.dokan-dashboard-fullwidth-template table,
body.movador-dokan-dashboard table.dokan-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
}

body.movador-dokan-dashboard th,
body.movador-dokan-dashboard td,
body.dokan-dashboard-fullwidth-template th,
body.dokan-dashboard-fullwidth-template td,
body.movador-dokan-dashboard table.dokan-table th,
body.movador-dokan-dashboard table.dokan-table td {
  border-color: rgba(148, 163, 184, 0.2) !important;
}

body.movador-dokan-dashboard thead th,
body.dokan-dashboard-fullwidth-template thead th,
body.movador-dokan-dashboard table.dokan-table thead th {
  color: #475569 !important;
  background: #f8fafc !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

/* =====================================================
   Movador Dokan React search input cleanup
   Scope: Products and Orders DataViews search field only.
   Purpose: keep one clean border on the search wrapper and remove the duplicated inner input border/ring.
   ===================================================== */

body.movador-dokan-dashboard :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews [data-slot="input-group"],
body.dokan-dashboard-fullwidth-template :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews [data-slot="input-group"] {
  border: 1px solid rgba(148, 163, 184, 0.42) !important;
  border-radius: 12px !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
}

body.movador-dokan-dashboard :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews [data-slot="input-group"]:focus-within,
body.movador-dokan-dashboard :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews [data-slot="input-group"]:has([data-slot="input-group-control"]:focus-visible),
body.dokan-dashboard-fullwidth-template :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews [data-slot="input-group"]:focus-within,
body.dokan-dashboard-fullwidth-template :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews [data-slot="input-group"]:has([data-slot="input-group-control"]:focus-visible) {
  border-color: rgba(148, 163, 184, 0.42) !important;
  box-shadow: none !important;
  outline: none !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
}

body.movador-dokan-dashboard :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews [data-slot="input-group-control"],
body.movador-dokan-dashboard :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews input[placeholder="Search"],
body.movador-dokan-dashboard :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews input[placeholder="Search Orders"],
body.dokan-dashboard-fullwidth-template :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews [data-slot="input-group-control"],
body.dokan-dashboard-fullwidth-template :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews input[placeholder="Search"],
body.dokan-dashboard-fullwidth-template :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews input[placeholder="Search Orders"] {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
}

body.movador-dokan-dashboard :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews [data-slot="input-group-control"]:focus,
body.movador-dokan-dashboard :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews [data-slot="input-group-control"]:focus-visible,
body.movador-dokan-dashboard :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews input[placeholder="Search"]:focus,
body.movador-dokan-dashboard :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews input[placeholder="Search"]:focus-visible,
body.movador-dokan-dashboard :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews input[placeholder="Search Orders"]:focus,
body.movador-dokan-dashboard :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews input[placeholder="Search Orders"]:focus-visible,
body.dokan-dashboard-fullwidth-template :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews [data-slot="input-group-control"]:focus,
body.dokan-dashboard-fullwidth-template :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews [data-slot="input-group-control"]:focus-visible,
body.dokan-dashboard-fullwidth-template :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews input[placeholder="Search"]:focus,
body.dokan-dashboard-fullwidth-template :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews input[placeholder="Search"]:focus-visible,
body.dokan-dashboard-fullwidth-template :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews input[placeholder="Search Orders"]:focus,
body.dokan-dashboard-fullwidth-template :is(#dokan-products-data-view, #dokan-orders-data-view).pui-root-dataviews input[placeholder="Search Orders"]:focus-visible {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
  --tw-ring-shadow: 0 0 #0000 !important;
}

/* =====================================================
   Movador Dokan shared DataViews filter color
   Scope: Products and Orders Dokan React filter button/dropdown only.
   ===================================================== */

body.movador-dokan-dashboard:has(.dokan-react-products) :is(.pui-root, .dokan-layout) button[title="Filter"],
body.movador-dokan-dashboard:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) button[title="Filter"],
body.dokan-dashboard-fullwidth-template:has(.dokan-react-products) :is(.pui-root, .dokan-layout) button[title="Filter"],
body.dokan-dashboard-fullwidth-template:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) button[title="Filter"] {
  --primary: #0f172a !important;
  color: #475569 !important;
}

body.movador-dokan-dashboard:has(.dokan-react-products) :is(.pui-root, .dokan-layout) button[title="Filter"]:hover,
body.movador-dokan-dashboard:has(.dokan-react-products) :is(.pui-root, .dokan-layout) button[title="Filter"]:focus-visible,
body.movador-dokan-dashboard:has(.dokan-react-products) :is(.pui-root, .dokan-layout) button[title="Filter"][aria-expanded="true"],
body.movador-dokan-dashboard:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) button[title="Filter"]:hover,
body.movador-dokan-dashboard:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) button[title="Filter"]:focus-visible,
body.movador-dokan-dashboard:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) button[title="Filter"][aria-expanded="true"],
body.dokan-dashboard-fullwidth-template:has(.dokan-react-products) :is(.pui-root, .dokan-layout) button[title="Filter"]:hover,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-products) :is(.pui-root, .dokan-layout) button[title="Filter"]:focus-visible,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-products) :is(.pui-root, .dokan-layout) button[title="Filter"][aria-expanded="true"],
body.dokan-dashboard-fullwidth-template:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) button[title="Filter"]:hover,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) button[title="Filter"]:focus-visible,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) button[title="Filter"][aria-expanded="true"] {
  --primary: #0f172a !important;
  color: #0f172a !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

body.movador-dokan-dashboard:has(.dokan-react-products) :is(.pui-root, .dokan-layout) button[title="Filter"] svg,
body.movador-dokan-dashboard:has(.dokan-react-products) :is(.pui-root, .dokan-layout) button[title="Filter"] svg *,
body.movador-dokan-dashboard:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) button[title="Filter"] svg,
body.movador-dokan-dashboard:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) button[title="Filter"] svg *,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-products) :is(.pui-root, .dokan-layout) button[title="Filter"] svg,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-products) :is(.pui-root, .dokan-layout) button[title="Filter"] svg *,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) button[title="Filter"] svg,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) button[title="Filter"] svg * {
  color: currentColor !important;
  stroke: currentColor !important;
}

body.movador-dokan-dashboard:has(.dokan-react-products) :is(.pui-root, .dokan-layout) .hover\:text-primary,
body.movador-dokan-dashboard:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) .hover\:text-primary,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-products) :is(.pui-root, .dokan-layout) .hover\:text-primary,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) .hover\:text-primary,
body.movador-dokan-dashboard:has(.dokan-react-products) :is(.pui-root, .dokan-layout) .min-w-40 > button.hover\:text-primary,
body.movador-dokan-dashboard:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) .min-w-40 > button.hover\:text-primary,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-products) :is(.pui-root, .dokan-layout) .min-w-40 > button.hover\:text-primary,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) .min-w-40 > button.hover\:text-primary {
  color: #6b7280 !important;
  font-weight: 400 !important;
  transform: none !important;
}

body.movador-dokan-dashboard:has(.dokan-react-products) :is(.pui-root, .dokan-layout) .hover\:text-primary:hover,
body.movador-dokan-dashboard:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) .hover\:text-primary:hover,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-products) :is(.pui-root, .dokan-layout) .hover\:text-primary:hover,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) .hover\:text-primary:hover,
body.movador-dokan-dashboard:has(.dokan-react-products) :is(.pui-root, .dokan-layout) .min-w-40 > button.hover\:text-primary:hover,
body.movador-dokan-dashboard:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) .min-w-40 > button.hover\:text-primary:hover,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-products) :is(.pui-root, .dokan-layout) .min-w-40 > button.hover\:text-primary:hover,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) .min-w-40 > button.hover\:text-primary:hover {
  --primary: #000000 !important;
  color: #000000 !important;
  font-weight: 400 !important;
  transform: none !important;
}

body.movador-dokan-dashboard:has(.dokan-react-products) :is(.pui-root, .dokan-layout) .hover\:text-primary:hover svg,
body.movador-dokan-dashboard:has(.dokan-react-products) :is(.pui-root, .dokan-layout) .hover\:text-primary:hover svg *,
body.movador-dokan-dashboard:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) .hover\:text-primary:hover svg,
body.movador-dokan-dashboard:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) .hover\:text-primary:hover svg *,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-products) :is(.pui-root, .dokan-layout) .hover\:text-primary:hover svg,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-products) :is(.pui-root, .dokan-layout) .hover\:text-primary:hover svg *,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) .hover\:text-primary:hover svg,
body.dokan-dashboard-fullwidth-template:has(.dokan-react-orders) :is(.pui-root, .dokan-layout) .hover\:text-primary:hover svg * {
  color: currentColor !important;
  stroke: currentColor !important;
}