/**
 * TMO Global UI: native Dokan dashboard adapter.
 *
 * Guided seller-start, setup, payment/store setup and product-editor contexts
 * are protected server-side. Selectors also avoid their custom component roots.
 * No display property is set here, preserving Dokan/TMO visibility controls.
 */

/* Live legacy bridge 1–2: forced dark native status-panel presentation. */
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dashboard-content .dokan-status-panel {
	background-color: var(--tmo-ui-surface) !important;
	color: var(--tmo-ui-text) !important;
}

/* Live legacy bridge 3–4: forced dark native table headers. */
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dashboard-content .dokan-table th {
	background-color: var(--tmo-ui-surface-subtle) !important;
	color: var(--tmo-ui-text) !important;
}

/* Live legacy bridge 5–6: forced dark native table cells. */
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dashboard-content .dokan-table td {
	background-color: var(--tmo-ui-surface) !important;
	color: var(--tmo-ui-text-secondary) !important;
}

/*
 * Native Dokan shell.
 *
 * These variables live only on Dokan's verified classic/modern sidebar roots.
 * The adapter class is emitted only for approved native contexts, so protected
 * guided, setup, payment and product-editor flows never receive this
 * presentation. No new !important declarations are needed.
 */
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar,
body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root .dokan-frontend-layout .dokan-frontend-sidebar {
	--dokan-sidebar-background-color: var(--tmo-ui-surface);
	--dokan-sidebar-text-color: var(--tmo-ui-text-secondary);
	--dokan-sidebar-hover-background-color: var(--tmo-ui-brand);
	--dokan-sidebar-hover-text-color: var(--tmo-ui-on-brand);
}

