/**
 * AUTOLINE — Controls layer (Batch 4 of the UI modernization, 2026-07-10).
 * Loaded SITE-WIDE after al-base.css (mu-plugins/al-base.php).
 *
 * One canonical button/input set over Woodmart + plugins (design canon v1.1):
 *   primary = blue-700/white/semibold/radius-sm, secondary = bg-100/ink-900,
 *   accent CTA = amber, inputs 1px line-300 radius-sm. The heavy lifting
 *   (35px pills → radius-sm, 2px borders → 1px line-300) happens via the
 *   --btn-*/--wd-form-* variable remap in al-base.css; this file catches the
 *   elements that hard-code their shape instead of reading the variables.
 * AL components (.al-btn, quick order, cart/checkout skins) already comply
 * and are deliberately NOT matched here.
 */

/* ── Buttons: one voice ──────────────────────────────────────────────────
   Woodmart page-builder buttons carry per-element shape classes
   (btn-shape-rectangle = 0px, oval = 35px…) that ignore the theme vars.
   Text-style links (.btn-style-link) keep their link look. */
/* .btn.btn = (0,3,0) with :not — outranks the theme's
   .btn-style-X.btn-shape-Y pairs, which print LATE (on-demand part CSS). */
.btn.btn:not(.btn-style-link) { border-radius: var(--al-radius-sm); }

.btn,
.button,
button[type="submit"],
input[type="submit"] {
	font-family: inherit;
	font-weight: var(--al-fw-semibold);
}

/* ── Waitlist popup/button (xoo-wl plugin: #333 bg, 5px radius) ──────────
   Plugin draws its colors from its own settings CSS — !important required. */
.xoo-wl-action-btn.button {
	background-color: var(--al-blue-700) !important;
	border-radius: var(--al-radius-sm) !important;
	color: #fff !important;
}
.xoo-wl-action-btn.button:hover { background-color: var(--al-blue-800) !important; }
.xoo-aff-input-container input { border-radius: 0 var(--al-radius-sm) var(--al-radius-sm) 0 !important; }
.xoo-aff-input-container .xoo-aff-input-icon { border-radius: var(--al-radius-sm) 0 0 var(--al-radius-sm) !important; }

/* ── Selects: match the input canon (native + selectWoo single lines) ───── */
select,
.select2-container--default .select2-selection--single {
	border-radius: var(--al-radius-sm);
}