/* SureCart variables inherit into its nested web components. */
body.ohso-surecart-dashboard {
	--sc-font-sans: var(--font-body);
	--sc-input-font-family: var(--font-body);
	--sc-font-size-medium: var(--text-s);
	--sc-font-size-normal: var(--text-s);
	--sc-font-size-large: var(--text-m);
	--sc-font-size-x-large: var(--text-l);
	--sc-font-size-xx-large: var(--text-xl);
	--sc-line-height-normal: 1.5;
	--sc-line-height-dense: 1.3;
	--sc-color-primary-50: var(--secondary-ultra-light);
	--sc-color-primary-100: var(--secondary-ultra-light);
	--sc-color-primary-200: var(--secondary-light);
	--sc-color-primary-300: var(--secondary-light);
	--sc-color-primary-400: var(--secondary);
	--sc-color-primary-500: var(--secondary-semi-dark);
	--sc-color-primary-600: var(--secondary-dark);
	--sc-color-primary-700: var(--secondary-dark);
	--sc-color-primary-800: var(--secondary-ultra-dark);
	--sc-color-primary-900: var(--secondary-ultra-dark);
	--sc-color-primary-text: var(--white);
	--sc-color-info-50: var(--secondary-ultra-light);
	--sc-color-info-100: var(--secondary-ultra-light);
	--sc-color-info-500: var(--secondary-semi-dark);
	--sc-color-info-600: var(--secondary-dark);
	--sc-color-info-700: var(--secondary-dark);
	--sc-color-info-900: var(--secondary-dark);
	--sc-color-info-text: var(--white);
	--sc-color-gray-50: var(--secondary-ultra-light);
	--sc-color-gray-100: var(--secondary-ultra-light);
	--sc-color-gray-200: var(--neutral-ultra-light);
	--sc-color-gray-300: var(--secondary-light);
	--sc-color-gray-500: var(--neutral-dark);
	--sc-color-gray-600: var(--secondary-semi-dark);
	--sc-color-gray-700: var(--secondary-dark);
	--sc-color-gray-800: var(--secondary-dark);
	--sc-color-gray-900: var(--secondary-ultra-dark);
	--sc-color-white: var(--white);
	--sc-border-radius-small: var(--radius-s);
	--sc-border-radius-medium: var(--radius-m);
	--sc-border-radius-large: var(--radius-l);
	--sc-input-border-radius-small: var(--radius-s);
	--sc-input-border-radius-medium: var(--radius-s);
	--sc-input-border-radius-large: var(--radius-s);
	--sc-input-background-color: var(--white);
	--sc-input-background-color-hover: var(--white);
	--sc-input-background-color-focus: var(--white);
	--sc-input-border-color: var(--secondary-light);
	--sc-input-border-color-hover: var(--secondary);
	--sc-input-border-color-focus: var(--secondary-semi-dark);
	--sc-input-color: var(--neutral-dark);
	--sc-input-color-hover: var(--neutral-dark);
	--sc-input-color-focus: var(--neutral-dark);
	--sc-input-label-color: var(--secondary-dark);
	--sc-input-help-text-color: var(--neutral-dark);
	--sc-input-box-shadow: none;
	--sc-card-background-color: var(--white);
	--sc-card-border-color: var(--secondary-light);
	--sc-card-border-radius: var(--radius-m);
	--sc-panel-background-color: var(--white);
	--sc-panel-border-color: var(--secondary-light);
	--sc-tab-active-background: var(--secondary-ultra-light);
	--sc-tab-active-color: var(--secondary-dark);
	--sc-empty-color: var(--secondary-semi-dark);
	--sc-empty-icon-color: var(--secondary);
	--sc-focus-ring-width: 2px;
	--sc-focus-ring-color-primary: var(--secondary-semi-dark);
	--sc-overlay-background-color: color-mix(in srgb, var(--secondary-ultra-dark) 65%, transparent);
	--sc-shadow-small: none;
	--sc-shadow-medium: var(--box-shadow-s);
	--sc-shadow-large: var(--box-shadow-m);
	--sc-shadow-x-large: var(--box-shadow-m);
	--sc-transition-medium: var(--transition);
	--sc-button-default-color: var(--secondary-dark);
	--sc-button-default-background-color: var(--white);
	--sc-button-default-border-color: var(--secondary-light);
	--sc-button-default-hover-background-color: var(--secondary-ultra-light);
	--sc-menu-item-color: var(--secondary-dark);
	--sc-menu-item-background-focused: var(--secondary-semi-dark);
	--sc-alert-border-radius: var(--radius-s);
	--sc-alert-title-color: var(--secondary-dark);
	--sc-alert-info-border-color: var(--secondary);
	--sc-alert-info-icon-color: var(--secondary-semi-dark);
	font-family: var(--font-body);
	font-size: var(--text-s);
	color: var(--neutral-dark);
	background: var(--white);
}
body.ohso-surecart-dashboard.has-columns::before { background: var(--white); box-shadow: none; border-right: 1px solid var(--secondary-light); }
body.ohso-surecart-dashboard.has-columns { background: var(--secondary-ultra-light); }
body.ohso-surecart-dashboard .dashboard-left { background: var(--white); }
body.ohso-surecart-dashboard .dashboard-right { background: var(--secondary-ultra-light); }
body.ohso-surecart-dashboard .sc-dashboard__user-menu { color: var(--secondary-dark); }
body.ohso-surecart-dashboard .ohso-home-navigation a { text-decoration: none; }
body.ohso-surecart-dashboard .ohso-home-navigation a:hover { text-decoration: underline; }
body.ohso-surecart-dashboard .ohso-home-navigation__login:hover { text-decoration: none; }
body.ohso-surecart-dashboard sc-tab::part(base) { border-radius: var(--radius-s); min-height: 44px; }
body.ohso-surecart-dashboard sc-tab::part(base):focus-visible { outline: 2px solid var(--secondary-semi-dark); outline-offset: 3px; }
body.ohso-surecart-dashboard sc-button::part(base) { font-family: var(--font-decorative); border-radius: var(--radius-m); }
body.ohso-surecart-dashboard sc-button[type="primary"]::part(base) { background: var(--accent-light); border-color: var(--accent-light); color: var(--accent-dark); }
body.ohso-surecart-dashboard sc-button[type="primary"]:hover::part(base) { background: var(--accent-semi-light); border-color: var(--accent-semi-light); opacity: 1; }
body.ohso-surecart-dashboard .ohso-sm-dashboard { --ohso-sm-ink: var(--secondary-dark); --ohso-sm-muted: var(--neutral-dark); --ohso-sm-line: var(--secondary-light); --ohso-sm-surface: var(--white); --ohso-sm-surface-soft: var(--secondary-ultra-light); --ohso-sm-accent: var(--secondary-semi-dark); --ohso-sm-accent-hover: var(--secondary-dark); }
body.ohso-surecart-dashboard .ohso-sm-dashboard .postbox { border-radius: var(--radius-m); box-shadow: none; }
body.ohso-surecart-dashboard .ohso-sm-dashboard :is(button, input, select) { font-family: var(--font-body); }
body.ohso-surecart-dashboard .ohso-sm-dashboard button { border-radius: var(--radius-m); }