/* Classic Dokan sidebar and its two verified submenu variants. */
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar,
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu,
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.navigation-submenu,
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.navigation-submenu li,
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.sub-menu {
	background-color: var(--tmo-ui-surface);
	color: var(--tmo-ui-text-secondary);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li > a {
	color: var(--tmo-ui-text-secondary);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li > a :where(i, svg) {
	color: currentColor;
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu > li:hover,
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu > li.active,
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.navigation-submenu li:hover,
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.navigation-submenu li.current {
	background-color: var(--tmo-ui-brand);
	color: var(--tmo-ui-on-brand);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu > li:hover > a,
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu > li.active > a,
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.navigation-submenu li:hover > a,
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.navigation-submenu li.current > a {
	color: var(--tmo-ui-on-brand);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links > a:hover,
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.sub-menu a:hover {
	background-color: var(--tmo-ui-brand);
	color: var(--tmo-ui-on-brand);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.sub-menu,
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.sub-menu li {
	border-color: var(--tmo-ui-border);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.sub-menu a {
	color: var(--tmo-ui-text-secondary);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li > a:focus-visible {
	box-shadow:
		inset 0 0 0 2px var(--tmo-ui-surface),
		inset 0 0 0 5px var(--tmo-ui-focus);
}

/* Classic content header; this is not the unresolved analytics Overview header. */
body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap header.dokan-dashboard-header {
	background-color: var(--tmo-ui-surface);
	color: var(--tmo-ui-text);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap header.dokan-dashboard-header h1 {
	border-color: var(--tmo-ui-border);
	color: var(--tmo-ui-text);
	font-family: var(--tmo-ui-font-heading);
}

/* Analytics Overview header rendered outside #content. */
body.tmo-ui-active.tmo-ui-adapter-dokan #dokan-dashboard-fullwidth-wrapper .woocommerce-layout__header-wrapper {
	background-color: var(--tmo-ui-surface) !important;
	color: var(--tmo-ui-text) !important;
}

/*
 * Modern Dokan layout. The local text-variable switch lets Dokan's existing
 * important base link colour resolve to the accessible on-brand state without
 * adding another important declaration.
 */
body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root .dokan-frontend-layout .dokan-frontend-sidebar {
	background-color: var(--tmo-ui-surface);
	color: var(--tmo-ui-text-secondary);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root .dokan-frontend-layout .dokan-frontend-sidebar > a > span {
	color: var(--tmo-ui-text);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root .dokan-frontend-layout .dokan-frontend-sidebar .site-icon {
	background-color: var(--tmo-ui-brand);
	color: var(--tmo-ui-on-brand);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root .dokan-frontend-layout .dokan-frontend-sidebar li a:is(:hover, .active) {
	--dokan-sidebar-text-color: var(--tmo-ui-on-brand);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root .dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .store-name {
	color: var(--tmo-ui-text);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root .dokan-frontend-layout .dokan-frontend-sidebar .sidebar-footer .subscription-info {
	color: var(--tmo-ui-text-muted);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root .dokan-frontend-layout .dokan-frontend-sidebar li a:focus-visible,
body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root button[aria-label="Toggle sidebar menu"]:focus-visible,
body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root .dokan-frontend-layout-header :where(.visit-store, .header-avatar):focus-visible {
	box-shadow:
		inset 0 0 0 2px var(--tmo-ui-surface),
		inset 0 0 0 5px var(--tmo-ui-focus);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root button[aria-label="Toggle sidebar menu"] {
	--dokan-button-tertiary-hover-background-color: var(--tmo-ui-surface-subtle);

	background-color: var(--tmo-ui-surface);
	color: var(--tmo-ui-text-secondary);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root button[aria-label="Toggle sidebar menu"]:hover {
	background-color: var(--tmo-ui-surface-subtle);
	color: var(--tmo-ui-text);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root .dokan-frontend-layout-header .visit-store {
	--dokan-button-secondary-text-color: var(--tmo-ui-link);

	color: var(--tmo-ui-text-secondary);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root .dokan-frontend-layout-header .visit-store:hover,
body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root .dokan-frontend-layout-header .header-avatar:hover svg,
body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root .dokan-frontend-layout-header .header-avatar svg.active {
	color: var(--tmo-ui-link-hover);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content #dokan-vendor-dashboard-layout-root .dokan-frontend-layout-header :where(.visit-store, .header-avatar) svg {
	color: var(--tmo-ui-text-muted);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content > :not(.tmo-seller-start):not(.tmo-first-product-builder),
	#dokan-vendor-dashboard-layout-root main > :not(.tmo-seller-start):not(.tmo-first-product-builder)
) {
	box-sizing: border-box;
	min-width: 0;
	color: var(--tmo-ui-text);
	font-family: var(--tmo-ui-font-body);
	font-size: var(--tmo-ui-font-size-md);
	line-height: var(--tmo-ui-line-height-body);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-status-panel,
	.dokan-dashboard-widget,
	.dashboard-widget,
	.dokan-product-listing-area,
	.dokan-orders-content,
	.dokan-withdraw-content,
	.dokan-report-wrap
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) {
	box-sizing: border-box;
	min-width: 0;
	margin-bottom: var(--tmo-ui-space-6);
	padding: var(--tmo-ui-space-6);
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-border);
	border-radius: var(--tmo-ui-radius-card);
	background-color: var(--tmo-ui-surface);
	box-shadow: var(--tmo-ui-shadow-sm);
	color: var(--tmo-ui-text);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-status-panel,
	.dokan-dashboard-widget,
	.dashboard-widget,
	.dokan-product-listing-area,
	.dokan-orders-content,
	.dokan-withdraw-content,
	.dokan-report-wrap
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) > :first-child {
	margin-top: 0;
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-status-panel,
	.dokan-dashboard-widget,
	.dashboard-widget,
	.dokan-product-listing-area,
	.dokan-orders-content,
	.dokan-withdraw-content,
	.dokan-report-wrap
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) > :last-child {
	margin-bottom: 0;
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-status-panel,
	.dokan-dashboard-widget,
	.dashboard-widget,
	.dokan-product-listing-area,
	.dokan-orders-content,
	.dokan-withdraw-content,
	.dokan-report-wrap
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) h2 {
	margin: 0 0 var(--tmo-ui-space-5);
	color: var(--tmo-ui-text);
	font-family: var(--tmo-ui-font-heading);
	font-size: var(--tmo-ui-font-size-2xl);
	font-weight: var(--tmo-ui-font-weight-bold);
	letter-spacing: -0.015em;
	line-height: var(--tmo-ui-line-height-heading);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-status-panel,
	.dokan-dashboard-widget,
	.dashboard-widget,
	.dokan-product-listing-area,
	.dokan-orders-content,
	.dokan-withdraw-content,
	.dokan-report-wrap
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) h3 {
	margin: 0 0 var(--tmo-ui-space-3);
	color: var(--tmo-ui-text);
	font-family: var(--tmo-ui-font-body);
	font-size: var(--tmo-ui-font-size-xl);
	font-weight: var(--tmo-ui-font-weight-bold);
	line-height: 1.35;
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-status-panel,
	.dokan-dashboard-widget,
	.dashboard-widget,
	.dokan-product-listing-area,
	.dokan-orders-content,
	.dokan-withdraw-content,
	.dokan-report-wrap
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) :where(p, li) {
	color: var(--tmo-ui-text-secondary);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-btn,
	button[type="submit"],
	input[type="submit"]
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) {
	min-width: var(--tmo-ui-touch-target);
	min-height: var(--tmo-ui-touch-target);
	margin: 0;
	padding: 0.625rem 1rem;
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-border-strong);
	border-radius: var(--tmo-ui-radius-button);
	background-color: var(--tmo-ui-surface);
	box-shadow: none;
	color: var(--tmo-ui-link);
	font-family: var(--tmo-ui-font-body);
	font-size: 0.9375rem;
	font-weight: var(--tmo-ui-font-weight-semibold);
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	appearance: none;
	cursor: pointer;
	transition:
		background-color var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard),
		border-color var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard),
		box-shadow var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard),
		transform var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-btn-theme,
	.dokan-btn-success,
	button[type="submit"],
	input[type="submit"]
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) {
	border-color: var(--tmo-ui-brand);
	background-color: var(--tmo-ui-brand);
	box-shadow: var(--tmo-ui-shadow-xs);
	color: var(--tmo-ui-on-brand);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-btn,
	button[type="submit"],
	input[type="submit"]
):not(.tmo-seller-start *):not(.tmo-first-product-builder *):not(:disabled):not([aria-disabled="true"]):hover {
	border-color: var(--tmo-ui-brand-hover);
	background-color: var(--tmo-ui-brand-hover);
	box-shadow: var(--tmo-ui-shadow-sm);
	color: var(--tmo-ui-on-brand);
	transform: translateY(-1px);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-btn,
	button[type="submit"],
	input[type="submit"]
):not(.tmo-seller-start *):not(.tmo-first-product-builder *):not(:disabled):not([aria-disabled="true"]):active {
	border-color: var(--tmo-ui-brand-active);
	background-color: var(--tmo-ui-brand-active);
	box-shadow: var(--tmo-ui-shadow-xs);
	transform: translateY(0);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-btn,
	button[type="submit"],
	input[type="submit"]
):not(.tmo-seller-start *):not(.tmo-first-product-builder *):is(:disabled, [aria-disabled="true"], .disabled) {
	border-color: var(--tmo-ui-disabled-surface);
	background-color: var(--tmo-ui-disabled-surface);
	box-shadow: none;
	color: var(--tmo-ui-disabled-text);
	cursor: not-allowed;
	transform: none;
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-form-group,
	.dokan-form-horizontal,
	.dokan-product-listing-area,
	.dokan-orders-content,
	.dokan-withdraw-content,
	.dokan-report-wrap
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) :where(
	.dokan-form-control,
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="tel"],
	input[type="url"],
	input[type="number"],
	input[type="search"],
	select,
	textarea
) {
	box-sizing: border-box;
	width: 100%;
	min-height: var(--tmo-ui-control-height);
	padding: 0.625rem 0.75rem;
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-border-strong);
	border-radius: var(--tmo-ui-radius-input);
	background-color: var(--tmo-ui-surface);
	box-shadow: var(--tmo-ui-shadow-xs);
	color: var(--tmo-ui-text);
	font-family: var(--tmo-ui-font-body);
	font-size: var(--tmo-ui-font-size-md);
	line-height: var(--tmo-ui-line-height-ui);
	transition:
		border-color var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard),
		box-shadow var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard),
		background-color var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-form-group,
	.dokan-form-horizontal,
	.dokan-product-listing-area,
	.dokan-orders-content,
	.dokan-withdraw-content,
	.dokan-report-wrap
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) :where(
	.dokan-form-control,
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="tel"],
	input[type="url"],
	input[type="number"],
	input[type="search"],
	select,
	textarea
):focus {
	border-color: var(--tmo-ui-focus);
	box-shadow: 0 0 0 var(--tmo-ui-focus-width) var(--tmo-ui-focus-ring);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-form-group,
	.dokan-form-horizontal
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) > label {
	margin-bottom: var(--tmo-ui-space-2);
	color: var(--tmo-ui-text);
	font-size: var(--tmo-ui-font-size-sm);
	font-weight: var(--tmo-ui-font-weight-semibold);
	line-height: var(--tmo-ui-line-height-ui);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-form-group,
	.dokan-form-horizontal
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) :where(.help-block, .description) {
	margin-top: var(--tmo-ui-space-2);
	color: var(--tmo-ui-text-muted);
	font-size: var(--tmo-ui-font-size-sm);
	line-height: var(--tmo-ui-line-height-ui);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-form-group,
	.dokan-form-horizontal
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) :where(input[type="checkbox"], input[type="radio"]) {
	accent-color: var(--tmo-ui-brand);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-table,
	.dokan-product-listing-area table,
	.dokan-orders-content table,
	.dokan-withdraw-content table,
	.dokan-report-wrap table
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) {
	width: 100%;
	margin: 0 0 var(--tmo-ui-space-6);
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-border);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: var(--tmo-ui-radius-card);
	background-color: var(--tmo-ui-surface);
	color: var(--tmo-ui-text);
	font-size: var(--tmo-ui-font-size-sm);
	line-height: var(--tmo-ui-line-height-ui);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-table,
	.dokan-product-listing-area table,
	.dokan-orders-content table,
	.dokan-withdraw-content table,
	.dokan-report-wrap table
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) :where(th, td) {
	padding: var(--tmo-ui-space-3) var(--tmo-ui-space-4);
	border: 0;
	border-bottom: var(--tmo-ui-border-width) solid var(--tmo-ui-border);
	color: var(--tmo-ui-text-secondary);
	text-align: start;
	vertical-align: middle;
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-table,
	.dokan-product-listing-area table,
	.dokan-orders-content table,
	.dokan-withdraw-content table,
	.dokan-report-wrap table
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) thead th {
	background-color: var(--tmo-ui-surface-subtle);
	color: var(--tmo-ui-text);
	font-size: 0.8125rem;
	font-weight: var(--tmo-ui-font-weight-semibold);
	letter-spacing: 0.025em;
	text-transform: uppercase;
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-table,
	.dokan-product-listing-area table,
	.dokan-orders-content table,
	.dokan-withdraw-content table,
	.dokan-report-wrap table
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) tbody tr:last-child > :where(th, td) {
	border-bottom: 0;
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-label,
	.dokan-status,
	.order-status
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) {
	min-height: 1.75rem;
	padding: 0.25rem 0.625rem;
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-info-border);
	border-radius: var(--tmo-ui-radius-pill);
	background-color: var(--tmo-ui-info-surface);
	color: var(--tmo-ui-info-text);
	font-size: var(--tmo-ui-font-size-xs);
	font-weight: var(--tmo-ui-font-weight-semibold);
	line-height: 1.25;
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-alert,
	.dokan-message,
	.dokan-info,
	.dokan-error
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) {
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 var(--tmo-ui-space-5);
	padding: var(--tmo-ui-space-4);
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-info-border);
	border-left-width: 4px;
	border-radius: var(--tmo-ui-radius-input);
	background-color: var(--tmo-ui-info-surface);
	color: var(--tmo-ui-info-text);
	font-size: var(--tmo-ui-font-size-sm);
	font-weight: var(--tmo-ui-font-weight-medium);
	line-height: var(--tmo-ui-line-height-ui);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) .dokan-message:not(.tmo-seller-start *):not(.tmo-first-product-builder *) {
	border-color: var(--tmo-ui-success-border);
	background-color: var(--tmo-ui-success-surface);
	color: var(--tmo-ui-success-text);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) .dokan-error:not(.tmo-seller-start *):not(.tmo-first-product-builder *) {
	border-color: var(--tmo-ui-error-border);
	background-color: var(--tmo-ui-error-surface);
	color: var(--tmo-ui-error-text);
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	.dokan-pagination-container,
	.pagination-wrap
):not(.tmo-seller-start *):not(.tmo-first-product-builder *) :where(a, span) {
	min-width: var(--tmo-ui-touch-target);
	min-height: var(--tmo-ui-touch-target);
	padding: var(--tmo-ui-space-2);
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-border);
	border-radius: var(--tmo-ui-radius-input);
	background-color: var(--tmo-ui-surface);
	color: var(--tmo-ui-text-secondary);
	font-size: var(--tmo-ui-font-size-sm);
	font-weight: var(--tmo-ui-font-weight-semibold);
	line-height: 1;
	text-decoration: none;
}

body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
	.dokan-dashboard-wrap .dokan-dashboard-content,
	#dokan-vendor-dashboard-layout-root main
) :where(
	a[href],
	button,
	input:not([type="hidden"]),
	select,
	textarea,
	summary,
	[tabindex]:not([tabindex="-1"])
):not(.tmo-seller-start *):not(.tmo-first-product-builder *):focus-visible {
	outline: var(--tmo-ui-focus-width) solid var(--tmo-ui-focus);
	outline-offset: 3px;
}

@media (max-width: 63.9375rem) {
	body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
		.dokan-dashboard-wrap .dokan-dashboard-content,
		#dokan-vendor-dashboard-layout-root main
	) :where(
		.dokan-status-panel,
		.dokan-dashboard-widget,
		.dashboard-widget,
		.dokan-product-listing-area,
		.dokan-orders-content,
		.dokan-withdraw-content,
		.dokan-report-wrap
	):not(.tmo-seller-start *):not(.tmo-first-product-builder *) {
		padding: var(--tmo-ui-space-5);
	}
}

/* Dokan exposes its classic mobile navigation at 450px and below. */
@media (max-width: 28.125rem) {
	body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar #dokan-navigation > #mobile-menu-icon {
		border-color: var(--tmo-ui-border-strong);
		background-color: var(--tmo-ui-surface);
		color: var(--tmo-ui-text);
	}

	body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar #dokan-navigation > #mobile-menu-icon:hover {
		background-color: var(--tmo-ui-surface-subtle);
	}

	body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar #dokan-navigation > #mobile-menu-icon:focus-visible {
		box-shadow: 0 0 0 var(--tmo-ui-focus-width) var(--tmo-ui-focus-ring);
	}

	body.tmo-ui-active.tmo-ui-adapter-dokan #content .dokan-dashboard-wrap .dokan-dash-sidebar #dokan-navigation > input:checked + ul.dokan-dashboard-menu {
		background-color: var(--tmo-ui-surface);
		color: var(--tmo-ui-text);
	}
}

