/* Dokan overrides to match Sasico theme
   This stylesheet is enqueued after Dokan's CSS and before custom page CSS.
   Goal: Map Dokan UI tokens (colors, fonts, radii, focus rings) to Sasico variables
   and normalize component styles (buttons, forms, tables, alerts, menus, store UI).
*/

/* Tokens mapped to Sasico variables (light + dark) */
:root {
  --dokan-primary: var(--sasi-color-primary, #B9FB6A);
  --dokan-text: var(--sasi-color-text-main, #696969);
  --dokan-dark: var(--sasi-color-dark, #0E0E0E);
  --dokan-bg: var(--sasi-bg-color-white, #ffffff);
  --dokan-surface: var(--sasi-bg-color-white, #ffffff);
  --dokan-sidebar-background-color: var(--sasi-bg-color-white, #ffffff);
  --dokan-button-background-color: var(--sasi-btn-bg-color, var(--sasi-color-primary, #B9FB6A));
  --dokan-gray: var(--sasi-color-gray, #EEEEEE);
  --dokan-border: var(--sasi-border-color, #EEEEEE);
  --dokan-radius: var(--sasi-border-radius, 6px);
  --dokan-ring: color-mix(in srgb, var(--dokan-primary) 48%, transparent);
}
.dark-mode {
  --dokan-text: var(--sasi-color-text-main, #FFFFFFA6);
  --dokan-dark: var(--sasi-color-dark, #ffffff);
  --dokan-bg: var(--sasi-bg-color-white, #090D16);
  --dokan-surface: var(--sasi-bg-color-white, #090D16);
  --dokan-sidebar-background-color: var(--sasi-bg-color-white, #090D16);
  --dokan-button-background-color: var(--sasi-btn-bg-color, var(--sasi-color-primary, #B9FB6A));
  --dokan-gray: var(--sasi-color-gray, #FFFFFF1A);
  --dokan-border: var(--sasi-border-color, #FFFFFF1A);
  --dokan-ring: color-mix(in srgb, var(--dokan-primary) 40%, transparent);
}

/* Base typography */
.dokan-dashboard,
.dokan-store {
  font-family: var(--sasi-body-font-family, Inter, sans-serif);
  font-size: var(--sasi-body-font-size, 16px);
  line-height: var(--sasi-body-line-height, 26px);
  color: var(--dokan-text);
  background: var(--dokan-bg);
}
.dokan-dashboard h1,
.dokan-store h1 { font-family: var(--sasi-heading-font-family); color: var(--sasi-heading-color); font-weight: var(--sasi-heading-font-weight-600, 600); font-size: var(--sasi-h1-font-size); line-height: var(--sasi-h1-line-height); margin: var(--sasi-heading-margin); }
.dokan-dashboard h2,
.dokan-store h2 { font-family: var(--sasi-heading-font-family); color: var(--sasi-heading-color); font-weight: var(--sasi-heading-font-weight-600, 600); font-size: var(--sasi-h2-font-size); line-height: var(--sasi-h2-line-height); margin: var(--sasi-heading-margin); }
.dokan-dashboard h3,
.dokan-store h3 { font-family: var(--sasi-heading-font-family); color: var(--sasi-heading-color); font-weight: var(--sasi-heading-font-weight-600, 600); font-size: var(--sasi-h3-font-size); line-height: var(--sasi-h3-line-height); margin: var(--sasi-heading-margin); }
.dokan-dashboard h4,
.dokan-store h4 { font-family: var(--sasi-heading-font-family); color: var(--sasi-heading-color); font-weight: var(--sasi-heading-font-weight-600, 600); font-size: var(--sasi-h4-font-size); line-height: var(--sasi-h4-line-height); margin: var(--sasi-heading-margin); }
.dokan-dashboard h5,
.dokan-store h5 { font-family: var(--sasi-heading-font-family); color: var(--sasi-heading-color); font-weight: var(--sasi-heading-font-weight-600, 600); font-size: var(--sasi-h5-font-size); line-height: var(--sasi-h5-line-height); margin: var(--sasi-heading-margin); }
.dokan-dashboard h6,
.dokan-store h6 { font-family: var(--sasi-heading-font-family); color: var(--sasi-heading-color); font-weight: var(--sasi-heading-font-weight-600, 600); font-size: var(--sasi-h6-font-size); line-height: var(--sasi-h6-line-height); margin: var(--sasi-heading-margin); }

/* Links */
#content .dokan-dashboard a,
#content .dokan-store a { color: var(--sasi-color-link, var(--dokan-text)); }
#content .dokan-dashboard a:hover,
#content .dokan-store a:hover { color: var(--dokan-dark); }

/* Sidebar and navigation */
.dokan-dashboard .dokan-dash-sidebar { background: var(--dokan-surface); border-right: 1px solid var(--dokan-border); }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu { background: var(--dokan-surface); }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu > li { color: var(--sasi-menu-color, var(--dokan-dark)); }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a { color: var(--sasi-menu-color, var(--dokan-dark)); border-radius: var(--dokan-radius); display: flex; align-items: center; gap: 12px; }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a i,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a svg { color: currentColor; fill: currentColor; transition: color 0.2s ease-in-out; }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a i.menu-dropdown::before { color: var(--sasi-arrow-color, var(--sasi-menu-color, var(--dokan-dark))); transition: color 0.2s ease-in-out; }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active { background: var(--sasi-bgmenu-color-hover, var(--dokan-gray)); color: var(--sasi-menu-color-hover, var(--dokan-dark)); }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover > a,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active > a { color: var(--sasi-menu-color-hover, var(--dokan-dark)); }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover a i,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover a svg,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active a i,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active a svg { color: var(--sasi-menu-color-hover, var(--dokan-dark)); }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover a i.menu-dropdown::before,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active a i.menu-dropdown::before { color: var(--sasi-arrow-color-hover, var(--sasi-menu-color-hover, var(--dokan-dark))); }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.has-submenu:after,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover:not(.active).has-submenu:after,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active:after { border-color: transparent var(--sasi-bg-color-smenu, var(--dokan-surface)) transparent transparent; border-left-color: var(--sasi-bg-color-smenu, var(--dokan-surface)); }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.navigation-submenu,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.sub-menu { background: var(--sasi-bg-color-smenu, var(--dokan-surface)); border: 1px solid var(--dokan-border); border-radius: var(--dokan-radius); box-shadow: 0 8px 20px -12px var(--sasi-boxshadow-menu, rgba(0, 0, 0, 0.12)); padding: 6px 0; }
.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.sub-menu li { background: transparent; }
.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.sub-menu li a { color: var(--sasi-menu-color, var(--dokan-dark)); padding: 8px 18px; display: flex; align-items: center; gap: 12px; border-radius: 0; }
.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.current a,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.sub-menu li a:hover { background: var(--sasi-bgmenu-color-hover, var(--dokan-gray)); color: var(--sasi-menu-color-hover, var(--dokan-dark)); }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.navigation-submenu li:hover:before,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.navigation-submenu li.current:before { display: none; }

/* Tabs */
.dokan-tabs .nav-tabs > li > a { border-bottom: 2px solid transparent; }
.dokan-tabs .nav-tabs > li.active > a,
.dokan-tabs .nav-tabs > li > a:hover { color: var(--dokan-dark); border-bottom-color: var(--dokan-primary); }

/* WooCommerce analytics summary + cards */
.dokan-dashboard .woocommerce-summary,
.dokan-dashboard .wc-admin-report,
.dokan-dashboard .woocommerce-card { font-family: var(--sasi-body-font-family, Inter, sans-serif); color: var(--dokan-text); }
.dokan-dashboard .woocommerce-card { background: var(--dokan-surface); border: 1px solid var(--dokan-border); border-radius: var(--dokan-radius); box-shadow: 0 12px 30px -20px var(--sasi-boxshadow-menu, rgba(0, 0, 0, 0.12)); }
.dokan-dashboard .woocommerce-summary .woocommerce-summary__item { background: var(--dokan-surface); border: 1px solid var(--dokan-border); border-radius: calc(var(--dokan-radius) - 2px); padding: 18px 20px; color: var(--sasi-menu-color, var(--dokan-dark)); transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out; }
.dokan-dashboard .woocommerce-summary .woocommerce-summary__item:hover { border-color: color-mix(in srgb, var(--sasi-color-primary, var(--dokan-primary)) 60%, var(--dokan-border)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sasi-color-primary, var(--dokan-primary)) 20%, transparent); }
.dokan-dashboard .woocommerce-summary .woocommerce-summary__item.is-selected { border-color: var(--sasi-color-primary, var(--dokan-primary)); box-shadow: inset 0 -4px 0 var(--sasi-color-primary, var(--dokan-primary)), 0 0 0 3px color-mix(in srgb, var(--sasi-color-primary, var(--dokan-primary)) 18%, transparent); color: var(--sasi-menu-color-hover, var(--dokan-dark)); }
.dokan-dashboard .woocommerce-summary .woocommerce-summary__item-title { font-family: var(--sasi-heading-font-family, var(--sasi-body-font-family, Inter, sans-serif)); font-size: var(--sasi-h6-font-size, 18px); font-weight: var(--sasi-heading-font-weight-600, 600); margin-bottom: 6px; color: var(--dokan-dark); }
.dokan-dashboard .woocommerce-summary .woocommerce-summary__item-value { font-family: var(--sasi-heading-font-family, var(--sasi-body-font-family, Inter, sans-serif)); font-size: clamp(1.75rem, 2vw, 2.25rem); font-weight: var(--sasi-heading-font-weight-600, 600); color: var(--dokan-dark); line-height: 1.2; }
.dokan-dashboard .woocommerce-summary .woocommerce-summary__item-delta,
.dokan-dashboard .woocommerce-summary .woocommerce-summary__item-delta .woocommerce-summary__item-delta-value { color: var(--sasi-color-primary, var(--dokan-primary)); font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }
.dokan-dashboard .woocommerce-summary .woocommerce-summary__item-delta.is-negative,
.dokan-dashboard .woocommerce-summary .woocommerce-summary__item-delta.is-negative .woocommerce-summary__item-delta-value { color: #e64b5f; }
.dokan-dashboard .woocommerce-summary .woocommerce-summary__item-subtitle { font-size: 0.875rem; color: color-mix(in srgb, var(--dokan-text) 75%, var(--dokan-dark)); }
.dokan-dashboard .woocommerce-summary .woocommerce-summary__item .components-checkbox-control__label,
.dokan-dashboard .woocommerce-summary .woocommerce-summary__item .components-base-control__label { font-family: var(--sasi-body-font-family, Inter, sans-serif); color: var(--dokan-text); font-size: 0.875rem; }
.dokan-dashboard .woocommerce-summary .components-checkbox-control__input:focus-visible { box-shadow: 0 0 0 3px var(--dokan-ring); }
.dokan-dashboard .woocommerce-layout .components-select-control__control,
.dokan-dashboard .woocommerce-layout .components-input-control__container,
.dokan-dashboard .woocommerce-layout select.components-select-control__input,
.dokan-dashboard .woocommerce-layout .components-select-control__menu,
.dokan-dashboard .woocommerce-layout .components-select-control__input { background: var(--dokan-surface); border: 1px solid var(--dokan-border); border-radius: var(--dokan-radius); color: var(--dokan-dark); font-family: var(--sasi-body-font-family, Inter, sans-serif); font-size: 0.9375rem; min-height: 48px; }
.dokan-dashboard .woocommerce-layout .components-select-control__control:hover,
.dokan-dashboard .woocommerce-layout .components-select-control__input:hover { border-color: var(--dokan-dark); }
.dokan-dashboard .woocommerce-layout .components-select-control__suffix > svg { color: var(--sasi-arrow-color, var(--dokan-dark)); width: 16px; height: 16px; }
.dokan-dashboard .woocommerce-layout .components-select-control__menu { box-shadow: 0 18px 36px -20px var(--sasi-boxshadow-menu, rgba(0, 0, 0, 0.22)); overflow: hidden; }
.dokan-dashboard .woocommerce-layout .components-popover__content .components-menu-item__button.is-highlighted,
.dokan-dashboard .woocommerce-layout .components-menu-item__button.is-selected { background: var(--sasi-bgmenu-color-hover, var(--dokan-gray)); color: var(--sasi-menu-color-hover, var(--dokan-dark)); }

/* Cards and panels */
.dokan-panel,
.dokan-dashboard-content .dashboard-widget,
.dokan-dashboard .content-half-part,
.dokan-dashboard .content-full-part { background: var(--dokan-surface); border: 1px solid var(--dokan-border); border-radius: var(--dokan-radius); }

/* Forms */
.dokan-form-control,
.dokan-form-group input[type="text"],
.dokan-form-group input[type="email"],
.dokan-form-group input[type="number"],
.dokan-form-group input[type="url"],
.dokan-form-group input[type="password"],
.dokan-form-group textarea,
.dokan-form-group select,
.select2-container .select2-selection { background: var(--dokan-surface); color: var(--dokan-text); border: 1px solid var(--dokan-border); border-radius: var(--dokan-radius); }
.dokan-form-group ::placeholder { color: var(--sasi-color-placeholder-input); opacity: 1; }
.dokan-form-control:focus,
.dokan-form-group input:focus,
.dokan-form-group textarea:focus,
.dokan-form-group select:focus,
.select2-container .select2-selection:focus { outline: none; border-color: var(--dokan-dark); box-shadow: 0 0 0 3px var(--dokan-ring); }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--sasi-btn-bg-color, var(--dokan-primary)); color: var(--sasi-btn-color, var(--dokan-dark)); }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--dokan-text); }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background: var(--sasi-bgmenu-color-hover, var(--dokan-gray)); border-color: var(--dokan-border); color: var(--dokan-dark); }

/* Buttons */
/* Secondary/default button (no size change) */
.dokan-btn,
input[type="submit"].dokan-btn,
button.dokan-btn,
a.dokan-btn { 
    background: var(--dokan-surface) !important; 
    color: var(--dokan-dark) !important; 
    border: 1px solid var(--dokan-dark) !important; 
    border-radius: var(--dokan-radius) !important; 
    font-family: var(--sasi-btn-font-family, var(--sasi-heading-font-family)) !important; 
    font-weight: var(--sasi-btn-font-weight, 600) !important;
    padding: 10px 20px !important;
    transition: all 0.2s ease-in-out !important;
}
.dokan-btn:hover,
.dokan-btn:focus { 
    background: var(--dokan-dark) !important; 
    color: #ffffff !important; 
    border-color: var(--dokan-dark) !important; 
    box-shadow: 0 0 0 3px var(--dokan-ring) !important; 
}
li.dokan-common-links.dokan-clearfix {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 35px;
    margin-top: 25px !important;
    padding-left: 16px !important;
}
li.dokan-common-links.dokan-clearfix:before{
  content: initial;
  display: none;

}
.dokan-common-links > a {
    margin: 0;
    padding: 0 !important;
    display: flex !important;
    width: min-content !important;
}
/* Primary button (no size change) */
.dokan-btn-theme,
.dokan-btn-primary,
input[type="submit"].dokan-btn-theme,
button.dokan-btn-theme,
a.dokan-btn-theme { 
    background: var(--sasi-btn-bg-color, var(--dokan-primary)) !important; 
    color: var(--sasi-btn-color, var(--dokan-dark)) !important; 
    border: var(--sasi-btn-border-width, 1px) solid var(--sasi-btn-border-color, var(--dokan-primary)) !important; 
    border-radius: var(--dokan-radius) !important; 
    font-family: var(--sasi-btn-font-family, var(--sasi-heading-font-family)) !important; 
    font-weight: var(--sasi-btn-font-weight, 600) !important; 
}
.dokan-btn-theme:hover,
.dokan-btn-theme:focus,
.dokan-btn-primary:hover,
.dokan-btn-primary:focus { 
    background: var(--sasi-btn-bg-color-hover, var(--dokan-dark)) !important; 
    color: #ffffff !important; 
    border-color: var(--sasi-btn-border-color-hover, var(--dokan-dark)) !important; 
    box-shadow: 0 0 0 3px var(--dokan-ring) !important; 
}

/* Explicitly override Dokan's theme hover/focus/active block (removes purple fallback) */
input[type='submit'].dokan-btn-theme:hover,
a.dokan-btn-theme:hover,
.dokan-btn-theme:hover,
input[type='submit'].dokan-btn-theme:focus,
a.dokan-btn-theme:focus,
.dokan-btn-theme:focus,
input[type='submit'].dokan-btn-theme:active,
a.dokan-btn-theme:active,
.dokan-btn-theme:active,
input[type='submit'].dokan-btn-theme.active,
a.dokan-btn-theme.active,
.dokan-btn-theme.active,
.open .dropdown-toggleinput[type='submit'].dokan-btn-theme,
.open .dropdown-togglea.dokan-btn-theme,
.open .dropdown-toggle.dokan-btn-theme {
  color: var(--sasi-btn-color-hover, #fff);
  background-color: var(--sasi-btn-bg-color-hover, var(--dokan-dark));
  border-color: var(--sasi-btn-border-color-hover, var(--dokan-dark));
}

/* Button variants */
.dokan-btn-success { background: color-mix(in srgb, #22C55E 85%, var(--dokan-surface)); border-color: color-mix(in srgb, #22C55E 85%, var(--dokan-surface)); color: #fff; }
.dokan-btn-danger { background: color-mix(in srgb, #E64B5F 85%, var(--dokan-surface)); border-color: color-mix(in srgb, #E64B5F 85%, var(--dokan-surface)); color: #fff; }
.dokan-btn-default { background: var(--dokan-surface); color: var(--dokan-dark); border-color: var(--dokan-border); }
.dokan-btn-success { background: color-mix(in srgb, #22C55E 85%, var(--dokan-surface)); border-color: color-mix(in srgb, #22C55E 85%, var(--dokan-surface)); color: #fff; }
.dokan-btn-danger { background: color-mix(in srgb, #E64B5F 85%, var(--dokan-surface)); border-color: color-mix(in srgb, #E64B5F 85%, var(--dokan-surface)); color: #fff; }
.dokan-btn-default { background: var(--dokan-surface); color: var(--dokan-dark); border-color: var(--dokan-border); }

/* Badges / labels / statuses */
.dokan-label, .dokan-badge { border-radius: calc(var(--dokan-radius) - 2px); }
.dokan-label-success { background: color-mix(in srgb, #22C55E 15%, var(--dokan-surface)); color: #126B3A; }
.dokan-label-warning { background: color-mix(in srgb, #F59E0B 18%, var(--dokan-surface)); color: #7A4E0B; }
.dokan-label-danger  { background: color-mix(in srgb, #E64B5F 16%, var(--dokan-surface)); color: #8F1F2B; }
.dokan-order-status { border-radius: var(--dokan-radius); }
.dokan-order-status.status-completed { background: color-mix(in srgb, #22C55E 15%, var(--dokan-surface)); color: #126B3A; }
.dokan-order-status.status-pending   { background: color-mix(in srgb, #F59E0B 18%, var(--dokan-surface)); color: #7A4E0B; }
.dokan-order-status.status-cancelled { background: color-mix(in srgb, #E64B5F 16%, var(--dokan-surface)); color: #8F1F2B; }

/* Tables */
.dokan-table th { color: var(--dokan-dark); font-weight: var(--sasi-heading-font-weight-600, 600); }
.dokan-table th, .dokan-table td { border-color: var(--dokan-border); }
.dokan-table thead { background: color-mix(in srgb, var(--dokan-gray) 35%, transparent); }

/* Pagination */
.dokan-pagination li a { border-color: var(--dokan-border); color: var(--dokan-dark); }
.dokan-pagination li.active a,
.dokan-pagination li a:focus,
.dokan-pagination li a:hover { background: var(--dokan-primary); border-color: var(--dokan-primary); color: var(--dokan-dark); }

/* Alerts */
.dokan-alert { border-radius: var(--dokan-radius); border: 1px solid var(--dokan-border); }
.dokan-alert-info    { background: color-mix(in srgb, var(--dokan-primary) 8%, var(--dokan-surface)); color: var(--dokan-dark); }
.dokan-alert-success { background: color-mix(in srgb, #22C55E 10%, var(--dokan-surface)); color: var(--dokan-dark); }
.dokan-alert-danger  { background: color-mix(in srgb, #E64B5F 10%, var(--dokan-surface)); color: var(--dokan-dark); }

/* Tooltips */
.tooltip .tooltip-inner { background: var(--dokan-dark); color: var(--sasi-color-white, #fff); border-radius: var(--dokan-radius); }
.tooltip.top .tooltip-arrow    { border-top-color: var(--dokan-dark); }
.tooltip.right .tooltip-arrow  { border-right-color: var(--dokan-dark); }
.tooltip.bottom .tooltip-arrow { border-bottom-color: var(--dokan-dark); }
.tooltip.left .tooltip-arrow   { border-left-color: var(--dokan-dark); }

/* Store: filters & lists */
.dokan-store-products-filter-area .product-name-search,
.dokan-store-products-filter-area .orderby-search,
.dokan-store-products-filter-area select,
.dokan-store-products-filter-area input[type="text"] { background: var(--dokan-surface); color: var(--dokan-text); border: 1px solid var(--dokan-border); border-radius: var(--dokan-radius); }
.dokan-store-products-filter-area .product-name-search:focus { border-color: var(--dokan-dark); box-shadow: 0 0 0 3px var(--dokan-ring); }
.dokan-store-products-filter-area #dokan-store-products-search-result { background: var(--dokan-surface); border: 1px solid var(--dokan-border); }
.dokan-store-products-filter-area #dokan-store-products-search-result a { color: var(--dokan-dark); }
.dokan-store-products-filter-area #dokan-store-products-search-result li:hover { background: var(--sasi-bgmenu-color-hover, var(--dokan-gray)); }

/* Product/price/ratings align with theme */
.dokan-dashboard .product-price, .dokan-store .product-price { color: var(--dokan-dark); font-weight: var(--sasi-heading-font-weight-600, 600); }
.star-rating::before { color: var(--sasi-color-empty-star, #0e0e0e15); }
.star-rating span::before { color: var(--dokan-dark); }

/* Breadcrumbs */
.dokan-breadcrumb a { color: var(--sasi-color-link, var(--dokan-text)); }
.dokan-breadcrumb a:hover { color: var(--dokan-dark); }

/* Modals */
.dokan-modal .modal-content { background: var(--dokan-surface); color: var(--dokan-text); border: 1px solid var(--dokan-border); border-radius: var(--dokan-radius); }
.dokan-modal .modal-header { border-bottom-color: var(--dokan-border); }
.dokan-modal .modal-footer { border-top-color: var(--dokan-border); }

/* Uploaders & placeholders */
.dokan-feat-image-upload .instruction-inside, .dokan-gravatar .instruction-inside { color: var(--dokan-text); }
.dokan-upload-area { background: color-mix(in srgb, var(--dokan-gray) 35%, transparent); border: 1px dashed var(--dokan-border); border-radius: var(--dokan-radius); }

/* Search/select controls */
.dokan-form-inline .dokan-form-group .dokan-control-label { color: var(--dokan-dark); }
.dokan-dashboard .dokan-announcement-bg-uread { background-color: var(--dokan-primary) !important; }

/* Store header blocks */
.dokan-single-store .profile-frame { background: var(--dokan-surface); border: 1px solid var(--dokan-border); border-radius: var(--dokan-radius); }
.dokan-single-store .store-social a { color: var(--dokan-dark); }
.dokan-single-store .store-social a:hover { color: var(--sasi-social-color-hover, var(--dokan-dark)); }

/* Focus rings (utility for any clickable) */
.dokan-dashboard a:focus, .dokan-dashboard button:focus, .dokan-store a:focus, .dokan-store button:focus { outline: none; box-shadow: 0 0 0 3px var(--dokan-ring); border-radius: var(--dokan-radius); }

/* WC table links in Dokan areas */
.woocommerce table.shop_table a { color: var(--sasi-color-link, var(--dokan-text)); }
.woocommerce table.shop_table a:hover { color: var(--dokan-dark); }

/* Tailwind-like typography utilities inside Dokan/Woo contexts */
.dokan-dashboard .text-dokan-primary, .dokan-store .text-dokan-primary, .woocommerce .text-dokan-primary { color: var(--dokan-primary) !important; }
.dokan-dashboard .text-xs, .dokan-store .text-xs, .woocommerce .text-xs { font-size: 16px; line-height: 22px; }

/* Ensure .dokan-layout specificity wins vs plugin hover */
.dokan-layout .dokan-btn {
    background: var(--dokan-surface) !important; 
    color: var(--dokan-dark) !important; 
    border: 1px solid var(--dokan-dark) !important;
}
.dokan-layout .dokan-btn:hover { 
    background: var(--dokan-dark) !important; 
    color: #ffffff !important; 
    border-color: var(--dokan-dark) !important; 
}
.dokan-layout .dokan-btn-theme,
.dokan-layout .dokan-btn-primary {
    background: var(--sasi-btn-bg-color, var(--dokan-primary)) !important;
    color: var(--sasi-btn-color, var(--dokan-dark)) !important;
    border-color: var(--sasi-btn-border-color, var(--dokan-primary)) !important;
}
.dokan-layout .dokan-btn-theme:hover, 
.dokan-layout .dokan-btn-primary:hover { 
    background: var(--sasi-btn-bg-color-hover, var(--dokan-dark)) !important; 
    color: #ffffff !important; 
    border-color: var(--sasi-btn-border-color-hover, var(--dokan-dark)) !important; 
}

/* RWD: match Sasico breakpoints */
@media (min-width: 992px) and (max-width: 1199px) {
  .dokan-dashboard h1 { font-size: calc(var(--sasi-h1-font-size) * 0.85); line-height: calc(var(--sasi-h1-line-height) * 0.9); }
  .dokan-dashboard h2 { font-size: calc(var(--sasi-h2-font-size) * 0.9); }
}
@media (min-width: 768px) and (max-width: 991px) {
  .dokan-dashboard h1 { font-size: calc(var(--sasi-h1-font-size) * 0.8); }
  .dokan-dashboard h2 { font-size: calc(var(--sasi-h2-font-size) * 0.85); }
}
@media (max-width: 575px) {
  .dokan-dashboard h1 { font-size: calc(var(--sasi-h1-font-size) * 0.6); line-height: calc(var(--sasi-h1-line-height) * 0.7); }
  .dokan-dashboard h2 { font-size: calc(var(--sasi-h2-font-size) * 0.7); }
  .dokan-dashboard .dokan-dash-sidebar { border-right: 0; }
}

/* Tailwind-like tokens Dokan sometimes uses */
:root {
  --colors-primary-400: var(--dokan-primary);
  --colors-primary-500: var(--dokan-primary);
  --colors-primary-600: var(--dokan-primary);
  --tw-ring-color: color-mix(in srgb, var(--dokan-primary) 50%, transparent);
  --tw-ring-offset-color: var(--dokan-bg);
}
.dark-mode { --tw-ring-color: color-mix(in srgb, var(--dokan-primary) 40%, transparent); }

/* Sidebar: ensure special link rows match theme hover */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a:hover { background: var(--sasi-bgmenu-color-hover, var(--dokan-gray)) !important; color: var(--dokan-dark) !important; }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active ul.navigation-submenu { border-bottom: 0.5px solid var(--dokan-border); }

/* Dashboard widget spacing to match Sasico rhythm */
.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget { padding: 16px 20px; margin-bottom: 20px; box-shadow: 0 1px 1px rgba(0,0,0,.04); }
.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget .widget-title { border-bottom-color: var(--dokan-border); padding: 10px 0; margin-bottom: 12px; }

/* Mobile color fixes */
@media (max-width: 575px) {
  .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover,
  .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active { background: var(--sasi-bgmenu-color-hover, var(--dokan-gray)); color: var(--dokan-dark); }
}

/* WooCommerce: buttons styled like Sasico */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.wc-forward,
.woocommerce .button { background: var(--sasi-btn-bg-color); color: var(--sasi-btn-color); border: var(--sasi-btn-border-width, 1px) solid var(--sasi-btn-border-color, var(--sasi-btn-bg-color)); border-radius: var(--sasi-border-radius, 6px); font-family: var(--sasi-btn-font-family, var(--sasi-heading-font-family)); font-weight: var(--sasi-btn-font-weight, 600); }
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.wc-forward:hover,
.woocommerce .button:hover { background: var(--sasi-btn-bg-color-hover, var(--sasi-color-dark)); color: var(--sasi-btn-color-hover, #fff); border-color: var(--sasi-btn-border-color-hover, var(--sasi-color-dark)); }

/* WooCommerce: summary selected item colors (remove Dokan purple) */
.woocommerce-summary .woocommerce-summary__item { border-radius: var(--sasi-border-radius, 6px); border: 1px solid var(--sasi-border-color); }
.woocommerce-summary .woocommerce-summary__item.is-selected { box-shadow: inset -1px -1px 0 var(--sasi-border-color), inset 1px 0 0 var(--sasi-border-color), inset 0 4px 0 var(--sasi-btn-bg-color) !important; }
.dark-mode .woocommerce-summary .woocommerce-summary__item.is-selected { box-shadow: inset -1px -1px 0 var(--sasi-border-color), inset 1px 0 0 var(--sasi-border-color), inset 0 4px 0 var(--sasi-btn-bg-color) !important; }


.dokan-dashboard-wrap {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 70px;
    padding-right: 70px;
}#dokan-navigation {
	position: sticky;
	top: 140px;
	z-index: 9999;
}
.dokan-progress { background-color: color-mix(in srgb, var(--dokan-border) 60%, transparent); border-radius: var(--dokan-radius); overflow: hidden; }
.dokan-progress .dokan-progress-bar { background-color: var(--sasi-color-primary, var(--dokan-primary)); color: var(--sasi-menu-color-hover, var(--dokan-dark)); font-family: var(--sasi-body-font-family, Inter, sans-serif); font-weight: 600; font-size: 0.875rem; line-height: 1; text-transform: uppercase; letter-spacing: 0.04em; }
.dokan-progress-striped .dokan-progress-bar,
.dokan-progress-bar-striped { background-image: linear-gradient(45deg, rgba(185, 251, 106, 0.45) 25%, transparent 25%, transparent 50%, rgba(185, 251, 106, 0.45) 50%, rgba(185, 251, 106, 0.45) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, color-mix(in srgb, var(--sasi-color-primary, var(--dokan-primary)) 85%, transparent) 25%, transparent 25%, transparent 50%, color-mix(in srgb, var(--sasi-color-primary, var(--dokan-primary)) 85%, transparent) 50%, color-mix(in srgb, var(--sasi-color-primary, var(--dokan-primary)) 85%, transparent) 75%, transparent 75%, transparent); background-size: 28px 28px; }

.woocommerce-dropdown-button__labels span:last-child {
	font-size: 12px;
}
.woocommerce-dropdown-button__labels span:first-child {
	font-size: 13px;
	font-weight: 600;
}
.dokan-progress .dokan-progress-bar {
	min-width: 15%;
	text-align: v;
	line-height: 2rem;
}

/* WordPress components tab panel indicator */
.components-tab-panel__tabs-item {
    position: relative;
    color: var(--dokan-text);
    transition: color 0.2s ease-in-out;
}

.components-tab-panel__tabs-item.is-active {
    color: var(--dokan-dark);
    font-weight: 600;
}

.components-tab-panel__tabs-item:after {
    background: transparent !important;
    border-radius: 0 !important;
    bottom: 0 !important;
    content: "" !important;
    height: 3px !important;
    left: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0 !important;
    transition: background 0.2s ease-in-out !important;
}

.components-tab-panel__tabs-item.is-active:after {
    background: var(--sasi-color-primary, var(--dokan-primary)) !important;
}

/* Dokan text size utility */
.dokan-layout .text-sm {
    font-size: 1.5rem !important;
    line-height: 1.5rem !important;
    color: var(--dokan-text);
}

/* Dropdown arrow rotation on hover */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a i.menu-dropdown {
    transition: transform 0.3s ease-in-out;
    display: inline-block !important;
    visibility: visible !important;
}

.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover a i.menu-dropdown,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active a i.menu-dropdown {
    transform: rotate(360deg);
    display: inline-block !important;
}

/* WordPress components button hover color fix */
.components-button:hover:not(:disabled,[aria-disabled=true]), 
.components-button[aria-expanded=true] {
    color: #1e1e1e !important;
}

/* WooCommerce calendar selected day color fix */
.woocommerce-calendar__react-dates .CalendarDay__selected {
    background: var(--sasi-color-primary, var(--dokan-primary)) !important;
    border: 1px solid var(--dokan-border) !important;
    color: var(--dokan-dark) !important;
}
.components-button:hover:not(:disabled,[aria-disabled=true]), .components-button[aria-expanded=true] {
    color: #1e1e1e !important;
}
.dokan-dashboard-wrap {
    padding-top: 150px;
}
.woocommerce-table__header, .woocommerce-table__item {
    font-size: 1.2rem;
}
.woocommerce-layout a, .woocommerce-layout .statement-order-id, .woocommerce-layout .woocommerce-table__breadcrumbs {
    color: #1e1e1e;
}
.woocommerce-filters-filter__content-list-item.is-selected .woocommerce-filters-filter__button:before {
    background-color: var(--sasi-color-primary);
}
.dokan-layout .\!text-dokan-primary {
    color: #1e1e1e !important;
}
.dokan-layout .\!border-dokan-btn {
    border-color: var(--sasi-color-primary) !important;
}

/* Override Tailwind bg-purple and bg-green classes on Dokan buttons */
.dokan-btn.bg-purple-600,
.dokan-btn.bg-purple-700,
.dokan-btn-theme.bg-purple-600,
.dokan-btn-theme.bg-purple-700 {
    background: var(--sasi-btn-bg-color, var(--dokan-primary)) !important;
    color: var(--sasi-btn-color, var(--dokan-dark)) !important;
    border-color: var(--sasi-btn-border-color, var(--dokan-primary)) !important;
}

.dokan-btn.bg-purple-600:hover,
.dokan-btn.bg-purple-700:hover,
.dokan-btn.hover\:bg-purple-700:hover,
.dokan-btn-theme.bg-purple-600:hover,
.dokan-btn-theme.bg-purple-700:hover {
    background: var(--sasi-btn-bg-color-hover, var(--dokan-dark)) !important;
    color: #ffffff !important;
    border-color: var(--sasi-btn-border-color-hover, var(--dokan-dark)) !important;
}

.dokan-btn.bg-green-600,
.dokan-btn.bg-green-700,
.dokan-btn-theme.bg-green-600,
.dokan-btn-theme.bg-green-700 {
    background: var(--sasi-btn-bg-color, var(--dokan-primary)) !important;
    color: var(--sasi-btn-color, var(--dokan-dark)) !important;
    border-color: var(--sasi-btn-border-color, var(--dokan-primary)) !important;
}

.dokan-btn.bg-green-600:hover,
.dokan-btn.bg-green-700:hover,
.dokan-btn.hover\:bg-green-700:hover,
.dokan-btn-theme.bg-green-600:hover,
.dokan-btn-theme.bg-green-700:hover {
    background: var(--sasi-btn-bg-color-hover, var(--dokan-dark)) !important;
    color: #ffffff !important;
    border-color: var(--sasi-btn-border-color-hover, var(--dokan-dark)) !important;
}

/* Dokan link color fixes */
.dokan-layout .dokan-link {
    color: var(--sasi-color-link, var(--dokan-text)) !important;
    text-decoration-line: none !important;
    transition-property: color !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 200ms !important;
}

.dokan-layout .dokan-link:hover,
.dokan-layout .dokan-link:focus {
    color: var(--dokan-dark) !important;
    text-decoration-line: underline !important;
}

/* Dokan link with !important class fix */
.dokan-layout .\!dokan-link {
    color: var(--sasi-color-link, var(--dokan-text)) !important;
}

.dokan-layout .\!dokan-link:hover,
.dokan-layout .\!dokan-link:focus {
    color: var(--dokan-dark) !important;
    text-decoration-line: underline !important;
}

/* Dokan secondary button fix */
.dokan-layout .dokan-btn-secondary {
    border: 1px solid var(--dokan-dark) !important;
    background-color: var(--dokan-surface) !important;
    color: var(--dokan-dark) !important;
    box-shadow: none !important;
    --tw-ring-color: var(--dokan-dark) !important;
    transition-property: color, background-color, border-color !important;
    transition-duration: 200ms !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.dokan-layout .dokan-btn-secondary:hover,
.dokan-layout .dokan-btn-secondary:focus {
    border-color: var(--dokan-dark) !important;
    background-color: var(--dokan-dark) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px var(--dokan-ring) !important;
    --tw-ring-offset-width: 0px !important;
}
div#dokan-secondary {
    display: none;
}
body.dokan-store div#primary {
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 150px;
    width: 100%;
}
body.dokan-store select.orderby.orderby-search {
    display: none;
}
.dokan-store-products-filter-area.dokan-clearfix {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.dokan-store-products-filter-area.dokan-clearfix {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
}
.dokan-store-products-filter-area .dokan-store-products-ordeby {
    width: auto;
    margin: auto;
    position: relative;
    display: flex;
    margin-right: 0;
    grid-gap: 10px !important;
}
body.dokan-store div#dokan-content {
    position: relative;
}
body.dokan-store ul.dokan-modules-button {
    position: absolute;
    top: 0;
    border: none !important;
    right: 0;
}
body.dokan-store .dokan-single-store .dokan-store-tabs ul.dokan-list-inline {
    display: none;
}
.dokan-store-products-filter-area.dokan-clearfix {
    margin-top: 25px;
}
.woocommerce ul.products li.product .button {
    display: flex;
}
.add-to-cart-inner {
    width: max-content;
    margin: auto;
}
form.dokan-store-products-ordeby {
    display: none !important;
}
body.woocommerce-page aside#primary-sidebar {
    display: none;
}
div#customer_login {
    padding-top: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.wp-block-woocommerce-cart.alignwide {
    padding-top: 150px;
}
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    padding-top: 150px;
}
.woocommerce-checkout h3 {
    font-size: 26px;
}
aside.dokan-frontend-sidebar {
    display: none !important;
}