/* Udemy add-on box: cart + checkout. Brand roles come from wolfedu-design-tokens.css.
 *
 * The rows are <label>s so the whole card is clickable. The checkout page styles every label
 * (body.woocommerce-checkout form.checkout label: 12px, 800, uppercase, margin) and Astra styles
 * bare `label`, so the row and its text are set explicitly here, with selectors strong enough to win.
 */
.wuda{
	background:var(--we-paper);
	border:1.5px dashed var(--we-orange);
	border-radius:8px;
	padding:16px;
	margin:20px 0 0;
	font-family:var(--we-body-font,inherit);
	color:var(--we-ink);
	clear:both;
}
.wuda.is-busy{opacity:.55;pointer-events:none}
.wuda .wuda__h{margin:0 0 2px;font-weight:700;font-size:16px;line-height:1.4}
.wuda .wuda__sub{margin:0 0 12px;font-size:13px;color:var(--we-muted)}
.wuda .wuda__err{margin:0 0 12px;padding:9px 12px;border-radius:6px;font-size:13.5px;background:var(--we-danger-bg);border:1px solid var(--we-danger-line);color:var(--we-danger)}
.wuda .wuda__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
.wuda .wuda__item{display:flex}

.wuda label.wuda__row,
body.woocommerce-checkout form.checkout .wuda label.wuda__row{
	flex:1;
	display:flex;gap:12px;align-items:flex-start;
	margin:0;padding:13px;
	border:1.5px solid var(--we-line);border-radius:8px;background:#fff;cursor:pointer;
	color:var(--we-ink);font-size:16px;font-weight:400;line-height:1.5;text-transform:none;letter-spacing:normal;
	transition:border-color .15s,background .15s;
}
.wuda label.wuda__row:hover{border-color:var(--we-orange)}
.wuda label.wuda__row.is-on{border-color:var(--we-green);background:var(--we-mint)}
.wuda label.wuda__row input{flex:none;margin:3px 0 0;width:18px;height:18px;accent-color:var(--we-green)}

.wuda .wuda__body{flex:1;min-width:0;display:block}
.wuda .wuda__name{display:block;margin:0;font-size:12.5px;font-weight:800;line-height:1.4;text-transform:uppercase;letter-spacing:.02em;color:var(--we-muted)}
.wuda .wuda__what{display:block;margin:3px 0 0;font-size:13px;font-weight:400;line-height:1.5;text-transform:none;color:var(--we-ink)}
.wuda .wuda__prices{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:8px 0 0}
.wuda .wuda__real{color:var(--we-mid);font-size:14px;font-weight:400}
.wuda .wuda__offer{font-size:20px;font-weight:700;line-height:1.2;color:var(--we-green)}
.wuda .wuda__off{background:var(--we-orange);color:var(--we-ink);font-weight:700;font-size:12.5px;line-height:1.4;padding:3px 10px;border-radius:20px}

.wuda .wuda__meta{margin:12px 0 0;font-size:12.5px;color:var(--we-muted)}
.wuda .wuda__up{margin:12px 0 0;padding:11px 13px;background:var(--we-orange-tint);border-radius:8px;font-size:13.5px;line-height:1.55}
.wuda .wuda__up a{color:var(--we-orange-text);font-weight:700;text-decoration:underline}
.wuda-tag{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:12px;background:var(--we-orange-tint);color:var(--we-orange-text);font-size:11.5px;font-weight:700}