@media (max-width: 47.9375rem) {
	body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
		.dokan-dashboard-wrap .dokan-dashboard-content,
		#dokan-vendor-dashboard-layout-root main
	) :where(
		.dokan-status-panel,
		.dokan-dashboard-widget,
		.dashboard-widget,
		.dokan-product-listing-area,
		.dokan-orders-content,
		.dokan-withdraw-content,
		.dokan-report-wrap
	):not(.tmo-seller-start *):not(.tmo-first-product-builder *) {
		padding: var(--tmo-ui-space-4);
		border-radius: var(--tmo-ui-radius-input);
	}

	body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
		.dokan-dashboard-wrap .dokan-dashboard-content,
		#dokan-vendor-dashboard-layout-root main
	) :where(
		.dokan-product-listing-area,
		.dokan-orders-content,
		.dokan-withdraw-content,
		.dokan-report-wrap
	):not(.tmo-seller-start *):not(.tmo-first-product-builder *) {
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
		.dokan-dashboard-wrap .dokan-dashboard-content,
		#dokan-vendor-dashboard-layout-root main
	) :where(
		.dokan-table,
		.dokan-product-listing-area table,
		.dokan-orders-content table,
		.dokan-withdraw-content table,
		.dokan-report-wrap table
	):not(.tmo-seller-start *):not(.tmo-first-product-builder *) :where(th, td) {
		white-space: nowrap;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.tmo-ui-active.tmo-ui-adapter-dokan #content :where(
		.dokan-dashboard-wrap .dokan-dashboard-content,
		#dokan-vendor-dashboard-layout-root main
	) :where(.dokan-btn, button, input, select, textarea):not(.tmo-seller-start *):not(.tmo-first-product-builder *) {
		transition-duration: 0.01ms;
		transform: none;
	}
}

