/* BigBaa brand colors for Dokan's dashboard design-token system
   (assets/css/dokan-tailwind.css's :root block). Everything downstream —
   buttons, links, the active/hover sidebar item — derives from these. */
:root {
	--dokan-button-background-color: #f96812;
	--dokan-button-hover-background-color: #cc550f;
	--dokan-button-border-color: #f96812;
	--dokan-button-hover-border-color: #cc550f;
	--dokan-button-hover-color: #f96812;
	--dokan-button-text-color: #ffffff;
	--dokan-button-hover-text-color: #ffffff;

	--dokan-button-secondary-text-color: #f96812;
	--dokan-button-secondary-hover-border-color: #f96812;
	--dokan-button-secondary-hover-text-color: #f96812;

	--dokan-link-color: #f96812;

	--dokan-sidebar-background-color: #101010;
	--dokan-sidebar-text-color: #cfcfcf;
	--dokan-sidebar-hover-background-color: #f96812;
	--dokan-sidebar-hover-text-color: #ffffff;
}

/* Dokan's vendor onboarding/registration form's "Register" button
   (dokan-lite's own template) renders as a plain
   `<input type="submit" class="woocommerce-Button woocommerce-button button">`
   — the exact same classes the theme styles into a black pill everywhere
   else (main.css:13709-13726), except that rule is scoped to `a.woocommerce-
   Button.button` (an <a> tag) and never matches an <input>, so it fell back
   to the browser's bare default button chrome. Matches the same theme
   here uses for its real login/register submit buttons
   (`.woocommerce-form-login__submit`, main.css:13595) instead of
   reinventing a new style. */
.dokan-vendor-register input[type='submit'].woocommerce-Button,
.dokan-vendor-register input[type='submit'].button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	padding: 0 28px;
	border-radius: 60px;
	background: var(--black, #000000);
	color: var(--white, #ffffff);
	border: 0;
	font-weight: 600;
	cursor: pointer;
	transition: opacity 0.3s ease;
}

.dokan-vendor-register input[type='submit'].woocommerce-Button:hover {
	opacity: 0.85;
}

/* dokan-lite/assets/css/style.css's sidebar menu rules predate the
   variable system above and hardcode the purple directly — same brand
   color, applied where the variables above don't reach. */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a:hover {
	background: #f96812 !important;
}

/* Same file, `.dokan-btn-theme` (e.g. the product-list "Search" button) —
   a second, separate hardcoded-purple button style, distinct from
   `.dokan-btn` which already follows the variables above. */
input[type='submit'].dokan-btn-theme,
a.dokan-btn-theme,
.dokan-btn-theme {
	background-color: #f96812 !important;
	border-color: #f96812 !important;
}

.dokan-btn-theme .badge {
	color: #f96812 !important;
}

/* Remaining hardcoded lighter-purple accents in the same file: the
   disabled+active button state, and hovering a sidebar submenu item. */
input[type='submit'].dokan-btn-theme.active,
a.dokan-btn-theme.active,
fieldset[disabled] a.dokan-btn-theme.active,
fieldset[disabled] .dokan-btn-theme.active,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li ul.sub-menu a:hover {
	background: #f96812 !important;
	border-color: #f96812 !important;
}

/* Sidebar bullet points: `ul.dokan-dashboard-menu` itself correctly sets
   list-style:none, but something else (WordPress's own admin-bar CSS
   appears to leak into this exact page — its list items are also `<li>`
   under an unrelated `ul`) sets list-style-type: disc directly on the
   `<li>` elements themselves, which wins over the inherited none from the
   parent. Killing it explicitly, at the same specificity level, since
   hunting down which of several loaded stylesheets wins by load order
   isn't worth it when this is a guaranteed, harmless fix either way. */
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li {
	list-style-type: none !important;
}

/* ---- "Performance" overview (WooCommerce Admin's own <ul class=
   "woocommerce-summary"> component, shared with wp-admin's Analytics
   screens) — restyled from a cramped flat row into real stat cards. ---- */

.woocommerce-summary {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 14px;
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}

.woocommerce-summary__item-container {
	margin: 0 !important;
}

.woocommerce-summary .woocommerce-summary__item {
	display: block;
	height: 100%;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 12px;
	padding: 18px 20px;
	text-decoration: none;
	box-sizing: border-box;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.woocommerce-summary .woocommerce-summary__item:hover {
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
	transform: translateY(-1px);
}

.woocommerce-summary__item-label {
	font-size: 13px;
	color: #6b7280;
	margin-bottom: 8px;
}

.woocommerce-summary__item-data {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	flex-wrap: wrap;
}

.woocommerce-summary__item-value {
	font-size: 22px;
	font-weight: 700;
	color: #101010;
}

.woocommerce-summary__item-delta {
	font-size: 12px;
	color: #9ca3af;
	background: #f3f4f6;
	padding: 2px 8px;
	border-radius: 999px;
	white-space: nowrap;
}