/* ==========================================================================
   DOKAN REESKIN — targets Dokan Lite's documented CSS class names.
   Only loaded on Dokan dashboard / vendor store pages.
   ========================================================================== */

/* Vendor dashboard sidebar + panels */
.dokan-dashboard .dokan-dash-sidebar .dokan-dashboard-menu li a {
  color: var(--hm-text);
  font-weight: 600;
  border-radius: var(--hm-radius-sm);
}
.dokan-dashboard .dokan-dash-sidebar .dokan-dashboard-menu li.active a,
.dokan-dashboard .dokan-dash-sidebar .dokan-dashboard-menu li a:hover {
  background: var(--hm-blue-600);
  color: var(--hm-white);
}
.dokan-dashboard .dokan-panel,
.dokan-dashboard .dokan-dashboard-content {
  border-radius: var(--hm-radius-md);
  box-shadow: var(--hm-shadow-card);
  border-color: var(--hm-border);
}
.dokan-dashboard .dokan-btn,
.dokan-dashboard .dokan-btn-theme,
.dokan-dashboard button[type="submit"] {
  background: var(--hm-blue-600) !important;
  border-color: var(--hm-blue-600) !important;
  border-radius: var(--hm-radius-sm) !important;
  font-weight: 600;
}
.dokan-dashboard .dokan-btn:hover { background: var(--hm-navy-900) !important; }

/* Store header / storefront banner */
.dokan-store-header,
.store-header {
  background: var(--hm-gradient-hero);
  border-radius: var(--hm-radius-lg);
  color: var(--hm-white);
  overflow: hidden;
}
.dokan-store-header .store-name,
.store-header .store-name { color: var(--hm-white); font-family: var(--hm-font-heading); }

/* Vendor store product grid — align with .hm-grid conventions */
.single-product .dokan-store-menu,
.dokan-store-tabs {
  border-radius: var(--hm-radius-md);
  overflow: hidden;
}
.dokan-store-tabs .dokan-store-tab.active a {
  color: var(--hm-blue-600);
  border-bottom-color: var(--hm-blue-600);
  font-weight: 700;
}

/* Vendor listing page (store-list) — reuse the .hm-card look */
.dokan-vendor-wrap,
.store-list-item {
  border-radius: var(--hm-radius-md) !important;
  box-shadow: var(--hm-shadow-card) !important;
  border: 1px solid var(--hm-border) !important;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.dokan-vendor-wrap:hover { box-shadow: var(--hm-shadow-elevated) !important; transform: translateY(-2px); }
