/* =============================================================================
   Kinwi: Dokan Vendor Dashboard  standardised 270px sidebar, click-only submenus
   ============================================================================= */

/* Layout: sidebar 270px fixed, content takes the rest */
.dokan-dashboard .dokan-dashboard-wrap {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: visible !important;
  margin-top: 0 !important;
}

.dokan-dashboard .dokan-dash-sidebar {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
  flex: 0 0 300px !important;
  overflow: visible !important;
  overflow-y: auto !important;
}

.dokan-dashboard .dokan-dashboard-content {
  width: calc(100% - 300px) !important;
  max-width: calc(100% - 300px) !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Sidebar navigation containers */
.dokan-dashboard .dokan-dash-sidebar #dokan-navigation,
.dokan-dashboard .dokan-dash-sidebar .dokan-dashboard-menu,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Menu items: full width, block display */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu {
  display: block !important;
  padding-top: 0;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  box-sizing: border-box;
}

/* Nav links: full width, clickable */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li > a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
    border-radius: 0 !important;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Reports / Settings height fix */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.reports,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.settings {
  height: auto !important;
  min-height: 0 !important;
}

/* Submenus: hidden by default  NO hover reveal */
html body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li > ul.navigation-submenu,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li > ul.navigation-submenu {
  display: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  z-index: auto !important;
  background-color: #565656 !important;
  border-left: 3px solid #00967d !important;
}

/* Override Dokan hover rules  never reveal on hover */
body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu > li.has-submenu:not(.submenu-open):hover > ul.navigation-submenu,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.has-submenu:not(.submenu-open):hover > ul.navigation-submenu {
  display: none !important;
}

/* Custom active state for Vendor Guide to avoid fighting React's route-based .active class */
html body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.kinwi-vg-active > a,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.kinwi-vg-active > a {
  background-color: #00967d !important;
  color: #ffffff !important;
}

/* Visually hide React's .active tab (e.g. Dashboard) when Vendor Guide is open 
   This prevents having two tabs highlighted green without causing JS infinite loops */
html[data-kinwi-vg-open="true"] body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.active:not(.vendor-guide) > a {
  background-color: transparent !important;
  color: #ffffff !important;
}

/* Submenus: shown ONLY when .submenu-open class is toggled via click/touch */
body.dokan-dashboard .dokan-dash-sidebar #dokan-navigation ul.dokan-dashboard-menu > li.has-submenu.submenu-open > ul.navigation-submenu,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.has-submenu.submenu-open > ul.navigation-submenu,
/* Anti-FOUC: Force active submenu open before JS loads */
html:not([data-kinwi-js-loaded="true"]) body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.has-submenu.active > ul.navigation-submenu {
  display: block !important;
}

/* Submenu items */
html body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li > ul.navigation-submenu > li,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li > ul.navigation-submenu > li {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box;
  padding: 0 !important;
  margin: 0 !important;
  background-color: #565656 !important;
}

html body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li > ul.navigation-submenu > li > a,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li > ul.navigation-submenu > li > a {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  padding: 10px 15px 10px 25px !important;
  color: #ffffff !important;
  background-color: #565656 !important;
  font-size: 14px !important;
}

/* Submenu hover state */
html body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li > ul.navigation-submenu > li > a:hover,
html body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li > ul.navigation-submenu > li:hover > a,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li > ul.navigation-submenu > li > a:hover,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li > ul.navigation-submenu > li:hover > a {
  background-color: #00967d !important;
  color: #ffffff !important;
}

/* Submenu active/current state */
html body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li > ul.navigation-submenu > li.current > a,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li > ul.navigation-submenu > li.current > a {
  background-color: #008a7b !important;
  color: #ffffff !important;
  font-weight: bold !important;
}

/* Dropdown caret for submenu parent items */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.has-submenu > a {
  position: relative;
  padding-right: 28px !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.has-submenu > a i.fa-angle-down {
  display: none !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.has-submenu > a i.menu-dropdown {
  display: inline-block !important;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
}

/* Rotate caret when open */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.submenu-open > a i.menu-dropdown,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.active.has-submenu > a i.menu-dropdown {
  transform: translateY(-50%) rotate(180deg);
}

/* Hide Dokan's default giant pseudo-element triangles on hover, active, and has-submenu states */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li:after,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.active:after,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.has-submenu:after {
  display: none !important;
}

/* === Common Links: Visit Store visible, Edit Account & Log out hidden === */
body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links > a[aria-label="Edit Account"],
body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links > a[aria-label="Log out"] {
  display: none !important;
}

/* Common-links container: full width like any other item */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  flex: 0 0 100% !important;
  display: block !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Suppress Bootstrap clearfix pseudo-elements on common-links */
body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links::before,
body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links::after {
  display: none !important;
  content: none !important;
}

/* Visit Store link: styled like a normal sidebar nav item with visible text */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links > a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  padding: 10px 0 10px 18px !important;
  color: #ffffff !important;
  background: transparent !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  position: static !important;
  line-height: normal !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links > a i {
  color: #ffffff !important;
  font-size: 17px !important;
  padding-right: 15px !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

/* Render aria-label as visible inline text after the icon */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links > a::after {
  content: attr(aria-label) !important;
  display: inline !important;
  color: #ffffff !important;
  position: static !important;
  transform: none !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  pointer-events: none;
  font-size: 14px !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

/* Suppress tooltip ::before pseudo */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links > a::before {
  display: none !important;
  content: none !important;
}

/* Hover/focus state for common-links */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links > a:hover,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links > a:focus-visible {
  background: #00967d !important;
  color: #ffffff !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links > a:hover i,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links > a:focus-visible i {
  color: #ffffff !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links > a:hover::after,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li.dokan-common-links > a:focus-visible::after {
  color: #ffffff !important;
}

/* Tooltip inner colour */
.dokan-dashboard .tooltip .tooltip-inner {
  color: #00967d !important;
}

/* Hide legacy touch-tip elements */
.kinwi-touch-tip {
  display: none !important;
}

/* Kinwi: Hide Vendor Guide from footer (moved to Dokan dashboard sidebar) */
footer .elementor-element[data-id="bb5e52a"],
#site-footer .elementor-element[data-id="bb5e52a"] {
  display: none !important;
}

/* Kinwi: Hide hamburger icon on desktop (visible only at mobile widths) */
.dokan-dashboard .dokan-dash-sidebar #dokan-navigation #mobile-menu-icon {
  display: none !important;
}

/* Kinwi: Hide native scrollbar — replaced by JS-based custom scrollbar (dokan-custom-scrollbar.js)
   that is always visible regardless of macOS overlay scrollbar settings. */
.dokan-dashboard-wrap .dataviews-layout__container {
  overflow-x: scroll !important; /* Must be scroll, not auto, so content is scrollable */
  scrollbar-width: none !important; /* Firefox: hide native scrollbar */
  -ms-overflow-style: none !important; /* IE/Edge: hide native scrollbar */
  overscroll-behavior-x: contain !important; /* Prevent horizontal page panning (rubber-banding) */
}
.dokan-dashboard-wrap .dataviews-layout__container::-webkit-scrollbar {
  display: none !important; /* Chrome/Safari: hide native scrollbar */
  height: 0 !important;
  width: 0 !important;
}

/* Kinwi: Sticky checkbox + title columns for Dokan dataview tables.
   Uses the .dataviews-view-table__checkbox-column class so tables WITHOUT a
   checkbox column (e.g. Statement) don't get incorrect sticky offsets. */
@media (min-width: 768px) {
  /* Checkbox column — stick at left: 0 */
  .dokan-dashboard-wrap .dataviews-view-table th.dataviews-view-table__checkbox-column,
  .dokan-dashboard-wrap .dataviews-view-table td.dataviews-view-table__checkbox-column {
    position: sticky;
    left: 0;
    background-color: #ffffff;
    z-index: 2;
    box-shadow: 2px 0 5px -2px rgba(0,0,0,0.1);
  }

  /* Title column (next sibling after checkbox) — stick at left: 44px */
  .dokan-dashboard-wrap .dataviews-view-table th.dataviews-view-table__checkbox-column + th,
  .dokan-dashboard-wrap .dataviews-view-table td.dataviews-view-table__checkbox-column + td {
    position: sticky;
    left: 44px; /* Width of the checkbox column */
    background-color: #ffffff;
    z-index: 2;
    box-shadow: 2px 0 5px -2px rgba(0,0,0,0.1);
    max-width: 250px;
    width: 250px;
    white-space: normal;
  }

  /* Non-checkbox DataViews tables (e.g. Statement): stick first column */
  .dokan-dashboard-wrap .dataviews-view-table th:first-child:not(.dataviews-view-table__checkbox-column),
  .dokan-dashboard-wrap .dataviews-view-table td:first-child:not(.dataviews-view-table__checkbox-column) {
    position: sticky;
    left: 0;
    background-color: #ffffff;
    z-index: 2;
    box-shadow: 2px 0 5px -2px rgba(0,0,0,0.15);
  }
}

/* Kinwi: Fix dataviews filters toolbar globally (separate search box and wrap tabs) */
.dokan-dashboard-content .flex.gap-2.md\:flex-row.flex-col.justify-between {
  flex-wrap: wrap !important;
}

/* Make the tabs container take full width and sit below search */
.dokan-dashboard-content .min-w-0.flex.items-center.gap-1 {
  flex: 1 1 100% !important;
  order: 2 !important;
  margin-top: 10px !important;
  padding-bottom: 10px !important;
  flex-wrap: wrap !important;
}

/* Make the search/filter block take full width and sit at the top */
.dokan-dashboard-content .flex.items-center.gap-2.shrink-0 {
  flex: 1 1 100% !important;
  order: 1 !important;
  justify-content: flex-end !important;
  padding-top: 10px !important;
}

/* Ensure the scroll container expands fully */
.dokan-dashboard-content .min-w-0.flex.items-center.gap-1 > .overflow-x-auto {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Allow the tabs themselves to wrap cleanly */
.dokan-dashboard-content .group\/tabs {
  flex: 1 1 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.dokan-dashboard-content [role="tablist"] {
  flex-wrap: wrap !important;
  height: auto !important;
  justify-content: flex-start !important;
}

.dokan-dashboard-content [role="tablist"] > button {
  margin-bottom: 8px !important;
  flex: 0 0 auto !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* Hide the ugly scroll arrow buttons */
.dokan-dashboard-content button.size-9.shrink-0 {
  display: none !important;
}

/* ================================================================
   Kinwi: WooCommerce CSV Import/Export screens
   — Font consistency + responsive layout (down to 260px)
   ================================================================ */

/* --- 1. Font baseline: all text elements = Lora 14px normal --- */
.dokan-dashboard-content .woocommerce-progress-form-wrapper,
.dokan-dashboard-content .woocommerce-progress-form-wrapper p,
.dokan-dashboard-content .woocommerce-progress-form-wrapper span,
.dokan-dashboard-content .woocommerce-progress-form-wrapper th,
.dokan-dashboard-content .woocommerce-progress-form-wrapper td,
.dokan-dashboard-content .woocommerce-progress-form-wrapper label,
.dokan-dashboard-content .woocommerce-progress-form-wrapper a,
.dokan-dashboard-content .woocommerce-progress-form-wrapper .wc-progress-steps li,
.dokan-dashboard-content .woocommerce-exporter,
.dokan-dashboard-content .woocommerce-exporter p,
.dokan-dashboard-content .woocommerce-exporter span,
.dokan-dashboard-content .woocommerce-exporter th,
.dokan-dashboard-content .woocommerce-exporter td,
.dokan-dashboard-content .woocommerce-exporter label,
.dokan-dashboard-content .woocommerce-exporter a,
.dokan-dashboard-content .woocommerce-exporter .select2-selection__choice {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  line-height: 1.5 !important;
}

/* --- 2. Select2 dropdowns / placeholders --- */
.dokan-dashboard-content .woocommerce-exporter .select2-search__field,
.dokan-dashboard-content .woocommerce-progress-form-wrapper .select2-search__field,
.dokan-dashboard-content .woocommerce-exporter .select2-selection__rendered,
.dokan-dashboard-content .woocommerce-progress-form-wrapper .select2-selection__rendered,
.dokan-dashboard-content .woocommerce-exporter .select2-selection__placeholder,
.dokan-dashboard-content .woocommerce-progress-form-wrapper .select2-selection__placeholder {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-style: normal !important;
}

/* Select2 dropdown options list (renders outside the wrapper in body) */
.select2-results__option {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-style: normal !important;
}

/* --- 3. Native <select> and <input> inside the forms --- */
.dokan-dashboard-content .woocommerce-exporter select,
.dokan-dashboard-content .woocommerce-exporter input,
.dokan-dashboard-content .woocommerce-progress-form-wrapper select,
.dokan-dashboard-content .woocommerce-progress-form-wrapper input[type="text"],
.dokan-dashboard-content .woocommerce-progress-form-wrapper input[type="url"] {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-style: normal !important;
}

/* --- 4. Page titles = Gabriela --- */
.dokan-dashboard-content .woocommerce-exporter h2 {
  font-family: "Gabriela upload", "Gabriela", serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  margin-bottom: 15px !important;
  color: #111111 !important;
}

/* --- 4b. CSV Import Subheading = Lora (matching site H2 subheading hierarchy) --- */
html body.dokan-dashboard .dokan-dashboard-content .woocommerce-progress-form-wrapper h2,
.dokan-dashboard-content .woocommerce-progress-form-wrapper h2 {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.3 !important;
  margin-bottom: 15px !important;
  color: #111111 !important;
}

html body.dokan-dashboard .dokan-dashboard-content .woocommerce-progress-form-wrapper h2 *,
.dokan-dashboard-content .woocommerce-progress-form-wrapper h2 * {
  font-family: "Lora upload", "Lora", serif !important;
}

@media screen and (max-width: 1024px) {
  html body.dokan-dashboard .dokan-dashboard-content .woocommerce-progress-form-wrapper h2,
  .dokan-dashboard-content .woocommerce-progress-form-wrapper h2 {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 800px) {
  html body.dokan-dashboard .dokan-dashboard-content .woocommerce-progress-form-wrapper h2,
  .dokan-dashboard-content .woocommerce-progress-form-wrapper h2 {
    font-size: 22px !important;
  }
}

@media screen and (max-width: 480px) {
  html body.dokan-dashboard .dokan-dashboard-content .woocommerce-progress-form-wrapper h2,
  .dokan-dashboard-content .woocommerce-progress-form-wrapper h2 {
    font-size: 20px !important;
  }
}

@media screen and (max-width: 400px) {
  html body.dokan-dashboard .dokan-dashboard-content .woocommerce-progress-form-wrapper h2,
  .dokan-dashboard-content .woocommerce-progress-form-wrapper h2 {
    font-size: 18px !important;
  }
}

/* --- 5. Description paragraph (italic body text) --- */
.dokan-dashboard-content .woocommerce-exporter header p,
.dokan-dashboard-content .woocommerce-progress-form-wrapper header p,
.dokan-dashboard-content .woocommerce-importer header p {
  font-size: 14px !important;
  font-style: italic !important;
}

/* --- 6. Links inside CSV forms = Lora 14px normal (not italic 18px) --- */
.dokan-dashboard-content .woocommerce-exporter header a,
.dokan-dashboard-content .woocommerce-progress-form-wrapper header a,
.dokan-dashboard-content .woocommerce-importer header a,
.dokan-dashboard-content .woocommerce-importer-toggle-advanced-options,
.dokan-dashboard-content .woocommerce-exporter a:not(.kinwi-back-to-products):not(.dokan-btn) {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-style: normal !important;
}

/* --- 6b. "Download sample file" and advanced options links = green --- */
.dokan-dashboard-content .woocommerce-importer header a,
.dokan-dashboard-content .woocommerce-progress-form-wrapper header a,
.dokan-dashboard-content .woocommerce-importer-toggle-advanced-options {
  color: #00967d !important;
  text-decoration: underline !important;
}
.dokan-dashboard-content .woocommerce-importer header a:hover,
.dokan-dashboard-content .woocommerce-progress-form-wrapper header a:hover,
.dokan-dashboard-content .woocommerce-importer-toggle-advanced-options:hover {
  color: #007a66 !important;
}

/* --- 7. Form wrappers: constrain to available width --- */
.dokan-dashboard-content .woocommerce-exporter-wrapper,
.dokan-dashboard-content .woocommerce-importer-wrapper,
.dokan-dashboard-content .woocommerce-progress-form-wrapper {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.dokan-dashboard-content .woocommerce-exporter,
.dokan-dashboard-content .woocommerce-importer {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Force form-table to respect container width — prevent Select2 overflow */
.dokan-dashboard-content .woocommerce-exporter table.form-table,
.dokan-dashboard-content .woocommerce-importer table.form-table,
.dokan-dashboard-content .woocommerce-progress-form-wrapper table.form-table {
  table-layout: fixed !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Table cells must clip overflowing children (Select2 JS-set pixel widths) */
.dokan-dashboard-content .woocommerce-exporter table.form-table td,
.dokan-dashboard-content .woocommerce-importer table.form-table td,
.dokan-dashboard-content .woocommerce-progress-form-wrapper table.form-table td {
  overflow: hidden !important;
  max-width: 100% !important;
}

/* Select2 container and inner elements must not exceed their parent */
.dokan-dashboard-content .woocommerce-exporter .select2-container,
.dokan-dashboard-content .woocommerce-progress-form-wrapper .select2-container {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Override the fixed pixel width that Select2 JS sets on the search input */
.dokan-dashboard-content .woocommerce-exporter .select2-search__field,
.dokan-dashboard-content .woocommerce-progress-form-wrapper .select2-search__field {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Ensure the selection wrapper constrains its children */
.dokan-dashboard-content .woocommerce-exporter .select2-selection,
.dokan-dashboard-content .woocommerce-progress-form-wrapper .select2-selection {
  max-width: 100% !important;
  overflow: hidden !important;
}

/* --- 8. Table responsiveness (≤ 768px) --- */
@media (max-width: 768px) {
  .dokan-dashboard-content .woocommerce-progress-form-wrapper table.form-table,
  .dokan-dashboard-content .woocommerce-exporter table.form-table,
  .dokan-dashboard-content .woocommerce-progress-form-wrapper table.form-table tbody,
  .dokan-dashboard-content .woocommerce-exporter table.form-table tbody,
  .dokan-dashboard-content .woocommerce-progress-form-wrapper table.form-table tr,
  .dokan-dashboard-content .woocommerce-exporter table.form-table tr,
  .dokan-dashboard-content .woocommerce-progress-form-wrapper table.form-table th,
  .dokan-dashboard-content .woocommerce-exporter table.form-table th,
  .dokan-dashboard-content .woocommerce-progress-form-wrapper table.form-table td,
  .dokan-dashboard-content .woocommerce-exporter table.form-table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .dokan-dashboard-content .woocommerce-progress-form-wrapper table.form-table th,
  .dokan-dashboard-content .woocommerce-exporter table.form-table th {
    padding-bottom: 5px !important;
  }
  .dokan-dashboard-content .woocommerce-progress-form-wrapper table.form-table tr.hidden,
  .dokan-dashboard-content .woocommerce-exporter table.form-table tr.hidden {
    display: none !important;
  }
}

/* --- 9. Narrow-viewport fixes (≤ 480px — down to 260px) --- */
@media (max-width: 480px) {

  /* Reduce section padding so fields don't touch the screen edge */
  .dokan-dashboard-content .woocommerce-exporter section,
  .dokan-dashboard-content .woocommerce-importer section,
  .dokan-dashboard-content .woocommerce-progress-form-wrapper section {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .dokan-dashboard-content .woocommerce-exporter header,
  .dokan-dashboard-content .woocommerce-importer header,
  .dokan-dashboard-content .woocommerce-progress-form-wrapper header {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* Progress steps: stack into 2×2 grid at narrow widths */
  .dokan-dashboard-content .wc-progress-steps {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px 4px !important;
    padding: 0 8px 8px !important;
    margin-bottom: 10px !important;
  }

  .dokan-dashboard-content .wc-progress-steps li {
    font-size: 11px !important;
    white-space: normal !important;
    text-align: center !important;
    width: auto !important;
    padding-bottom: 8px !important;
  }

  /* Hide the connecting line pseudo-elements at narrow widths */
  .dokan-dashboard-content .wc-progress-steps li::before {
    display: none !important;
  }

  /* Ensure form-table cells don't overflow */
  .dokan-dashboard-content .woocommerce-exporter table.form-table td,
  .dokan-dashboard-content .woocommerce-progress-form-wrapper table.form-table td,
  .dokan-dashboard-content .woocommerce-importer table.form-table td {
    overflow: hidden !important;
    word-wrap: break-word !important;
  }

  /* Constrain select2 search input width — override JS inline pixel width */
  .dokan-dashboard-content .select2-search__field {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Actions row: center the button */
  .dokan-dashboard-content .wc-actions {
    text-align: center !important;
    padding: 16px 10px !important;
  }

  .dokan-dashboard-content .wc-actions .button,
  .dokan-dashboard-content .wc-actions button,
  .dokan-dashboard-content .wc-actions a.button {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Mapping table: make it scroll horizontally if needed */
  .dokan-dashboard-content .wc-importer-mapping-table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* WooCommerce importer mapping table select dropdowns */
  .dokan-dashboard-content .wc-importer-mapping-table select {
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
  }
}

/* --- 10. Tools landing page (/vendor-dashboard/tools/) font consistency --- */
.dokan-dashboard-content #tab-container .dokan_tabs a,
.dokan-dashboard-content #tab-container .dokan_tabs li {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-style: normal !important;
}

/* Specificity must beat 01-base.css rule: html body.dokan-dashboard .dokan-dashboard-content h1.entry-title */
html body.dokan-dashboard .dokan-dashboard-content .dokan-import-export-header h1.entry-title {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 18px !important;
  font-style: normal !important;
}

.dokan-dashboard-content .import_div .dokan-btn,
.dokan-dashboard-content .export_div .dokan-btn {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-style: normal !important;
}

/* --- 11. Unified dashboard button font: Lora 14px italic --- */
html body.dokan-dashboard .dokan-dashboard-content .dokan-btn,
html body.dokan-dashboard .dokan-dashboard-content button,
html body.dokan-dashboard .dokan-dashboard-content input[type="submit"],
html body.dokan-dashboard .dokan-dashboard-content input[type="button"],
html body.dokan-dashboard .dokan-dashboard-content .btn,
html body.dokan-dashboard .dokan-dashboard-content .ast-btn {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-style: italic !important;
}

/* Status badges (Completed, Shipped, etc.) */
html body.dokan-dashboard .dokan-dashboard-content .dokan-label {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-style: normal !important;
}

/* --- 12. Fix order links blocked by DataViews list-view overlay button on mobile --- */
/* DataViews list view wraps each row in a position:absolute button (z-index:1) for
   keyboard accessibility. Links inside need higher z-index to remain clickable. */
.dataviews-view-list__item-wrapper a {
  position: relative !important;
  z-index: 2 !important;
}

/* Kinwi: Fix layout for legacy products table in case Dataviews is disabled */
.dokan-dashboard-content .dokan-product-listing-area .dokan-form-inline {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
}

.dokan-dashboard-content .dokan-product-listing-area .dokan-form-inline .dokan-form-group {
  margin-bottom: 0 !important;
}

.dokan-dashboard-content .dokan-product-listing-area .dokan-form-inline input[type="submit"],
.dokan-dashboard-content .dokan-product-listing-area .dokan-form-inline a.dokan-btn {
  margin-bottom: 0 !important;
}

/* Kinwi: Hide "No file chosen" and decrease "Choose File" text size */
.dokan-dashboard-content input[type="file"] {
  color: transparent !important;
}
.dokan-dashboard-content input[type="file"]::file-selector-button {
  color: #333 !important;
  font-size: 14px !important;
}

/* Kinwi: Prevent "Back to Products" button from growing on hover */
.kinwi-back-to-products {
  transition: none !important;
  transform: none !important;
}
.kinwi-back-to-products:hover {
  transform: none !important;
  font-size: 16px !important;
}

/* Kinwi: Standardise new dashboard button hover - green bg/dark text -> dark bg/green text, press effect */
.dokan-dashboard-content .dokan-btn.dokan-btn-secondary,
.dokan-dashboard-content .dokan-btn.dokan-btn-theme,
.dokan-dashboard-content .dokan-btn.dokan-btn-default {
  transition: transform 0.1s ease-in-out, background-color 0.2s ease, color 0.2s ease !important;
  font-size: 14px !important;
  font-family: "Lora upload", "Lora", serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
}
.dokan-dashboard-content a.dokan-btn.dokan-btn-secondary:hover,
.dokan-dashboard-content button.dokan-btn.dokan-btn-theme:hover,
.dokan-dashboard-content a.dokan-btn.dokan-btn-theme:hover,
.dokan-dashboard-content a.dokan-btn.dokan-btn-default:hover {
  background-color: #111 !important;
  color: #00967d !important;
  font-size: 14px !important;
  font-family: "Lora upload", "Lora", serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}
.dokan-dashboard-content a.dokan-btn.dokan-btn-secondary:hover svg,
.dokan-dashboard-content button.dokan-btn.dokan-btn-theme:hover svg,
.dokan-dashboard-content a.dokan-btn.dokan-btn-theme:hover svg,
.dokan-dashboard-content a.dokan-btn.dokan-btn-default:hover svg {
  color: #00967d !important;
  stroke: #00967d !important;
}
.dokan-dashboard-content .dokan-btn.dokan-btn-secondary:active,
.dokan-dashboard-content .dokan-btn.dokan-btn-theme:active,
.dokan-dashboard-content .dokan-btn.dokan-btn-default:active {
  transform: scale(0.96) !important;
  background-color: #d4af37 !important;
  color: #111 !important;
}

/* Kinwi: Decrease order number link size on Orders DataViews page */
.dataviews-view-list__field-value a.font-medium.text-primary,
.dataviews-view-table__cell-content-wrapper a.font-medium.text-primary,
.dataviews-view-list__field-value a.statement-order-id,
.dataviews-view-table__cell-content-wrapper a.statement-order-id {
  font-size: 14px !important;
  font-family: "Lora upload", "Lora", serif !important;
}

/* Kinwi: Reset dataviews th — plain white, left-aligned, Lora 14px uppercase.
   Font styles are set on th itself so plain-text headers (e.g. "Products")
   that aren't wrapped in a <button> still get the correct font.
   Padding matches td (12px) so headers align with data. */
.dokan-dashboard-wrap .dataviews-view-table th {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  text-align: left !important;
  vertical-align: middle !important;
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 12px !important;
}

/* Kinwi: Table header buttons/labels → plain text headings (Lora upload 14px uppercase).
   Dokan renders column headers as <button> elements with dropdown menus.
   We strip ALL button styling and disable the dropdown so headers are clean text.
   This survives Dokan updates because we target stable class names. */
.dokan-dashboard-wrap .dataviews-view-table th > button,
.dokan-dashboard-wrap .dataviews-view-table th > button.dataviews-view-table-header-button,
.dokan-dashboard-wrap .dataviews-view-table th > button.components-button,
.dokan-dashboard-wrap .dataviews-view-table th > a,
.dokan-dashboard-wrap .dataviews-view-table th > span.dataviews-view-table-header-label,
.dokan-dashboard-wrap .dataviews-view-table th > span.dataviews-view-table-header {
  background-color: transparent !important;
  color: #1a1a1a !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
  display: inline-block !important;
  cursor: default !important;
  pointer-events: none !important;  /* Disable dropdown — vendors don't need column reordering */
}

/* Kinwi: Hide the SVG sort/dropdown arrows inside header buttons — not needed */
.dokan-dashboard-wrap .dataviews-view-table th > button svg,
.dokan-dashboard-wrap .dataviews-view-table th > a svg {
  display: none !important;
}

/* Kinwi: Ensure the first-child (checkbox) and last-child (ACTIONS) headers
   remain unstyled / unaffected by the above rules */
.dokan-dashboard-wrap .dataviews-view-table th:first-child > button,
.dokan-dashboard-wrap .dataviews-view-table th:first-child > a,
.dokan-dashboard-wrap .dataviews-view-table th:first-child > span {
  pointer-events: auto !important;
  cursor: pointer !important;
}

.dokan-dashboard-wrap .dataviews-view-table th:last-child > span.dataviews-view-table-header,
.dokan-dashboard-wrap .dataviews-view-table th:last-child > span.dataviews-view-table-header-label {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

/* Kinwi: Fix ellipsis action button — centre the three dots vertically.
   The button uses an SVG icon; display:inline-flex + align-items:center fixes the drop. */
.dokan-dashboard-wrap .dataviews-view-table .dataviews-all-actions-button,
.dokan-dashboard-wrap .dataviews-view-table button.dataviews-all-actions-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  background-color: #00967d !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  padding: 6px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  box-sizing: border-box !important;
}

/* Kinwi: Ensure the SVG icon inside the action button is visible and centred */
.dokan-dashboard-wrap .dataviews-view-table .dataviews-all-actions-button svg {
  display: block !important;
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* Kinwi: Align table cell text to match header alignment */
.dokan-dashboard-wrap .dataviews-view-table td {
  vertical-align: middle !important;
}

/* ====================================================================
   Kinwi: WooCommerce Reports table headers — same plain text treatment.
   Reports pages (Products, Revenue, Orders, Variations, Categories, Stock)
   use .woocommerce-table__table with th.woocommerce-table__header.
   ==================================================================== */

/* Base th styling for WooCommerce Report tables */
.dokan-dashboard-wrap .woocommerce-table__table th,
.dokan-dashboard-content .woocommerce-table__table th {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  text-align: left !important;
  vertical-align: middle !important;
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

/* Sort buttons inside WC Report headers → plain text, no emerald badge */
.dokan-dashboard-wrap .woocommerce-table__table th button.components-button,
.dokan-dashboard-content .woocommerce-table__table th button.components-button {
  background-color: transparent !important;
  color: #1a1a1a !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
  cursor: default !important;
}

/* Hide sort arrow SVGs inside WC Report header buttons */
.dokan-dashboard-wrap .woocommerce-table__table th button.components-button svg,
.dokan-dashboard-content .woocommerce-table__table th button.components-button svg {
  display: none !important;
}

/* WC Report table td alignment */
.dokan-dashboard-wrap .woocommerce-table__table td,
.dokan-dashboard-content .woocommerce-table__table td {
  vertical-align: middle !important;
  font-family: "Lora upload", "Lora", serif !important;
}

/* Kinwi: Sticky checkbox + title columns for WC Report tables.
   Data rows use th.is-checkbox-column (not td) for the checkbox cell. */
@media (min-width: 768px) {
  .dokan-dashboard-wrap .woocommerce-table__table th.is-checkbox-column,
  .dokan-dashboard-content .woocommerce-table__table th.is-checkbox-column {
    position: sticky;
    left: 0;
    background-color: #ffffff;
    z-index: 3;
  }

  /* Title column (right after checkbox) */
  .dokan-dashboard-wrap .woocommerce-table__table th.is-checkbox-column + th,
  .dokan-dashboard-wrap .woocommerce-table__table th.is-checkbox-column + td,
  .dokan-dashboard-content .woocommerce-table__table th.is-checkbox-column + th,
  .dokan-dashboard-content .woocommerce-table__table th.is-checkbox-column + td {
    position: sticky;
    left: 52px; /* Width of the WC checkbox column */
    background-color: #ffffff;
    z-index: 2;
    box-shadow: 2px 0 5px -2px rgba(0,0,0,0.1);
    max-width: 250px;
    white-space: normal;
  }

  /* --- Pattern B: Non-checkbox tables (Revenue, Orders, Stock) --- */
  .dokan-dashboard-wrap .woocommerce-table__table table th:first-child:not(.is-checkbox-column),
  .dokan-dashboard-content .woocommerce-table__table table th:first-child:not(.is-checkbox-column) {
    position: sticky;
    left: 0;
    background-color: #ffffff;
    z-index: 2;
    box-shadow: 2px 0 5px -2px rgba(0,0,0,0.15);
  }
}


/* Kinwi: Decrease order number link size on Orders DataViews page */
.dataviews-view-list__field-value a.font-medium.text-primary,
.dataviews-view-table__cell-content-wrapper a.font-medium.text-primary,
.dataviews-view-list__field-value a.statement-order-id,
.dataviews-view-table__cell-content-wrapper a.statement-order-id {
  font-size: 14px !important;
  font-family: "Lora upload", "Lora", serif !important;
}

/* Kinwi: Reset dataviews th — plain white, left-aligned, Lora 14px uppercase.
   Font styles are set on th itself so plain-text headers (e.g. "Products")
   that aren't wrapped in a <button> still get the correct font.
   Padding matches td (12px) so headers align with data. */
.dokan-dashboard-wrap .dataviews-view-table th {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  text-align: left !important;
  vertical-align: middle !important;
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 12px !important;
}

/* Kinwi: Table header buttons/labels → plain text headings (Lora upload 14px uppercase).
   Dokan renders column headers as <button> elements with dropdown menus.
   We strip ALL button styling and disable the dropdown so headers are clean text.
   This survives Dokan updates because we target stable class names. */
.dokan-dashboard-wrap .dataviews-view-table th > button,
.dokan-dashboard-wrap .dataviews-view-table th > button.dataviews-view-table-header-button,
.dokan-dashboard-wrap .dataviews-view-table th > button.components-button,
.dokan-dashboard-wrap .dataviews-view-table th > a,
.dokan-dashboard-wrap .dataviews-view-table th > span.dataviews-view-table-header-label,
.dokan-dashboard-wrap .dataviews-view-table th > span.dataviews-view-table-header {
  background-color: transparent !important;
  color: #1a1a1a !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
  display: inline-block !important;
  cursor: default !important;
  pointer-events: none !important;  /* Disable dropdown — vendors don't need column reordering */
}

/* Kinwi: Hide the SVG sort/dropdown arrows inside header buttons — not needed */
.dokan-dashboard-wrap .dataviews-view-table th > button svg,
.dokan-dashboard-wrap .dataviews-view-table th > a svg {
  display: none !important;
}

/* Kinwi: Ensure the first-child (checkbox) and last-child (ACTIONS) headers
   remain unstyled / unaffected by the above rules */
.dokan-dashboard-wrap .dataviews-view-table th:first-child > button,
.dokan-dashboard-wrap .dataviews-view-table th:first-child > a,
.dokan-dashboard-wrap .dataviews-view-table th:first-child > span {
  pointer-events: auto !important;
  cursor: pointer !important;
}

.dokan-dashboard-wrap .dataviews-view-table th:last-child > span.dataviews-view-table-header,
.dokan-dashboard-wrap .dataviews-view-table th:last-child > span.dataviews-view-table-header-label {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

/* Kinwi: Fix ellipsis action button — centre the three dots vertically.
   The button uses an SVG icon; display:inline-flex + align-items:center fixes the drop. */
.dokan-dashboard-wrap .dataviews-view-table .dataviews-all-actions-button,
.dokan-dashboard-wrap .dataviews-view-table button.dataviews-all-actions-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  background-color: #00967d !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  padding: 6px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  box-sizing: border-box !important;
}

/* Kinwi: Ensure the SVG icon inside the action button is visible and centred */
.dokan-dashboard-wrap .dataviews-view-table .dataviews-all-actions-button svg {
  display: block !important;
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* Kinwi: Align table cell text to match header alignment */
.dokan-dashboard-wrap .dataviews-view-table td {
  vertical-align: middle !important;
}

/* ====================================================================
   Kinwi: WooCommerce Reports table headers — same plain text treatment.
   Reports pages (Products, Revenue, Orders, Variations, Categories, Stock)
   use .woocommerce-table__table with th.woocommerce-table__header.
   ==================================================================== */

/* Base th styling for WooCommerce Report tables */
.dokan-dashboard-wrap .woocommerce-table__table th,
.dokan-dashboard-content .woocommerce-table__table th {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  text-align: left !important;
  vertical-align: middle !important;
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

/* Sort buttons inside WC Report headers → plain text, no emerald badge */
.dokan-dashboard-wrap .woocommerce-table__table th button.components-button,
.dokan-dashboard-content .woocommerce-table__table th button.components-button {
  background-color: transparent !important;
  color: #1a1a1a !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
  cursor: default !important;
}

/* Hide sort arrow SVGs inside WC Report header buttons */
.dokan-dashboard-wrap .woocommerce-table__table th button.components-button svg,
.dokan-dashboard-content .woocommerce-table__table th button.components-button svg {
  display: none !important;
}

/* WC Report table td alignment */
.dokan-dashboard-wrap .woocommerce-table__table td,
.dokan-dashboard-content .woocommerce-table__table td {
  vertical-align: middle !important;
  font-family: "Lora upload", "Lora", serif !important;
}

/* Kinwi: Sticky checkbox + title columns for WC Report tables.
   Data rows use th.is-checkbox-column (not td) for the checkbox cell. */
@media (min-width: 768px) {
  .dokan-dashboard-wrap .woocommerce-table__table th.is-checkbox-column,
  .dokan-dashboard-content .woocommerce-table__table th.is-checkbox-column {
    position: sticky;
    left: 0;
    background-color: #ffffff;
    z-index: 3;
  }

  /* Title column (right after checkbox) */
  .dokan-dashboard-wrap .woocommerce-table__table th.is-checkbox-column + th,
  .dokan-dashboard-wrap .woocommerce-table__table th.is-checkbox-column + td,
  .dokan-dashboard-content .woocommerce-table__table th.is-checkbox-column + th,
  .dokan-dashboard-content .woocommerce-table__table th.is-checkbox-column + td {
    position: sticky;
    left: 52px; /* Width of the WC checkbox column */
    background-color: #ffffff;
    z-index: 2;
    box-shadow: 2px 0 5px -2px rgba(0,0,0,0.1);
    max-width: 250px;
    white-space: normal;
  }

  /* --- Pattern B: Non-checkbox tables (Revenue, Orders, Stock) --- */
  .dokan-dashboard-wrap .woocommerce-table__table table th:first-child:not(.is-checkbox-column),
  .dokan-dashboard-content .woocommerce-table__table table th:first-child:not(.is-checkbox-column) {
    position: sticky;
    left: 0;
    background-color: #ffffff;
    z-index: 2;
    box-shadow: 2px 0 5px -2px rgba(0,0,0,0.15);
  }
}

/* Kinwi: WC Report table scroll container — always-visible scrollbar */
.dokan-dashboard-wrap .woocommerce-table__table,
.dokan-dashboard-content .woocommerce-table__table {
  overflow-x: scroll !important;
}

/* Kinwi: Product Q&A styling */
/* We use a body class added via JS to target the SPA dashboard without specific wrappers. */
.kinwi-is-product-qa .dokan-dashboard-content,
.kinwi-is-product-qa .dokan-dashboard-content * {
    font-family: 'Lora upload', serif !important;
}

/* Exclude the main page title (which is an h2 or similar inside the header) from Lora,
   but actually .dokan-dashboard-content * might target it if it's inside. 
   Wait, the user said "except the title". If the title is affected we'll exempt it. */
.kinwi-is-product-qa .dokan-dashboard-content h2.font-semibold,
.kinwi-is-product-qa .dokan-dashboard-content .text-2xl {
    font-family: inherit !important; 
}

/* Kinwi: Remove shadow from rich text editor buttons in Answer box and add dark border */
/* By targeting any button that is NOT a primary DokanButton, we can cleanly style the toolbar buttons regardless of editor type */
.kinwi-is-product-qa .dokan-dashboard-content button:not(.dokan-btn),
.kinwi-is-product-qa .dokan-dashboard-content .mce-btn {
    box-shadow: none !important;
    border: 1px solid #1a1a1a !important;
    text-shadow: none !important;
    margin: 2px !important;
    border-radius: 4px !important;
    background-color: transparent !important;
    color: #1a1a1a !important;
}

/* Ensure icons inside the editor buttons are visible */
.kinwi-is-product-qa .dokan-dashboard-content button:not(.dokan-btn) svg,
.kinwi-is-product-qa .dokan-dashboard-content button:not(.dokan-btn) i {
    color: #1a1a1a !important;
    fill: #1a1a1a !important;
}

/* Kinwi: Section headers and field labels should be Lora 16px bold italic to match product form */
.kinwi-is-product-qa .dokan-dashboard-content .border-b .font-bold,
.kinwi-is-product-qa .dokan-dashboard-content .grid-cols-3 strong {
    font-family: "Lora upload", Lora, serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    font-style: italic !important;
}

/* Ensure regular text remains normal 14px */
.kinwi-is-product-qa .dokan-dashboard-content {
    font-size: 14px !important;
}

/* Fix grid layout on mobile */
@media (max-width: 800px) {
    .kinwi-is-product-qa .dokan-dashboard-content .grid-cols-3 {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    
    .kinwi-is-product-qa .dokan-dashboard-content .col-span-2,
    .kinwi-is-product-qa .dokan-dashboard-content .col-span-1 {
        grid-column: span 1 / span 1 !important;
    }
}
/* ====================================================================
   Kinwi: Settings > Store Form Edits
   ==================================================================== */

/* Hide "Show email address in store" checkbox block */
#store-form .dokan-form-group:has(input[name="setting_show_email"]) {
  display: none !important;
}

/* Hide "Show terms and conditions in store page" checkbox block */
#store-form .dokan-form-group:has(input[name="dokan_store_tnc_enable"]) {
  display: none !important;
}

/* Hide the whole Support section (checkboxes + text input) */
#store-form .dokan-form-group:has(input[name="support_checkbox"]),
#store-form .dokan-form-group.support-enable-check {
  display: none !important;
}

/* Hide Street 1 and Street 2 address fields */
#store-form #dokan-address-fields-wrapper > .dokan-form-group:has(input[name="dokan_address[street_1]"]),
#store-form #dokan-address-fields-wrapper > .dokan-form-group:has(input[name="dokan_address[street_2]"]) {
  display: none !important;
}

/* Update Settings button text size 16px */
#store-form input[type="submit"][name="dokan_update_store_settings"] {
  font-size: 16px !important;
}

/* Hide Phone Number field from store form */
#store-form .dokan-form-group:has(input[name="setting_phone"]) {
  display: none !important;
}

/* Force Update Settings button to 16px regardless of placement */
input[type="submit"][name="dokan_update_store_settings"],
.dokan-dashboard-content input[value="Update Settings"],
button.dokan-update-setting-top-button {
  font-size: 16px !important;
}

/* Align Vacation Option Text and Checkbox */
.goto_vacation_settings {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 0 !important;
}
.goto_vacation_settings .dokan-w3, 
.goto_vacation_settings .dokan-w9 {
  float: none !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  width: auto !important;
}
.goto_vacation_settings .checkbox {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.goto_vacation_settings .checkbox label {
  margin-bottom: 0 !important;
}

/* Add spacing below the vacation settings box */
#dokan-seller-vacation-settings {
  margin-bottom: 30px !important;
}

/* Update Date Range Picker Font */
.daterangepicker {
  font-family: "Lora upload", Lora, serif !important;
}
.daterangepicker .drp-buttons .btn {
  font-family: "Lora upload", Lora, serif !important;
}

/* Hide Support Button text input unconditionally (fixes Safari invalidation) */
#store-form .dokan-form-group.support-enable-check {
  display: none !important;
}

/* Kinwi: Match Select2 dropdown highlight color to theme */
.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted:hover,
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: #00967d !important;
    color: white !important;
}

/* Kinwi: Hide Support Button text input unconditionally (modern browsers) */
#store-form .dokan-form-group:has(input[name="dokan_support_btn_name"]) {
  display: none !important;
}

/* Kinwi: Fix Announcement tabs to match theme buttons */
.components-tab-panel__tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.components-tab-panel__tabs-item {
    background-color: #00967d !important;
    color: #111111 !important;
    border: none !important;
    border-radius: 3px !important;
    transition: all 0.3s ease !important;
    min-width: 90px !important;
    max-width: 120px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 10px !important;
    margin: 0 4px 4px 0 !important;
    flex: 1 1 auto !important;
    white-space: nowrap !important;
}

.components-tab-panel__tabs-item:hover,
.components-tab-panel__tabs-item.dokan-active-tab {
    background-color: #111111 !important;
    color: #00967d !important;
    border-bottom: none !important;
}

/* Announcement table header gold */
.dokan-layout-content-area div[class*="bg-"]:not(.bg-white):has(input[type="checkbox"]) {
    background-color: #d4af37 !important;
    color: #111111 !important;
}
.dokan-layout-content-area div[class*="bg-"]:not(.bg-white):has(input[type="checkbox"]) * {
    color: #111111 !important;
}

/* Selected announcement subtle light grey highlight */
.announcement-list-item:not(.bg-white),
article.announcement-list-item:not(.bg-white),
.dokan-dashboard-wrap .announcement-list-item:not(.bg-white) {
    background-color: #f0f0f0 !important;
    color: #111111 !important;
}
.announcement-list-item:not(.bg-white) *,
article.announcement-list-item:not(.bg-white) *,
.dokan-dashboard-wrap .announcement-list-item:not(.bg-white) * {
    color: #111111 !important;
}

/* Description text in Announcements right pane */
.components-tab-panel__tab-content p,
.announcement-single-view p,
[class*="bg-[#FDFDFD]"] p {
    font-weight: 500 !important;
    font-size: 16px !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

/* Description headings in Announcements */
.components-tab-panel__tab-content h2.text-lg,
.components-tab-panel__tab-content h3.text-base,
.announcement-single-view h2,
.dokan-layout-content-area h2.text-lg,
.dokan-layout-content-area h3.text-base,
[class*="bg-[#FDFDFD]"] h2,
[class*="bg-[#FDFDFD]"] h3 {
    font-weight: bold !important;
    font-size: 16px !important;
}

/* Announcement Popup Modal text overrides */
div[role="dialog"],
div[role="dialog"] h1,
div[role="dialog"] h2,
div[role="dialog"] h3,
div[role="dialog"] p,
div[role="dialog"] span,
div[role="dialog"] div,
.components-modal__frame,
.components-modal__frame * {
    font-family: "Lora upload", Lora, serif !important;
}

div[role="dialog"] h3.font-bold,
div[role="dialog"] h2.font-bold,
div[role="dialog"] .font-bold,
.components-modal__frame h3.font-bold,
.components-modal__frame h2.font-bold,
.components-modal__frame .font-bold {
    font-size: 16px !important;
    font-weight: 500 !important;
}

/* Make all text in new Dokan layout area (including Announcements) Lora upload */
.dokan-layout-content-area,
.dokan-layout-content-area h1,
.dokan-layout-content-area h2,
.dokan-layout-content-area h3,
.dokan-layout-content-area h4,
.dokan-layout-content-area h5,
.dokan-layout-content-area h6,
.dokan-layout-content-area p,
.dokan-layout-content-area span,
.dokan-layout-content-area div,
.dokan-layout-content-area a,
.dokan-layout-content-area button {
    font-family: "Lora upload", Lora, serif !important;
}

/* Kinwi: Fix Announcements tab layout on mobile */
@media (max-width: 767px) {
    .dokan-layout-content-area div.flex:has(> .dokan-tab-panel) {
        flex-wrap: wrap !important;
        gap: 12px !important;
        margin-bottom: 16px !important;
    }
    .dokan-layout-content-area .dokan-tab-panel {
        width: 100% !important;
    }
    .dokan-layout-content-area div.flex:has(> .dokan-tab-panel) > div:last-child {
        width: 100% !important;
    }
    .dokan-layout-content-area div.flex:has(> .dokan-tab-panel) input[type="text"] {
        width: 100% !important;
    }
    
    /* Hide the "DESCRIPTION" column text header in announcements on mobile */
    .dokan-layout-content-area div:has(> .flex-1 > span.uppercase) .flex-1 {
        display: none !important;
    }
}

/* Kinwi: Make Search Announcement placeholder text smaller on mobile to fit */
@media (max-width: 480px) {
    .dokan-layout-content-area div.flex:has(> .dokan-tab-panel) input[type="text"]::placeholder {
        font-size: 13px !important;
    }
    .dokan-layout-content-area div.flex:has(> .dokan-tab-panel) input[type="text"] {
        font-size: 14px !important;
    }
}

/* Kinwi: Fix Date Filter clear button so it is a circle and icon is visible */
button[aria-label="Remove filter"] {
    min-width: 24px !important;
    max-width: 24px !important;
    width: 24px !important;
    height: 24px !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}
button[aria-label="Remove filter"] svg {
    color: #111111 !important;
    stroke: #111111 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Kinwi: Change active/hover purple filter icon to theme green */
.dokan-layout-content-area button[title="Filter"]:hover,
.dokan-layout-content-area button[title="Filter"]:focus,
.dokan-layout-content-area button[title="Filter"]:active,
.dokan-layout-content-area button[title="Filter"]:has(svg[class*="text-[#7047EB]"]),
.dokan-layout-content-area button[title="Filter"].text-\[\#7047EB\] {
    color: #00967d !important;
}


/* Kinwi: Fix long unbroken text strings pushing out the announcement list width */
.announcement-list-item .flex-1 p,
.announcement-list-item .flex-1 span,
.dokan-layout-content-area article p,
.dokan-layout-content-area article span,
.dokan-layout-content-area article div {
    max-width: 100% !important;
    width: auto !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
}

/* ================================================================
   13. Order Detail Page — font consistency + responsive
   ================================================================ */

/* Order detail heading: Lora 14px for consistency */
.dokan-orders-content .dokan-panel-heading {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-style: normal !important;
}

/* Order items table wrapper: contain within panel */
.dokan-orders-content .woocommerce_order_items_wrapper {
  overflow: hidden !important;
}

/* Order detail table header and cell fonts */
.dokan-orders-content .woocommerce_order_items th,
.dokan-orders-content .woocommerce_order_items td {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  padding: 8px 6px !important;
}

/* Item name links inherit cell font size */
.dokan-orders-content .woocommerce_order_items td.name a {
  font-size: inherit !important;
}

/* Totals section: constrain to match table width */
.dokan-orders-content .wc-order-data-row {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Kinwi: Hide Discount row and coupons in order totals on vendor dashboard order details page */
.dokan-orders-content .wc-order-totals tr:has([data-original-title*="discount" i]),
.dokan-orders-content .wc-order-totals tr:has([title*="discount" i]),
.dokan-orders-content .wc-order-totals tbody tr:first-child:has(.fa-question-circle),
.dokan-orders-content .wc-used-coupons {
  display: none !important;
}

/* Summary rows (Shipping, Order Total, Refunded) */
.dokan-orders-content .wc-order-totals-items td,
.dokan-orders-content .wc-order-totals-items th {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-style: normal !important;
}

/* ALL panel bodies on the order page: consistent 14px */
.dokan-orders-content .dokan-panel-body {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
}

/* Order notes list items */
.dokan-orders-content .order_notes li,
.dokan-orders-content .note_content,
.dokan-orders-content #dokan-order-notes li {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
}

/* Hide the edit line-item cell (grey block at end of table rows) */
.dokan-orders-content .wc-order-edit-line-item {
  display: none !important;
}

/* Refund inputs, labels, and table inputs (qty/total) */
.dokan-orders-content .wc-order-refund-items label,
.dokan-orders-content .wc-order-refund-items input[type="text"],
.dokan-orders-content .wc-order-refund-items input[type="number"],
.dokan-orders-content .wc-order-refund-items .woocommerce-Price-amount,
.dokan-orders-content .woocommerce_order_items input.refund_order_item_qty,
.dokan-orders-content .woocommerce_order_items input.refund_line_total,
.dokan-orders-content .woocommerce_order_items input.refund_line_tax {
  font-size: 14px !important;
}

/* Hide manual refund button & fix Stripe button amount color */
.dokan-orders-content .do-manual-refund {
  display: none !important;
}
.dokan-orders-content .do-api-refund .woocommerce-Price-amount,
.dokan-orders-content .do-api-refund .amount {
  color: #111 !important;
}

/* Fix AST tracking quantity selector layout (minus/plus inline) */
html body.dokan-dashboard .dokan-orders-content .ast-dokan-panel table td {
  white-space: nowrap !important;
}
html body.dokan-dashboard .dokan-orders-content .ast-dokan-panel .value-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 32px !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
  cursor: pointer;
  border: 1px solid #ccc !important;
  background: #f9f9f9 !important;
  border-radius: 0 !important;
}
html body.dokan-dashboard .dokan-orders-content .ast-dokan-panel input.ast_product_number[type="number"] {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 32px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  text-align: center !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  padding: 0 4px !important;
  border-top: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

/* Fix SweetAlert2 success icon glitches and colors (Refund popup) */
html body .swal2-icon.swal2-success {
  border-color: #00967d !important;
  border-radius: 50% !important;
}
html body .swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: #00967d !important;
}
html body .swal2-icon.swal2-success .swal2-success-ring {
  border-color: #00967d !important;
  border-radius: 50% !important;
}
html body .swal2-icon,
html body .swal2-icon * {
  box-sizing: content-box !important;
}
html body .swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(0, 150, 125, 0.4) !important;
}

/* --- Tablet & Mobile: reduce fonts to 13px to fit everything in --- */
@media (max-width: 768px) {
  .dokan-orders-content .dokan-panel-heading,
  .dokan-orders-content .woocommerce_order_items th,
  .dokan-orders-content .woocommerce_order_items td,
  .dokan-orders-content .wc-order-totals-items td,
  .dokan-orders-content .wc-order-totals-items th,
  .dokan-orders-content .dokan-panel-body,
  .dokan-orders-content .order_notes li,
  .dokan-orders-content .note_content,
  .dokan-orders-content #dokan-order-notes li,
  .dokan-orders-content .wc-order-refund-items label,
  .dokan-orders-content .wc-order-refund-items input[type="text"],
  .dokan-orders-content .wc-order-refund-items input[type="number"],
  .dokan-orders-content .wc-order-refund-items .woocommerce-Price-amount,
  .dokan-orders-content .woocommerce_order_items input.refund_order_item_qty,
  .dokan-orders-content .woocommerce_order_items input.refund_line_total,
  .dokan-orders-content .woocommerce_order_items input.refund_line_tax {
    font-size: 13px !important;
  }
}

/* --- Mobile: reduce padding, collapse thumbnails, smaller addresses --- */
@media (max-width: 480px) {
  /* Reduce panel padding to gain space */
  .dokan-orders-content .dokan-panel-body {
    padding: 6px !important;
  }

  /* Collapse thumbnails to zero width (not display:none — that breaks colspan alignment) */
  .dokan-orders-content .woocommerce_order_items .thumb {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
  }
  .dokan-orders-content .woocommerce_order_items .thumb img {
    display: none !important;
  }

  /* Tighter cell padding on mobile */
  .dokan-orders-content .woocommerce_order_items th,
  .dokan-orders-content .woocommerce_order_items td {
    padding: 6px 4px !important;
  }

  /* Order panel heading on mobile */
  .dokan-orders-content .dokan-panel-heading {
    padding: 8px 6px !important;
  }

  /* Full-width sections */
  .dokan-orders-content .dokan-left,
  .dokan-orders-content .dokan-right {
    width: 100% !important;
    float: none !important;
  }
}

/* Kinwi: Style for warning banners (like Stripe connection error) */
.dokan-dashboard .dokan-alert-warning,
.dokan-dashboard-wrap .dokan-alert-warning {
    border: 1px solid #AC002A !important;
    background-color: rgba(172, 0, 42, 0.1) !important;
    color: #000000 !important;
    margin-bottom: 25px !important;
}

.dokan-dashboard .dokan-alert-warning strong,
.dokan-dashboard-wrap .dokan-alert-warning strong,
.dokan-dashboard .dokan-alert-warning a,
.dokan-dashboard-wrap .dokan-alert-warning a {
    color: #AC002A !important;
}

/* Kinwi: Make the Add Payment Method dropdown exactly the same width as the button */
#vendor-dashboard-payment-settings-toggle-dropdown {
    width: auto !important;
    display: inline-block !important;
}
#vendor-dashboard-payment-settings-toggle-dropdown #toggle-vendor-payment-method-drop-down {
    width: 100% !important;
    box-sizing: border-box !important;
}
#vendor-dashboard-payment-settings-toggle-dropdown #vendor-payment-method-drop-down-wrapper {
    width: 100% !important;
    left: 0 !important;
    right: auto !important;
}
#vendor-dashboard-payment-settings-toggle-dropdown #vendor-payment-method-drop-down {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Kinwi: Fix padding inside the payment dropdown list item */
#vendor-dashboard-payment-settings-toggle-dropdown #vendor-payment-method-drop-down ul {
    padding: 0 !important;
    margin: 0 !important;
}

#vendor-dashboard-payment-settings-toggle-dropdown #vendor-payment-method-drop-down ul li div {
    padding: 10px !important;
}
#vendor-dashboard-payment-settings-toggle-dropdown #vendor-payment-method-drop-down ul li div span {
    padding-right: 0 !important;
    margin-left: 8px !important;
    white-space: normal !important;
    word-break: break-word !important;
}

/* Kinwi: Fix Gutenberg checkbox checked state not showing checkmark/green fill.
   Dokan Tailwind's `.components-checkbox-control__input[type="checkbox"]` sets
   `background: rgb(255, 255, 255)` with specificity (0,2,0) which overrides the
   `:checked` rule at (0,1,1). The SVG checkmark is white, so it's invisible on
   white. This forces the checked/indeterminate background to Kinwi green. */
.components-checkbox-control__input[type="checkbox"]:checked,
.components-checkbox-control__input[type="checkbox"]:indeterminate {
    background-color: #00967d !important;
    border-color: #00967d !important;
}

/* Ensure the SVG checkmark and indeterminate icon are white and visible */
svg.components-checkbox-control__checked,
svg.components-checkbox-control__indeterminate {
    fill: #ffffff !important;
}

/* Focus ring for checked checkbox — match Kinwi brand green */
.components-checkbox-control__input[type="checkbox"]:checked:focus,
.components-checkbox-control__input[type="checkbox"]:indeterminate:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #00967d !important;
}
/* Kinwi: Override Dokan Tailwind green utility classes to use Kinwi brand green (#00967d).
   Dokan's new dashboard uses Tailwind classes like text-green-600, bg-green-200, etc.
   whose oklch/hex values don't match the Kinwi brand. Scoped to .dokan-layout so
   other parts of the site aren't affected. */

/* "In stock" text colour */
.dokan-layout .text-green-600 {
    color: #00967d !important;
}

/* "Published" badge — light green background + dark green text */
.dokan-layout .bg-green-200 {
    background-color: rgba(0, 150, 125, 0.15) !important;
}
.dokan-layout .text-green-900 {
    color: #00967d !important;
}

/* Additional Tailwind green shades Dokan may use on other pages */
.dokan-layout .text-green-500 {
    color: #00967d !important;
}
.dokan-layout .text-green-700 {
    color: #006b59 !important;
}
.dokan-layout .bg-green-100 {
    background-color: rgba(0, 150, 125, 0.10) !important;
}
.dokan-layout .bg-green-500 {
    background-color: #00967d !important;
}
.dokan-layout .bg-green-600 {
    background-color: #00967d !important;
}
.dokan-layout .border-green-500 {
    border-color: #00967d !important;
}
.dokan-layout .border-green-600 {
    border-color: #00967d !important;
}

/* =====================================================================
   Kinwi: Modern Dokan Dashboard Horizontal Pagination
   Replaces the vertical dropdown page selector with clean horizontal
   numbered boxes and next/previous arrow navigation (matching shop/store-list).
   Applies to: Products, Orders, Followers, Product Q&A, Reviews, Announcements.
   ===================================================================== */

/* Container centering and spacing */
.dataviews-pagination {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    padding: 20px 0 !important;
    box-sizing: border-box !important;
}

/* Hide native Gutenberg vertical dropdown and native arrow buttons */
.dataviews-pagination > :not(.kinwi-custom-pagination) {
    display: none !important;
}

/* Custom horizontal pagination wrapper */
.kinwi-custom-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.kinwi-custom-pagination ul.kinwi-page-numbers {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.kinwi-custom-pagination li {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.kinwi-custom-pagination .kinwi-page-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 6px 12px !important;
    font-family: "Lora upload", "Lora", serif !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    color: #111111 !important;
    background-color: #ffffff !important;
    border: 1px solid #dddddd !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    user-select: none !important;
    white-space: nowrap !important;
}

.kinwi-custom-pagination a.kinwi-page-btn:hover {
    border-color: #00967d !important;
    color: #00967d !important;
    background-color: #f7fbfa !important;
}

.kinwi-custom-pagination .kinwi-current-page {
    background-color: #eeeeee !important;
    color: #777777 !important;
    border-color: #cccccc !important;
    font-weight: 600 !important;
    cursor: default !important;
}

.kinwi-custom-pagination .kinwi-dots {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 28px !important;
    height: 36px !important;
    padding: 0 4px !important;
    font-family: "Lora upload", "Lora", serif !important;
    font-size: 15px !important;
    color: #888888 !important;
    cursor: default !important;
    user-select: none !important;
}

.kinwi-custom-pagination .kinwi-prev-btn,
.kinwi-custom-pagination .kinwi-next-btn {
    font-weight: 500 !important;
    padding: 6px 14px !important;
}

/* Tablet & Mobile responsive tweaks (<= 480px) */
@media (max-width: 480px) {
    .kinwi-custom-pagination ul.kinwi-page-numbers {
        gap: 4px !important;
    }
    .kinwi-custom-pagination .kinwi-page-btn {
        min-width: 32px !important;
        height: 32px !important;
        padding: 4px 8px !important;
        font-size: 14px !important;
    }
    .kinwi-custom-pagination .kinwi-prev-btn,
    .kinwi-custom-pagination .kinwi-next-btn {
        padding: 4px 10px !important;
    }
    .kinwi-custom-pagination .kinwi-dots {
        height: 32px !important;
        min-width: 20px !important;
        font-size: 14px !important;
    }
}

/* Very narrow screens (<= 360px) */
@media (max-width: 360px) {
    .kinwi-custom-pagination ul.kinwi-page-numbers {
        gap: 3px !important;
    }
    .kinwi-custom-pagination .kinwi-page-btn {
        min-width: 28px !important;
        height: 28px !important;
        padding: 2px 6px !important;
        font-size: 13px !important;
    }
    .kinwi-custom-pagination .kinwi-prev-btn,
    .kinwi-custom-pagination .kinwi-next-btn {
        padding: 2px 8px !important;
    }
}

/* ====================================================================
   Kinwi: Dokan Shipping Settings Table Layout & Responsiveness Fix
   Fixes text overlapping where long region/postcode lists do not wrap
   and bleed across into the Shipping Methods and Actions columns.
   ==================================================================== */

/* 1. Ensure shipping table and methods table cells wrap text cleanly */
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table,
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table,
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table,
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table,
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table {
    table-layout: fixed !important;
    width: 100% !important;
    min-width: 700px !important;
}

.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table td,
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table td,
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table td,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table td,
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table td,
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table td {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    vertical-align: middle !important;
}

.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table th,
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table th,
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table th,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table th,
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table th,
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table th {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    overflow: visible !important;
}

/* Dokan Tailwind sets white-space: nowrap and max-width: 80ch on cell wrappers */
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper,
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper,
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper,
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper,
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    display: block !important;
    max-width: none !important;
    min-width: 0 !important;
    line-height: 1.5 !important;
    overflow: visible !important;
}

/* Also fix header cell content wrappers */
.dokan-dashboard-wrap .dataviews-view-table thead .dataviews-view-table__cell-content-wrapper,
.dokan-dashboard-content .dataviews-view-table thead .dataviews-view-table__cell-content-wrapper {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

/* Header buttons have white-space: nowrap from Dokan — allow wrapping */
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table-header-button,
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table-header-button,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table-header-button,
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table-header-button {
    white-space: normal !important;
    word-break: normal !important;
    text-align: left !important;
    line-height: 1.3 !important;
}

/* Allow Zone Name to wrap instead of cutting off with ellipsis */
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table .truncate,
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table .truncate,
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table .truncate,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table .truncate,
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table .truncate,
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table .truncate {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: break-word !important;
}

/* 2. Column width allocation for Zones table */
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table col:first-child,
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table col.dataviews-view-table__col-first-data,
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table th:first-child,
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table td:first-child,
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table col:first-child,
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table col.dataviews-view-table__col-first-data,
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table th:first-child,
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table td:first-child,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table col:first-child,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table col.dataviews-view-table__col-first-data,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table th:first-child,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table td:first-child,
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table col:first-child,
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table col.dataviews-view-table__col-first-data,
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table th:first-child,
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table td:first-child {
    width: 22% !important;
}

.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table col:nth-child(2),
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table th:nth-child(2),
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table td:nth-child(2),
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table col:nth-child(2),
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table th:nth-child(2),
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table td:nth-child(2),
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table col:nth-child(2),
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table th:nth-child(2),
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table td:nth-child(2),
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table col:nth-child(2),
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table th:nth-child(2),
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table td:nth-child(2) {
    width: 1% !important;
    padding: 0 !important;
}

.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table col:nth-child(3),
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table col.dataviews-view-table__col-formatted_zone_location,
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table th:nth-child(3),
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table td:nth-child(3),
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table col:nth-child(3),
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table col.dataviews-view-table__col-formatted_zone_location,
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table th:nth-child(3),
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table td:nth-child(3),
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table col:nth-child(3),
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table col.dataviews-view-table__col-formatted_zone_location,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table th:nth-child(3),
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table td:nth-child(3),
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table col:nth-child(3),
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table col.dataviews-view-table__col-formatted_zone_location,
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table th:nth-child(3),
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table td:nth-child(3) {
    width: 47% !important;
}

.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table col:nth-child(4),
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table col.dataviews-view-table__col-shipping_methods,
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table th:nth-child(4),
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table td:nth-child(4),
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table col:nth-child(4),
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table col.dataviews-view-table__col-shipping_methods,
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table th:nth-child(4),
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table td:nth-child(4),
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table col:nth-child(4),
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table col.dataviews-view-table__col-shipping_methods,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table th:nth-child(4),
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table td:nth-child(4),
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table col:nth-child(4),
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table col.dataviews-view-table__col-shipping_methods,
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table th:nth-child(4),
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table td:nth-child(4) {
    width: 18% !important;
}

.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table col:nth-child(5),
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table col.dataviews-view-table__col-actions,
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table th.dataviews-view-table__actions-column,
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table td.dataviews-view-table__actions-column,
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table col:nth-child(5),
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table col.dataviews-view-table__col-actions,
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table th.dataviews-view-table__actions-column,
.dokan-dashboard-wrap .dokan-shipping-zone-list-container .dataviews-view-table td.dataviews-view-table__actions-column,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table col:nth-child(5),
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table col.dataviews-view-table__col-actions,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table th.dataviews-view-table__actions-column,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table td.dataviews-view-table__actions-column,
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table col:nth-child(5),
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table col.dataviews-view-table__col-actions,
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table th.dataviews-view-table__actions-column,
.dokan-dashboard-content .dokan-shipping-zone-list-container .dataviews-view-table td.dataviews-view-table__actions-column {
    width: 12% !important;
    text-align: right !important;
    position: static !important;
    background-color: #ffffff !important;
}

/* 3. Column width allocation for Shipping Methods table */
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table col:first-child,
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table col.dataviews-view-table__col-first-data,
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table th:first-child,
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table td:first-child,
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table col:first-child,
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table col.dataviews-view-table__col-first-data,
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table th:first-child,
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table td:first-child {
    width: 28% !important;
}

.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table col:nth-child(2),
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table th:nth-child(2),
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table td:nth-child(2),
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table col:nth-child(2),
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table th:nth-child(2),
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table td:nth-child(2) {
    width: 1% !important;
    padding: 0 !important;
}

.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table col:nth-child(3),
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table th:nth-child(3),
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table td:nth-child(3),
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table col:nth-child(3),
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table th:nth-child(3),
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table td:nth-child(3) {
    width: 15% !important;
}

.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table col:nth-child(4),
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table th:nth-child(4),
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table td:nth-child(4),
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table col:nth-child(4),
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table th:nth-child(4),
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table td:nth-child(4) {
    width: 44% !important;
}

.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table col:nth-child(5),
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table col.dataviews-view-table__col-actions,
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table th.dataviews-view-table__actions-column,
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table td.dataviews-view-table__actions-column,
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table col:nth-child(5),
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table col.dataviews-view-table__col-actions,
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table th.dataviews-view-table__actions-column,
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table td.dataviews-view-table__actions-column {
    width: 12% !important;
    text-align: right !important;
    position: static !important;
    background-color: #ffffff !important;
}

/* Add right padding to the Actions header label itself so it shifts inward away from the right edge */
.dokan-dashboard-wrap #vendor-shipping-zones .dataviews-view-table th.dataviews-view-table__actions-column .dataviews-view-table-header,
.dokan-dashboard-wrap #vendor-shipping-methods .dataviews-view-table th.dataviews-view-table__actions-column .dataviews-view-table-header,
.dokan-dashboard-content #vendor-shipping-zones .dataviews-view-table th.dataviews-view-table__actions-column .dataviews-view-table-header,
.dokan-dashboard-content #vendor-shipping-methods .dataviews-view-table th.dataviews-view-table__actions-column .dataviews-view-table-header {
    padding-right: 16px !important;
    display: inline-block !important;
}

/* 4. Responsive scroll container styling */
.dokan-dashboard-wrap #vendor-shipping-zones .relative.overflow-x-auto,
.dokan-dashboard-wrap #vendor-shipping-methods .relative.overflow-x-auto,
.dokan-dashboard-content #vendor-shipping-zones .relative.overflow-x-auto,
.dokan-dashboard-content #vendor-shipping-methods .relative.overflow-x-auto {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* List view (mobile card format) text wrapping */
.dokan-dashboard-wrap .dataviews-view-list .dataviews-view-list__field-value,
.dokan-dashboard-content .dataviews-view-list .dataviews-view-list__field-value {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    line-height: 1.5 !important;
}

/* 5. Hide "Click here to add Shipping Policies" button on Shipping Settings page across all devices/dashboards */
/* 5. Hide "Click here to add Shipping Policies" button on Shipping Settings page across all devices/dashboards */
.dokan-header-actions:has(button:has(.fa-cog)),
.dokan-header-actions button:has(.fa-cog),
.dokan-header-actions:has(i.fa-cog),
button.dokan-btn:has(.fa-cog),
.dokan-dashboard-header .entry-title a.dokan-btn,
.dokan-dashboard-header .entry-title a[href*="settings/shipping/settings"],
.dokan-dashboard-header .entry-title a[href*="settings/shipping#/settings"],
.dokan-dashboard-header .entry-title a:has(.fa-cog),
.dokan-dashboard-header .entry-title span[style*="position:absolute"],
.dokan-dashboard-header .entry-title span[style*="position: absolute"],
.dokan-dashboard-header a.dokan-btn:has(.fa-cog) {
    display: none !important;
}

/* Dokan Shipping Zone Back / Return to Zones Button */
.dokan-header-actions button:has(.lucide-arrow-left),
.dokan-header-actions button.dokan-btn-secondary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: "Lora upload", Lora, serif !important;
    font-style: italic !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    background-color: #111111 !important;
    color: #00967d !important;
    border: 1px solid #111111 !important;
    border-radius: 4px !important;
    padding: 6px 14px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
    box-shadow: none !important;
    transform: none !important;
}
.dokan-header-actions button:has(.lucide-arrow-left):hover,
.dokan-header-actions button.dokan-btn-secondary:hover {
    background-color: #00967d !important;
    color: #ffffff !important;
    border-color: #00967d !important;
    transform: none !important;
    box-shadow: none !important;
}
.dokan-header-actions button:has(.lucide-arrow-left) svg,
.dokan-header-actions button.dokan-btn-secondary svg {
    stroke: currentColor !important;
    color: currentColor !important;
    width: 14px !important;
    height: 14px !important;
}

/* Keep vendor shipping guide link cohesive with brackets */
.kinwi-shipping-guide-link {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}
.kinwi-shipping-guide-link a {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    gap: 4px !important;
}

/* Ensure title span in React dashboard can wrap and align helper links cleanly */
.dokan-header-title h3 span,
.dokan-header-title-section h3 span {
    flex-wrap: wrap !important;
    align-items: center !important;
}

/* Ensure Kinwi guide links are displayed clearly across both dashboards */
.dokan-dashboard-header .entry-title span.kinwi-shipping-guide-link,
.dokan-dashboard-header .entry-title span.kinwi-shipping-guide-link a,
.dokan-header-title span.kinwi-shipping-guide-link,
.dokan-header-title span.kinwi-shipping-guide-link a,
#store-form span.kinwi-tnc-guide-link,
#store-form span.kinwi-tnc-guide-link a {
    display: inline-block !important;
}

/* Kinwi: Guarantee Lora upload font on guide links and beat 01-base.css H3 * specificity */
html body.dokan-dashboard .dokan-dashboard-wrap h3.text-2xl.font-semibold.text-gray-800 span.kinwi-shipping-guide-link,
html body.dokan-dashboard .dokan-dashboard-wrap h3.text-2xl.font-semibold.text-gray-800 span.kinwi-shipping-guide-link *,
html body.dokan-dashboard .dokan-dashboard-wrap span.kinwi-shipping-guide-link,
html body.dokan-dashboard .dokan-dashboard-wrap span.kinwi-shipping-guide-link *,
html body.dokan-dashboard span.kinwi-shipping-guide-link,
html body.dokan-dashboard span.kinwi-shipping-guide-link *,
.kinwi-shipping-guide-link,
.kinwi-shipping-guide-link *,
.kinwi-tnc-guide-link,
.kinwi-tnc-guide-link * {
    font-family: "Lora upload", Lora, serif !important;
    font-style: italic !important;
    font-weight: normal !important;
    font-size: 13px !important;
}
.kinwi-shipping-guide-link a,
.kinwi-tnc-guide-link a {
    color: #00967d !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
}
html body.dokan-dashboard span.kinwi-shipping-guide-link i.fas,
html body.dokan-dashboard span.kinwi-tnc-guide-link i.fas {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
}
.kinwi-shipping-guide-link a:hover,
.kinwi-tnc-guide-link a:hover {
    color: #007a65 !important;
}

/* 6. Widen content area on shipping page to prevent ACTIONS header clipping */
.dokan-dashboard-wrap:has(.dokan-shipping-zone-list-container) {
    padding-right: 5px !important;
}
.dokan-dashboard-wrap:has(.dokan-shipping-zone-list-container) .dokan-dashboard-content {
    padding-left: 8px !important;
    padding-right: 0px !important;
    overflow: visible !important;
}
/* Override Tailwind pr-2 class on DD wrapper — need high specificity */
.dokan-shipping-zone-list-container .bg-white dd.pr-2,
.dokan-shipping-zone-list-container dd[class*="pr-2"],
.dokan-shipping-zone-list-container dd {
    padding-right: 0px !important;
}
/* Ensure scroll containers don't clip at edges */
.dokan-shipping-zone-list-container .relative.overflow-x-auto {
    overflow: visible !important;
    overflow-x: auto !important;
}

/* =============================================================================
   Kinwi: Dokan Shipping Pages & Modals - Button Typography & Helper Text Fixes
   ============================================================================= */

/* 1. Hide confusing cost formula helper text in shipping method edit popup */
.dokan-custom-modal p.text-xs.text-gray-500,
.components-modal__frame p.text-xs.text-gray-500,
[role="dialog"] p.text-xs.text-gray-500,
.dokan-custom-modal .text-xs.text-gray-500 {
    display: none !important;
}

/* 1b. Hide legacy "previous shipping system" notice and link on shipping settings */
.shipping-heading-info p:has(a[href*="regular-shipping"]),
.shipping-heading-info p:not(.mt-4):not(:first-child),
.shipping-heading-info a[href*="regular-shipping"],
.dokan-dashboard p:has(a[href*="regular-shipping"]) {
    display: none !important;
}

/* 2. Button typography: Lora upload italic 500 weight across all shipping pages and modals */
html body.dokan-dashboard .dokan-custom-modal div[class*="border-t"] button,
html body.dokan-dashboard .dokan-custom-modal button.dokan-btn,
html body.dokan-dashboard .dokan-custom-modal button.dokan-btn-secondary,
html body.dokan-dashboard .dokan-custom-modal button,
html body.dokan-dashboard .components-modal__frame div[class*="border-t"] button,
html body.dokan-dashboard .components-modal__frame button,
html body.dokan-dashboard [role="dialog"] button,
html body.dokan-dashboard #vendor-shipping-zones button,
html body.dokan-dashboard #vendor-shipping-methods button,
html body.dokan-dashboard .dokan-shipping-zone-list-container button,
html body.dokan-dashboard .dokan-header-actions button,
html body.dokan-dashboard button.dokan-btn,
html body.dokan-dashboard button.dokan-btn-secondary {
    font-family: "Lora upload", Lora, serif !important;
    font-style: italic !important;
    font-weight: 500 !important;
}

html body.dokan-dashboard .dokan-custom-modal button *,
html body.dokan-dashboard .components-modal__frame button *,
html body.dokan-dashboard [role="dialog"] button *,
html body.dokan-dashboard #vendor-shipping-zones button *,
html body.dokan-dashboard #vendor-shipping-methods button *,
html body.dokan-dashboard button.dokan-btn *,
html body.dokan-dashboard button.dokan-btn-secondary * {
    font-family: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
}

/* =============================================================================
   3. Edit / Add Shipping Method Modal Typography & Heading Hierarchy
   ============================================================================= */

/* Modal Title: Edit / Add Shipping Method — Largest heading in popup */
html body.dokan-dashboard .dokan-custom-modal h2,
html body.dokan-dashboard .dokan-custom-modal h2.text-lg,
html body .dokan-custom-modal h2,
html body .dokan-custom-modal h2.text-lg,
html body .components-modal__frame h2,
html body .components-modal__frame h2.text-lg,
html body div[role="dialog"] h2,
html body div[role="dialog"] h2.text-lg {
    font-family: "Gabriela upload", Gabriela, serif !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    color: #1e1e1e !important;
}

/* Subheading: Shipping Class Cost — Secondary heading, smaller than modal title */
html body.dokan-dashboard .dokan-custom-modal p.text-2xl,
html body.dokan-dashboard .components-modal__frame p.text-2xl,
html body div[role="dialog"] p.text-2xl,
html body.dokan-dashboard .dokan-custom-modal .text-2xl,
html body .dokan-custom-modal .text-2xl {
    font-family: "Gabriela upload", Gabriela, serif !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: #1e1e1e !important;
    margin-top: 24px !important;
    margin-bottom: 4px !important;
}

/* Subheading description text */
html body.dokan-dashboard .dokan-custom-modal p.text-xs:not([style*="display: none"]),
html body.dokan-dashboard .components-modal__frame p.text-xs:not([style*="display: none"]),
html body div[role="dialog"] p.text-xs:not([style*="display: none"]) {
    font-family: "Lora upload", Lora, serif !important;
    font-size: 13px !important;
    font-style: italic !important;
    color: #666666 !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
}

/* Form Labels across the modal */
html body.dokan-dashboard .dokan-custom-modal label,
html body.dokan-dashboard .components-modal__frame label,
html body div[role="dialog"] label {
    font-family: "Lora upload", Lora, serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    color: #1e1e1e !important;
}

/* Inputs, textareas, selects */
html body.dokan-dashboard .dokan-custom-modal input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
html body.dokan-dashboard .dokan-custom-modal textarea,
html body.dokan-dashboard .dokan-custom-modal select,
html body .dokan-custom-modal input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
html body .dokan-custom-modal textarea,
html body .dokan-custom-modal select {
    font-family: "Lora upload", Lora, serif !important;
    font-size: 14px !important;
    font-style: italic !important;
    color: #1e1e1e !important;
}

/* Responsive Breakpoints for Shipping Modals */
@media screen and (max-width: 800px) {
    html body.dokan-dashboard .dokan-custom-modal h2,
    html body.dokan-dashboard .dokan-custom-modal h2.text-lg,
    html body .dokan-custom-modal h2,
    html body .components-modal__frame h2,
    html body div[role="dialog"] h2 {
        font-size: 22px !important;
    }
    html body.dokan-dashboard .dokan-custom-modal p.text-2xl,
    html body.dokan-dashboard .components-modal__frame p.text-2xl,
    html body div[role="dialog"] p.text-2xl,
    html body .dokan-custom-modal .text-2xl {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 480px) {
    html body.dokan-dashboard .dokan-custom-modal h2,
    html body.dokan-dashboard .dokan-custom-modal h2.text-lg,
    html body .dokan-custom-modal h2,
    html body .components-modal__frame h2,
    html body div[role="dialog"] h2 {
        font-size: 20px !important;
    }
    html body.dokan-dashboard .dokan-custom-modal p.text-2xl,
    html body.dokan-dashboard .components-modal__frame p.text-2xl,
    html body div[role="dialog"] p.text-2xl,
    html body .dokan-custom-modal .text-2xl {
        font-size: 16px !important;
    }
    html body.dokan-dashboard .dokan-custom-modal label,
    html body.dokan-dashboard .components-modal__frame label,
    html body div[role="dialog"] label {
        font-size: 14px !important;
    }
    html body.dokan-dashboard .dokan-custom-modal p.text-xs:not([style*="display: none"]) {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 400px) {
    html body.dokan-dashboard .dokan-custom-modal h2,
    html body.dokan-dashboard .dokan-custom-modal h2.text-lg,
    html body .dokan-custom-modal h2,
    html body .components-modal__frame h2,
    html body div[role="dialog"] h2 {
        font-size: 18px !important;
    }
    html body.dokan-dashboard .dokan-custom-modal p.text-2xl,
    html body.dokan-dashboard .components-modal__frame p.text-2xl,
    html body div[role="dialog"] p.text-2xl,
    html body .dokan-custom-modal .text-2xl {
        font-size: 15px !important;
    }
}

/* Kinwi: Hide Tax Status, Tax included, Handling Fee and Handling Fee per order fields in Table Rate / Distance Rate Shipping */
.dokan-form-group:has(#table_rate_tax_status),
.dokan-form-group:has(#table_rate_prices_include_tax),
.dokan-form-group:has(#table_rate_order_handling_fee),
.dokan-form-group:has(#dokan_table_rate_handling_fee),
.dokan-form-group:has(input[name="table_rate_order_handling_fee"]),
.dokan-form-group:has(input[name="table_rate_handling_fee"]),
.dokan-form-group:has(select[name="table_rate_tax_status"]),
.dokan-form-group:has(select[name="table_rate_prices_include_tax"]) {
    display: none !important;
}

/* Kinwi: Table Rate Shipping table column sizing & un-truncated select labels ("Any class", "None") */
#table-rates-shipping-table th:nth-child(3),
#table-rates-shipping-table td:nth-child(3) {
    min-width: 180px !important;
    width: 180px !important;
}

#table-rates-shipping-table th:nth-child(4),
#table-rates-shipping-table td:nth-child(4) {
    min-width: 150px !important;
    width: 150px !important;
}

#table-rates-shipping-table td:nth-child(3) .react-select,
#table-rates-shipping-table td:nth-child(4) .react-select,
#table-rates-shipping-table td:nth-child(3) .react-select > div,
#table-rates-shipping-table td:nth-child(4) .react-select > div {
    min-width: 100% !important;
    width: 100% !important;
}

#distance-rates-shipping-table th:nth-child(3),
#distance-rates-shipping-table td:nth-child(3) {
    min-width: 150px !important;
    width: 150px !important;
}

/* Kinwi: Emerald #00967d thick scrollbar for Table Rate Shipping tables */
.table-rate-settings .overflow-scroll,
.dokan-table-rate-shipping-settings-container .overflow-scroll,
.table-rate-settings [class*="overflow-scroll"],
.table-rate-settings .overflow-x-auto,
.dokan-table-rate-shipping-settings-container .overflow-x-auto,
div:has(> #table-rates-shipping-table),
div:has(> #distance-rates-shipping-table),
div:has(> #shipping-class-table) {
    overflow-x: auto !important;
    scrollbar-width: auto !important;
    scrollbar-color: #00967d #f1f1f1 !important;
}

.table-rate-settings .overflow-scroll::-webkit-scrollbar,
.dokan-table-rate-shipping-settings-container .overflow-scroll::-webkit-scrollbar,
.table-rate-settings [class*="overflow-scroll"]::-webkit-scrollbar,
.table-rate-settings .overflow-x-auto::-webkit-scrollbar,
.dokan-table-rate-shipping-settings-container .overflow-x-auto::-webkit-scrollbar,
div:has(> #table-rates-shipping-table)::-webkit-scrollbar,
div:has(> #distance-rates-shipping-table)::-webkit-scrollbar,
div:has(> #shipping-class-table)::-webkit-scrollbar {
    height: 10px !important;
    width: 10px !important;
    background-color: transparent !important;
}

.table-rate-settings .overflow-scroll::-webkit-scrollbar-track,
.dokan-table-rate-shipping-settings-container .overflow-scroll::-webkit-scrollbar-track,
.table-rate-settings [class*="overflow-scroll"]::-webkit-scrollbar-track,
.table-rate-settings .overflow-x-auto::-webkit-scrollbar-track,
.dokan-table-rate-shipping-settings-container .overflow-x-auto::-webkit-scrollbar-track,
div:has(> #table-rates-shipping-table)::-webkit-scrollbar-track,
div:has(> #distance-rates-shipping-table)::-webkit-scrollbar-track,
div:has(> #shipping-class-table)::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 6px !important;
}

.table-rate-settings .overflow-scroll::-webkit-scrollbar-thumb,
.dokan-table-rate-shipping-settings-container .overflow-scroll::-webkit-scrollbar-thumb,
.table-rate-settings [class*="overflow-scroll"]::-webkit-scrollbar-thumb,
.table-rate-settings .overflow-x-auto::-webkit-scrollbar-thumb,
.dokan-table-rate-shipping-settings-container .overflow-x-auto::-webkit-scrollbar-thumb,
div:has(> #table-rates-shipping-table)::-webkit-scrollbar-thumb,
div:has(> #distance-rates-shipping-table)::-webkit-scrollbar-thumb,
div:has(> #shipping-class-table)::-webkit-scrollbar-thumb {
    background: #00967d !important;
    border-radius: 6px !important;
}

.table-rate-settings .overflow-scroll::-webkit-scrollbar-thumb:hover,
.dokan-table-rate-shipping-settings-container .overflow-scroll::-webkit-scrollbar-thumb:hover,
.table-rate-settings [class*="overflow-scroll"]::-webkit-scrollbar-thumb:hover,
.table-rate-settings .overflow-x-auto::-webkit-scrollbar-thumb:hover,
.dokan-table-rate-shipping-settings-container .overflow-x-auto::-webkit-scrollbar-thumb:hover,
div:has(> #table-rates-shipping-table)::-webkit-scrollbar-thumb:hover,
div:has(> #distance-rates-shipping-table)::-webkit-scrollbar-thumb:hover,
div:has(> #shipping-class-table)::-webkit-scrollbar-thumb:hover {
    background: #007a65 !important;
}

/* Kinwi: Equal-width aligned buttons for Table Rate shipping table actions */
.table-rate-settings .flex.justify-end.gap-2,
.dokan-table-rate-shipping-settings-container .flex.justify-end.gap-2 {
    display: grid !important;
    grid-template-columns: repeat(4, 185px) !important;
    justify-content: end !important;
    justify-items: stretch !important;
    gap: 10px !important;
    width: auto !important;
    box-sizing: border-box !important;
}

.table-rate-settings .flex.justify-end.gap-2 button,
.dokan-table-rate-shipping-settings-container .flex.justify-end.gap-2 button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    box-sizing: border-box !important;
    padding: 8px 12px !important;
    text-align: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

/* 2x2 grid for tablet and standard mobile (when 4 in a row don't fit) */
@media (max-width: 1149px) {
    .table-rate-settings .flex.justify-end.gap-2,
    .dokan-table-rate-shipping-settings-container .flex.justify-end.gap-2 {
        grid-template-columns: repeat(2, 185px) !important;
    }
}

/* 1 column stacked with equal width for narrow screens */
@media (max-width: 420px) {
    .table-rate-settings .flex.justify-end.gap-2,
    .dokan-table-rate-shipping-settings-container .flex.justify-end.gap-2 {
        grid-template-columns: minmax(0, 210px) !important;
    }
}

/* Kinwi: Bottom Save Changes button - small clean gap above footer */
.table-rate-settings .flex.justify-end.mt-8,
.dokan-table-rate-shipping-settings-container .flex.justify-end.mt-8 {
    margin-bottom: 15px !important;
}

.table-rate-settings .flex.justify-end.mt-8 button,
.dokan-table-rate-shipping-settings-container .flex.justify-end.mt-8 button {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 8px 24px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

.table-rate-settings,
.dokan-table-rate-shipping-settings-container {
    padding-bottom: 0 !important;
}

@media (max-width: 480px) {
    .table-rate-settings,
    .dokan-table-rate-shipping-settings-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    .table-rate-settings .px-4 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .table-rate-settings h3.text-base {
        font-size: 15px !important;
    }

    .table-rate-settings .text-sm {
        font-size: 13px !important;
    }

    .table-rate-settings .flex.justify-end.gap-2 button,
    .dokan-table-rate-shipping-settings-container .flex.justify-end.gap-2 button {
        font-size: 13px !important;
        padding: 7px 10px !important;
    }
}

/* Kinwi: Ensure backorders fields are hidden in product bulk edit and quick edit */
.dokan-inline-edit-field-row:has(select[name="_backorders"]),
.dokan-inline-edit-field-row:has(select[name="change_backorders"]),
.dokan-inline-edit-field-row:has(select[data-field-name="backorders"]),
tr.dokan-product-list-inline-edit-form div.dokan-inline-edit-field-row:has(select[data-field-name="backorders"]),
tr.dokan-product-list-inline-edit-form select[data-field-name="backorders"],
select[name="_backorders"],
select[name="change_backorders"] {
    display: none !important;
}
/* Kinwi: Lock "Browse all listings" in Store Categories (cannot be deleted or removed) */
.select2-selection__choice[title*="Browse all listings" i] .select2-selection__choice__remove,
.select2-selection__choice[title*="Browse all" i] .select2-selection__choice__remove,
li.select2-selection__choice[title*="Browse all listings" i] > button,
li.select2-selection__choice[title*="Browse all listings" i] > span.select2-selection__choice__remove,
.select2-selection__choice[data-title*="Browse all listings" i] .select2-selection__choice__remove {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.select2-selection__choice[title*="Browse all listings" i],
.select2-selection__choice[title*="Browse all" i],
.select2-selection__choice[data-title*="Browse all listings" i] {
    padding-left: 10px !important;
    padding-right: 10px !important;
    background-color: #00967d !important;
    border-color: #00967d !important;
    color: #ffffff !important;
}
/* Kinwi: Dokan Shipping Settings - "Add Shipping Method" Buttons
   1) Main Shipping Zones Table: Ensure complete rectangular button in one piece incorporating
      wrapped text on mobile, and prevent Elementor Kit hover font enlargement / button growth on desktop.
   2) Modal Popup "Add Shipping Method": Consistent sizing, remove large hover growth & 10px drop shadow,
      smooth color change on hover with subtle press active state. */

/* Table button */
html body table.shipping-zone-table tbody tr td p span ~ a,
html body table.shipping-zone-table tbody tr td a[href*="/zone/"] {
  display: inline-block !important;
  background-color: #00967d !important;
  color: #111111 !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  border-radius: 4px !important;
  text-align: center !important;
  white-space: normal !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  margin-top: 6px !important;
  transform: none !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
  text-decoration: none !important;
  font-style: italic !important;
  font-family: "Lora upload", "Lora", serif !important;
  font-weight: 500 !important;
}

html body table.shipping-zone-table tbody tr td p span ~ a:hover,
html body table.shipping-zone-table tbody tr td p span ~ a:focus,
html body table.shipping-zone-table tbody tr td a[href*="/zone/"]:hover,
html body table.shipping-zone-table tbody tr td a[href*="/zone/"]:focus {
  background-color: #111111 !important;
  color: #00967d !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  padding: 6px 12px !important;
  transform: none !important;
  box-shadow: none !important;
  font-style: italic !important;
}

html body table.shipping-zone-table tbody tr td p span ~ a:active,
html body table.shipping-zone-table tbody tr td a[href*="/zone/"]:active {
  transform: scale(0.98) !important;
  background-color: #d4af37 !important;
  color: #111111 !important;
}

/* Modal Popup "Add Shipping Method" button */
html body .dokan-modal-dialog button.button-primary,
html body .dokan-modal-dialog button.button.button-primary.button-large,
html body .dokan-modal-dialog .inner button.button-primary,
html body .modal-content button.button-primary,
html body #dokan-shipping-zone-add-method-popup button.button-primary {
  font-family: "Lora upload", "Lora", serif !important;
  font-size: 14px !important;
  font-style: italic !important;
  font-weight: 500 !important;
  padding: 8px 18px !important;
  background-color: #111111 !important;
  color: #00967d !important;
  border: 1px solid #111111 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
  cursor: pointer !important;
  height: auto !important;
  line-height: 1.4 !important;
}

html body .dokan-modal-dialog button.button-primary:hover,
html body .dokan-modal-dialog button.button-primary:focus,
html body .dokan-modal-dialog button.button.button-primary.button-large:hover,
html body .dokan-modal-dialog button.button.button-primary.button-large:focus,
html body .dokan-modal-dialog .inner button.button-primary:hover,
html body .dokan-modal-dialog .inner button.button-primary:focus,
html body .modal-content button.button-primary:hover,
html body .modal-content button.button-primary:focus,
html body #dokan-shipping-zone-add-method-popup button.button-primary:hover,
html body #dokan-shipping-zone-add-method-popup button.button-primary:focus {
  font-size: 14px !important;
  padding: 8px 18px !important;
  background-color: #00967d !important;
  color: #ffffff !important;
  border-color: #00967d !important;
  box-shadow: none !important;
  transform: none !important;
  font-style: italic !important;
}

html body .dokan-modal-dialog button.button-primary:active,
html body .dokan-modal-dialog button.button.button-primary.button-large:active,
html body .dokan-modal-dialog .inner button.button-primary:active,
html body .modal-content button.button-primary:active,
html body #dokan-shipping-zone-add-method-popup button.button-primary:active {
  transform: scale(0.98) !important;
  background-color: #007a65 !important;
  border-color: #007a65 !important;
  color: #ffffff !important;
}