/*
 * Host reset, for screens that also render outside wp-admin.
 *
 * The same React screens mount on Dokan, WCFM, MultiVendorX and LMS dashboards,
 * where the theme styles bare elements: Astra gives every `button` 14px 28px
 * of padding, a white label, a 4px radius and a shadow. In wp-admin none of
 * that exists, so our components never had to state those properties, and on
 * a vendor dashboard every tab, pill and icon button came out fat and white.
 *
 * Every selector here is `[class*="zmeet-"] :where(...)`, which weighs exactly
 * one class. That beats a theme's bare `button` (one element), and ties with
 * our own single-class rules, which then win on order because this file is the
 * first stylesheet index.js imports. The values are what wp-admin already
 * computes, so nothing changes there.
 */
/*
 * Buttons that already wear a host's button class (Academy, Tutor,
 * LearnPress, LifterLMS, WooCommerce, Dokan) are the host's to style: the LMS
 * screens print them from PHP on purpose so they match the dashboard around
 * them. Resetting those left "Add to course" at 1px padding and normal weight.
 * The :not() list sits inside :where(), so the weight stays 0,1,0.
 */
[class*="zmeet-"] :where(button:not(.academy-btn, .tutor-btn, .lp-button, .llms-button-primary, .llms-button-secondary, .button, .dokan-btn, .zmeet-acs-link-btn, .zmeet-wpeditor button)) {
	padding: 1px 6px;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	color: ButtonText;
	font-weight: 400;
	line-height: normal;
}

[class*="zmeet-"] :where(ul) {
	list-style: none;
}

/* WCFM italicises every h2 in its content area. None of ours are. */
[class*="zmeet-"] :where(h1, h2, h3, h4, h5, h6) {
	font-style: normal;
}

/*
 * Controls draw their edge with a box-shadow ring, so a host's input shadow
 * would sit under it as a second, blurred edge. Ours are set per control and
 * outrank this on order; wp-admin's own input rules outrank it on weight.
 */
[class*="zmeet-"] :where(input, select, textarea) {
	box-shadow: none;
}

/*
 * Front end only: `#zmeet-host` exists nowhere in wp-admin.
 *
 * WCFM gives every input in its dashboard `border: 1px solid #ccc !important`,
 * which nothing short of another !important can answer. These controls say
 * border 0 in their own classes and draw the edge as a ring, so honouring
 * that here is keeping their word, not overriding a design.
 */
#zmeet-host .zmeet-border-0,
#zmeet-host .text-input,
#zmeet-host .zmeet-rs__input-container input {
	border-width: 0 !important;
}