/* Gale Kinetic Launcher download widget — split out of style.css. Used on the
   homepage/download sections that promote Gale as an install method. */

.gale-download-text { background: var(--clr-bg); padding: 0.4rem 0.6rem; border-radius: var(--radius-large); }
.gale-download-card {
	--accent: light-dark(#6d28c9, #b795ff);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.6rem;
	max-width: 26rem;
	padding: 1.5rem;
	margin-top: 1rem;
	border: 1px solid var(--clr-border);
	border-radius: var(--radius-large);
	background: var(--clr-surface);
}
.gale-support { max-width: initial; }
.gale-support img { vertical-align: middle; }
.gale-download-image { float: left; max-width: 20vw; max-height: 14em; padding-right: 1em; }
.gale-download-btn { display: inline-block; background: var(--accent); color: #fff !important; font-weight: 600; padding: 0.7rem 1.6rem; border-radius: var(--radius-large); text-decoration: none !important; font-size: 1.05rem; transition: opacity 0.15s; }
.gale-download-btn:hover { opacity: 0.88; }
.gale-version { margin: 0; color: var(--clr-text-muted); font-size: 0.85rem; }
.gale-unsupported { margin: 0; color: var(--clr-danger); font-size: 0.9rem; }
.gale-alt-note { margin: 0; color: var(--clr-text-muted); font-size: 0.9rem; }
.gale-alt-note p { margin: 0 0 0.4rem; }
.gale-scoop-cmd { margin: 0; background: color-mix(in srgb, var(--clr-border) 50%, transparent); padding: 0.6rem 0.8rem; border-radius: var(--radius-small); font-size: 0.85rem; text-align: left; white-space: pre; overflow-x: auto; }
.gale-picker-label { display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.85rem; color: var(--clr-text-muted); }