/*
 * Public Dokan store.
 *
 * This presentation is gated by Dokan's native store-page conditional and the
 * dedicated context class. Explicit component selectors leave the separately
 * owned .tmo-seller-preview-step guidance completely untouched.
 */
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan.tmo-dokan-public-storefront {
	--tmo-ui-brand: #7a58dd;
	--tmo-ui-brand-hover: #8d70e5;
	--tmo-ui-brand-active: #6544c4;
	--tmo-ui-brand-soft: #2b2444;
	--tmo-ui-on-brand: #ffffff;
	--tmo-ui-canvas: #090b10;
	--tmo-ui-surface: #141821;
	--tmo-ui-surface-subtle: #1c212c;
	--tmo-ui-surface-raised: #202632;
	--tmo-ui-text: #f7f8fc;
	--tmo-ui-text-secondary: #c7cdd8;
	--tmo-ui-text-muted: #94a3b8;
	--tmo-ui-text-inverse: #f7f8fc;
	--tmo-ui-link: #b7a7f5;
	--tmo-ui-link-hover: #d0c6fa;
	--tmo-ui-border: #303746;
	--tmo-ui-border-strong: #596781;
	--tmo-ui-focus: #9d85f2;
	--tmo-ui-focus-ring: rgba(157, 133, 242, 0.32);
	--tmo-ui-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.34);
	--tmo-ui-shadow-sm: 0 8px 22px rgba(0, 0, 0, 0.38);
	--tmo-ui-shadow-md: 0 18px 42px rgba(0, 0, 0, 0.48);
	color-scheme: dark;
	background-color: var(--tmo-ui-canvas);
	color: var(--tmo-ui-text);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan.tmo-dokan-public-storefront #page,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan.tmo-dokan-public-storefront #content.site-content {
	background-color: var(--tmo-ui-canvas);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan.tmo-dokan-public-storefront #content .woocommerce-breadcrumb {
	display: none;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content.site-content > .container {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--tmo-ui-container-wide);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #primary.content-area,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #main.site-main,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content .dokan-store-wrap,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-primary,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content {
	box-sizing: border-box;
	min-width: 0;
	max-width: 100%;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content .dokan-store-wrap {
	width: 100%;
	margin-block: var(--tmo-ui-space-5) var(--tmo-ui-space-12);
}

