/*
 * Loaded with every skin, Classic included (Yohshow_Design::enqueue). Undoes theme styles that leak into the
 * plugin's own UI. Scoped to the plugin containers, so the theme's own pages are untouched.
 */

/* The theme (enefti) paints every <nav> with its blue-to-pink gradient; the plugin's pagination is a <nav>,
   which showed as a coloured bar under the chart and the tables. */
:is(.yoh-balances, #yohshow-ajax-content, .yohshow-product-tabs-full, .woochain-mint-template) nav {
	background: none !important;
	background-image: none !important;
}

/* Token images next to the tokens in the product page tabs (Design Settings > Transaction Summary and Orders tabs). */
:is(#yohshow-ajax-content, .yohshow-product-tabs-full) .ys-tab-token-img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 8px;
	vertical-align: middle;
}

/* Activity icons chosen on Design Settings, for skins without redesigned components. */
:is(#yohshow-ajax-content, .yohshow-product-tabs-full) .ys-activity-set-icon {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	border-radius: 4px;
	object-fit: cover;
}

/* While a tab's data loads after the tab opens, only its spinner (and an error, if any) shows: no empty chart,
   no page buttons, no order forms (includes/assets/js/yohshow.js, watchTabLoading). */
:is(#yohshow-ajax-content, .yohshow-product-tabs-full) .ys-tab-loading > :not(.chart-loading):not(.orders-loading):not(.chart-error) {
	display: none !important;
}