/* Fill the space below the site header instead of adding another full viewport. */
@media (min-width: 782px) {
	body.ohso-surecart-dashboard.ohso-dashboard-scroll-panels { overflow: hidden; }
	body.ohso-surecart-dashboard.ohso-dashboard-scroll-panels::before { display: none; }
	body.ohso-dashboard-scroll-panels > .sc-dashboard {
		height: calc(100vh - var(--ohso-dashboard-offset));
		height: calc(100dvh - var(--ohso-dashboard-offset));
		min-height: 0;
	}
	body.ohso-dashboard-scroll-panels .sc-dashboard > .sc-dashboard__column {
		height: 100%;
		min-height: 0;
		overflow-y: auto;
		overscroll-behavior-y: contain;
		scrollbar-width: thin;
		scrollbar-color: var(--secondary) transparent;
	}
	body.ohso-dashboard-scroll-panels .sc-dashboard > .dashboard-left {
		position: relative;
		top: auto;
		background: var(--white);
		border-right: 1px solid var(--secondary-light);
	}
	body.ohso-dashboard-scroll-panels .dashboard-left > * { flex-shrink: 0; }
	body.ohso-dashboard-scroll-panels .sc-dashboard > .dashboard-right {
		min-width: 0;
		align-content: start;
		grid-template-rows: none;
		scrollbar-gutter: stable;
	}
}

/* Logged-out accounts share the native WordPress login presentation. */
body.ohso-surecart-login {
	background: var(--primary-ultra-light);
	--sc-login-text-align: left;
	--sc-input-height-medium: 52px;
	--sc-input-font-size-medium: var(--text-s);
	--sc-input-spacing-medium: 16px;
	--sc-input-border-color: var(--neutral-light);
	--sc-input-border-color-hover: var(--primary);
	--sc-input-border-color-focus: var(--primary);
	--sc-input-label-color: var(--neutral-dark);
	--sc-input-label-font-size-medium: var(--text-s);
	--sc-focus-ring-color-primary: var(--primary-ultra-light);
	--sc-color-primary-500: var(--primary);
	--sc-color-primary-600: var(--primary-dark);
	--sc-color-primary-700: var(--primary-dark);
}
.ohso-surecart-login #login sc-login-form { display: block; width: 100%; }
.ohso-surecart-login #login > * { margin-block: 0; }