/*
 * Dokan emits whitespace inside an otherwise empty sidebar, so :empty is not
 * reliable. Any real widget element keeps the native sidebar layout intact.
 */
@supports selector(:has(*)) {
	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content .dokan-store-wrap > #dokan-secondary:not(:has(*)) {
		display: none;
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content .dokan-store-wrap > #dokan-primary {
		flex: 1 1 100%;
		float: none;
		width: 100%;
		max-width: none;
		margin-inline: 0;
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content .dokan-store-wrap:has(> #dokan-secondary > *) > #dokan-primary {
		flex: 0 1 100%;
		width: auto;
	}
}

/* Store identity surface. */
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-profile-frame-wrapper {
	overflow: visible;
	margin-bottom: var(--tmo-ui-space-10);
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-border);
	border-radius: var(--tmo-ui-radius-modal);
	background-color: var(--tmo-ui-surface);
	box-shadow: var(--tmo-ui-shadow-md);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-frame,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info-box {
	border-radius: var(--tmo-ui-radius-modal) var(--tmo-ui-radius-modal) 0 0;
	background-color: var(--tmo-ui-surface-subtle);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info-img {
	display: block;
	width: 100%;
	height: clamp(20rem, 32vw, 28rem);
	margin: 0;
	border-radius: var(--tmo-ui-radius-modal) var(--tmo-ui-radius-modal) 0 0;
	object-fit: cover;
}

/*
 * WordPress Additional CSS sets this background with !important. This exact
 * store-only bridge needs the same priority and changes no layout geometry.
 */
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info-summery-wrapper {
	position: relative;
	min-height: 7rem;
	padding-inline: var(--tmo-ui-space-6);
	border-top: var(--tmo-ui-border-width) solid var(--tmo-ui-border);
	background-color: rgba(20, 24, 33, 0.96) !important;
	box-shadow: 0 -10px 34px rgba(0, 0, 0, 0.34);
	backdrop-filter: blur(12px);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info-summery {
	display: grid;
	grid-template-columns: 9rem minmax(0, 1fr);
	align-items: start;
	gap: var(--tmo-ui-space-5);
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	padding-right: 7rem;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info-head,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info {
	float: none;
	width: auto;
	min-width: 0;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info-head .profile-img,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info-head .profile-img img {
	box-sizing: border-box;
	width: 9rem;
	height: 9rem;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info-head .profile-img img {
	padding: 0.25rem;
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-border-strong);
	border-radius: var(--tmo-ui-radius-card);
	background-color: var(--tmo-ui-surface);
	box-shadow: var(--tmo-ui-shadow-md);
	object-fit: cover;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info .store-name {
	margin: var(--tmo-ui-space-2) 0 var(--tmo-ui-space-4);
	color: var(--tmo-ui-text);
	font-family: var(--tmo-ui-font-heading);
	font-size: clamp(1.5rem, 2.2vw, 2rem);
	font-weight: var(--tmo-ui-font-weight-extrabold);
	letter-spacing: -0.025em;
	line-height: var(--tmo-ui-line-height-tight);
	text-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info .dokan-store-info {
	margin: 0;
	padding: 0;
	color: var(--tmo-ui-text-secondary);
	font-family: var(--tmo-ui-font-body);
	font-size: var(--tmo-ui-font-size-sm);
	font-weight: var(--tmo-ui-font-weight-medium);
	line-height: var(--tmo-ui-line-height-ui);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info .dokan-store-info li {
	margin-bottom: var(--tmo-ui-space-2);
	color: var(--tmo-ui-text-secondary);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info .dokan-store-info a {
	color: var(--tmo-ui-link);
	font-weight: var(--tmo-ui-font-weight-semibold);
	text-decoration: none;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info .dokan-store-info a:hover {
	color: var(--tmo-ui-link-hover);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info .dokan-store-email {
	display: none;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .tmo-dokan-store-profile-link {
	color: inherit;
	text-decoration: none;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .tmo-dokan-store-profile-link--avatar {
	display: block;
	border-radius: inherit;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .tmo-dokan-store-profile-link--name:hover {
	color: var(--tmo-ui-link-hover);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .store-social {
	display: flex;
	align-items: center;
	gap: var(--tmo-ui-space-2);
	margin: 0;
	padding: 0;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .store-social > li {
	margin: 0;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .store-social > li > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-border);
	border-radius: var(--tmo-ui-radius-pill);
	background-color: var(--tmo-ui-surface-raised);
	box-shadow: var(--tmo-ui-shadow-sm);
	color: var(--tmo-ui-link);
	text-decoration: none;
	transition:
		background-color var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard),
		color var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard),
		transform var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .store-social > li > a:hover {
	background-color: var(--tmo-ui-brand);
	color: var(--tmo-ui-on-brand);
	transform: translateY(-1px);
}

/* Store share action and native tabs. */
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-tabs {
	border-top: var(--tmo-ui-border-width) solid var(--tmo-ui-border);
	background-color: var(--tmo-ui-surface);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-tabs ul.dokan-modules-button {
	min-height: 3.75rem;
	margin: 0;
	padding: var(--tmo-ui-space-2) var(--tmo-ui-space-5);
	background-color: var(--tmo-ui-surface-subtle);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .tmo-dokan-store-share-action {
	position: absolute;
	z-index: 2;
	top: var(--tmo-ui-space-4);
	right: var(--tmo-ui-space-6);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .tmo-dokan-share-relocated .dokan-store-tabs ul.dokan-modules-button {
	display: none;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-tabs .dokan-share-btn,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .tmo-dokan-store-share-action .dokan-share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--tmo-ui-control-height);
	margin: 0;
	padding: 0.625rem var(--tmo-ui-space-4);
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-brand);
	border-radius: var(--tmo-ui-radius-button);
	background-color: var(--tmo-ui-brand);
	box-shadow: var(--tmo-ui-shadow-xs);
	color: var(--tmo-ui-on-brand);
	font-family: var(--tmo-ui-font-body);
	font-size: var(--tmo-ui-font-size-sm);
	font-weight: var(--tmo-ui-font-weight-semibold);
	line-height: 1.25;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-tabs .dokan-share-btn:hover,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .tmo-dokan-store-share-action .dokan-share-btn:hover {
	border-color: var(--tmo-ui-brand-hover);
	background-color: var(--tmo-ui-brand-hover);
	box-shadow: var(--tmo-ui-shadow-sm);
	color: var(--tmo-ui-on-brand);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-tabs ul.dokan-list-inline {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-top: var(--tmo-ui-border-width) solid var(--tmo-ui-border);
	border-radius: 0 0 var(--tmo-ui-radius-modal) var(--tmo-ui-radius-modal);
	background-color: var(--tmo-ui-surface);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-tabs ul.dokan-list-inline > li {
	margin: 0;
	border-right: var(--tmo-ui-border-width) solid var(--tmo-ui-border);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-tabs ul.dokan-list-inline > li:last-child {
	border-right: 0;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-tabs ul.dokan-list-inline > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 3.25rem;
	padding: var(--tmo-ui-space-3) var(--tmo-ui-space-4);
	color: var(--tmo-ui-text-secondary);
	font-family: var(--tmo-ui-font-body);
	font-size: var(--tmo-ui-font-size-sm);
	font-weight: var(--tmo-ui-font-weight-semibold);
	line-height: var(--tmo-ui-line-height-ui);
	text-align: center;
	text-decoration: none;
	transition:
		background-color var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard),
		color var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-tabs ul.dokan-list-inline > li > a:hover {
	background-color: var(--tmo-ui-brand-soft);
	color: var(--tmo-ui-link-hover);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-tabs ul.dokan-list-inline > li > a[aria-current="page"],
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan.tmo-dokan-store-view--videos #content #dokan-content .dokan-store-tabs ul.dokan-list-inline > li:nth-child(1) > a,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan.tmo-dokan-store-view--services #content #dokan-content .dokan-store-tabs ul.dokan-list-inline > li:nth-child(2) > a,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan.tmo-dokan-store-view--events #content #dokan-content .dokan-store-tabs ul.dokan-list-inline > li:nth-child(3) > a {
	background-color: var(--tmo-ui-brand);
	color: var(--tmo-ui-on-brand);
}

/* Product sections and filters. */
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .products-list-heading {
	margin: 0 0 var(--tmo-ui-space-5);
	color: var(--tmo-ui-text);
	font-family: var(--tmo-ui-font-heading);
	font-size: var(--tmo-ui-font-size-section-title);
	font-weight: var(--tmo-ui-font-weight-extrabold);
	letter-spacing: -0.025em;
	line-height: var(--tmo-ui-line-height-tight);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content #dokan_store_section_best_selling {
	display: none;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-products-filter-area {
	margin: 0 0 var(--tmo-ui-space-8);
	padding: var(--tmo-ui-space-4);
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-border);
	border-radius: var(--tmo-ui-radius-card);
	background-color: var(--tmo-ui-surface);
	box-shadow: var(--tmo-ui-shadow-xs);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(14rem, 18rem);
	align-items: center;
	gap: var(--tmo-ui-space-3);
	width: 100%;
	margin: 0;
	position: relative;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby .product-name-search,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby .search-store-products,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby select.orderby {
	box-sizing: border-box;
	float: none;
	width: 100%;
	min-width: 0;
	min-height: var(--tmo-ui-control-height-large);
	margin: 0;
	font-family: var(--tmo-ui-font-body);
	font-size: var(--tmo-ui-font-size-sm);
	line-height: var(--tmo-ui-line-height-ui);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby .product-name-search,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby select.orderby {
	padding: 0.625rem var(--tmo-ui-space-4);
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-border-strong);
	border-radius: var(--tmo-ui-radius-input);
	background-color: var(--tmo-ui-surface);
	box-shadow: var(--tmo-ui-shadow-xs);
	color: var(--tmo-ui-text);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby select.orderby {
	padding-right: 2.5rem;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby .product-name-search::placeholder {
	color: var(--tmo-ui-text-muted);
	opacity: 1;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby .product-name-search:focus,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby select.orderby:focus {
	border-color: var(--tmo-ui-focus);
	box-shadow: 0 0 0 var(--tmo-ui-focus-width) var(--tmo-ui-focus-ring);
	outline: 0;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby .search-store-products {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.625rem var(--tmo-ui-space-6);
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-brand);
	border-radius: var(--tmo-ui-radius-button);
	background-color: var(--tmo-ui-brand);
	box-shadow: var(--tmo-ui-shadow-xs);
	color: var(--tmo-ui-on-brand);
	font-weight: var(--tmo-ui-font-weight-semibold);
	text-align: center;
	cursor: pointer;
	transition:
		background-color var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard),
		border-color var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard),
		box-shadow var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby .search-store-products:hover {
	border-color: var(--tmo-ui-brand-hover);
	background-color: var(--tmo-ui-brand-hover);
	box-shadow: var(--tmo-ui-shadow-sm);
	color: var(--tmo-ui-on-brand);
}

/* Product-card grid. */
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .seller-items > ul.products {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--tmo-ui-space-6);
	width: 100%;
	margin: 0 0 var(--tmo-ui-space-8);
	padding: 0;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .seller-items > ul.products::before,
body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .seller-items > ul.products::after {
	display: none;
	content: none;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .seller-items > ul.products > li.product {
	display: flex;
	flex-direction: column;
	float: none;
	width: auto;
	max-width: none;
	height: auto !important;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-border);
	border-radius: var(--tmo-ui-radius-card);
	background-color: var(--tmo-ui-surface);
	box-shadow: var(--tmo-ui-shadow-sm);
	color: var(--tmo-ui-text);
	transition:
		border-color var(--tmo-ui-duration-standard) var(--tmo-ui-ease-standard),
		box-shadow var(--tmo-ui-duration-standard) var(--tmo-ui-ease-standard),
		transform var(--tmo-ui-duration-standard) var(--tmo-ui-ease-standard);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .seller-items > ul.products > li.product:hover {
	border-color: var(--tmo-ui-brand);
	box-shadow: var(--tmo-ui-shadow-md);
	transform: translateY(-2px);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .seller-items > ul.products > li.product > a.woocommerce-loop-product__link {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
	color: var(--tmo-ui-text);
	text-decoration: none;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .seller-items > ul.products > li.product > a.woocommerce-loop-product__link > img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto !important;
	aspect-ratio: 16 / 9 !important;
	margin: 0;
	border-radius: 0;
	background-color: var(--tmo-ui-surface-subtle, #f7f5fa);
	object-fit: contain !important;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .seller-items > ul.products > li.product .woocommerce-loop-product__title {
	display: block !important;
	position: static !important;
	visibility: visible !important;
	opacity: 1 !important;
	min-height: 0;
	margin: 0;
	padding: var(--tmo-ui-space-5) var(--tmo-ui-space-5) 0;
	overflow: visible;
	color: var(--tmo-ui-text);
	font-family: var(--tmo-ui-font-body);
	font-size: var(--tmo-ui-font-size-md);
	font-weight: var(--tmo-ui-font-weight-bold);
	letter-spacing: -0.01em;
	line-height: 1.4;
	text-align: left;
	-webkit-box-orient: initial;
	-webkit-line-clamp: unset;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .seller-items > ul.products > li.product .price {
	display: block !important;
	position: static !important;
	visibility: visible !important;
	opacity: 1 !important;
	margin: auto 0 0;
	padding: var(--tmo-ui-space-4) var(--tmo-ui-space-5) var(--tmo-ui-space-5);
	color: var(--tmo-ui-brand);
	font-family: var(--tmo-ui-font-body);
	font-size: var(--tmo-ui-font-size-md);
	font-weight: var(--tmo-ui-font-weight-bold);
	line-height: var(--tmo-ui-line-height-ui);
	text-align: left;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .seller-items > ul.products > li.product > a.button {
	display: flex;
	position: static !important;
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: var(--tmo-ui-control-height-large);
	margin: 0;
	padding: var(--tmo-ui-space-3) var(--tmo-ui-space-4);
	border: 0;
	border-top: var(--tmo-ui-border-width) solid var(--tmo-ui-brand);
	border-radius: 0;
	background-color: var(--tmo-ui-brand);
	box-shadow: none;
	color: var(--tmo-ui-on-brand);
	font-family: var(--tmo-ui-font-body);
	font-size: var(--tmo-ui-font-size-sm);
	font-weight: var(--tmo-ui-font-weight-semibold);
	line-height: var(--tmo-ui-line-height-ui);
	text-align: center;
	text-decoration: none;
	transition:
		background-color var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard),
		color var(--tmo-ui-duration-fast) var(--tmo-ui-ease-standard);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .seller-items > ul.products > li.product > a.button:hover {
	background-color: var(--tmo-ui-brand-hover);
	color: var(--tmo-ui-on-brand);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content #nav-below {
	margin-top: var(--tmo-ui-space-8);
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content > .dokan-info {
	margin: 0 0 var(--tmo-ui-space-8);
	padding: var(--tmo-ui-space-8);
	border: var(--tmo-ui-border-width) solid var(--tmo-ui-border);
	border-radius: var(--tmo-ui-radius-card);
	background-color: var(--tmo-ui-surface);
	box-shadow: var(--tmo-ui-shadow-sm);
	color: var(--tmo-ui-text-secondary);
	font-family: var(--tmo-ui-font-body);
	font-size: var(--tmo-ui-font-size-md);
	line-height: var(--tmo-ui-line-height-body);
	text-align: center;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content :where(
	.tmo-dokan-store-profile-link,
	.dokan-share-btn,
	.store-social > li > a,
	form.dokan-store-products-ordeby .product-name-search,
	form.dokan-store-products-ordeby .search-store-products,
	form.dokan-store-products-ordeby select.orderby
):focus-visible {
	outline: var(--tmo-ui-focus-width) solid var(--tmo-ui-focus);
	outline-offset: 3px;
}

body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content :where(
	.dokan-store-tabs ul.dokan-list-inline > li > a,
	.seller-items > ul.products > li.product > a
):focus-visible {
	outline: var(--tmo-ui-focus-width) solid var(--tmo-ui-focus);
	outline-offset: calc(-1 * var(--tmo-ui-focus-width));
}

@media (max-width: 63.9375rem) {
	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .seller-items > ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--tmo-ui-space-5);
	}
}

/* Dokan moves the store name below the banner at 1199px. */
@media (max-width: 74.9375rem) {
	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info .store-name {
		color: var(--tmo-ui-text);
		text-shadow: none;
	}
}

@media (max-width: 47.9375rem) {
	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content .dokan-store-wrap {
		display: block;
		margin-block: var(--tmo-ui-space-4) var(--tmo-ui-space-10);
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-profile-frame-wrapper {
		margin-bottom: var(--tmo-ui-space-6);
		border-radius: var(--tmo-ui-radius-card);
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info-img {
		height: 11rem;
		border-radius: var(--tmo-ui-radius-card) var(--tmo-ui-radius-card) 0 0;
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info-summery-wrapper {
		padding-inline: var(--tmo-ui-space-4);
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info-summery {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--tmo-ui-space-3);
		padding-right: 0;
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-rating > .fa-star,
	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-rating > .fas.fa-star {
		display: inline-block;
		margin: 0 var(--tmo-ui-space-2) 0 0;
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info-head .profile-img,
	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info-head .profile-img img {
		width: 6.25rem;
		height: 6.25rem;
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .profile-info .store-name {
		margin-bottom: var(--tmo-ui-space-3);
		color: var(--tmo-ui-text);
		font-size: var(--tmo-ui-font-size-xl);
		text-shadow: none;
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .tmo-dokan-store-share-action {
		position: absolute;
		top: var(--tmo-ui-space-4);
		right: var(--tmo-ui-space-4);
		display: flex;
		justify-content: flex-end;
		margin: 0;
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .tmo-dokan-store-share-action .dokan-share-btn {
		min-height: 2rem;
		padding: 0.375rem var(--tmo-ui-space-3);
		border-radius: var(--tmo-ui-radius-pill);
		font-size: var(--tmo-ui-font-size-xs);
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-tabs ul.dokan-modules-button {
		padding-inline: var(--tmo-ui-space-4);
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-tabs ul.dokan-list-inline {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		border-radius: 0 0 var(--tmo-ui-radius-card) var(--tmo-ui-radius-card);
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-tabs ul.dokan-list-inline > li > a {
		min-width: 0;
		padding-inline: var(--tmo-ui-space-2);
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .products-list-heading {
		margin-bottom: var(--tmo-ui-space-4);
		font-size: var(--tmo-ui-font-size-2xl);
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content #dokan_store_section_best_selling {
		margin-bottom: var(--tmo-ui-space-8);
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .dokan-store-products-filter-area {
		margin-bottom: var(--tmo-ui-space-6);
		padding: var(--tmo-ui-space-3);
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby {
		grid-template-columns: minmax(0, 1fr);
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby .product-name-search,
	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby .search-store-products,
	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content form.dokan-store-products-ordeby select.orderby {
		width: 100%;
		max-width: none;
	}

	/*
	 * Live Additional CSS forces a two-column product grid and card geometry
	 * with !important. The exact store context needs matching priority to
	 * preserve the approved native one-column mobile flow.
	 */
	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .seller-items > ul.products {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: var(--tmo-ui-space-4) !important;
		width: 100% !important;
		margin: 0 0 var(--tmo-ui-space-6) !important;
		padding: 0 !important;
	}

	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content .seller-items > ul.products > li.product {
		float: none !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.tmo-ui-active.tmo-ui-context--dokan-store.tmo-ui-adapter-dokan #content #dokan-content :where(
		.dokan-share-btn,
		.store-social > li > a,
		.seller-items > ul.products > li.product,
		.seller-items > ul.products > li.product > a.button
	) {
		transition-duration: 0.01ms;
		transform: none;
	}
}