/* Mashin Irani — club prize wheel: wedge labels + spokes. Loads after club.css (dep: mi-club). */
.wheel { overflow: hidden; }

.wheel .seg { pointer-events: none; z-index: 2; }

.wheel .seg i {
	display: block;
	font-style: normal;
	max-width: 8.5em;
	text-align: center;
	line-height: 1.25;
	font-size: .66rem;
	font-weight: 700;
	color: #f7f3ec;
	text-shadow: 0 1px 2px rgba( 0, 0, 0, .55 );
}

/* Thin radial spokes so the rotation is legible even between two same-coloured wedges.
   --mi-seg is set inline by mirani-wheel.js to 360/N deg; 45deg is only a safety fallback. */
.wheel::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	z-index: 1;
	pointer-events: none;
	background: repeating-conic-gradient(
		rgba( 224, 197, 143, .55 ) 0deg .6deg,
		rgba( 0, 0, 0, 0 ) .6deg var( --mi-seg, 45deg )
	);
}

@media ( max-width: 520px ) {
	.wheel .seg i { font-size: .58rem; max-width: 7em; }
}

/* The spin control is the primary action of the whole page — give it real presence next to the two
   inputs, and let it take the full row on narrow screens instead of being an 88px afterthought.
   (Its missing gold fill is fixed site-wide in mirani-home-fixes.css: a typed <button> was losing
   .btn-cta's background to hello-elementor's reset.) */
.wheel-form #spinBtn {
	flex: 1 1 150px;
	min-width: 150px;
	min-height: 48px;
	font-size: 1rem;
	font-weight: 700;
}

@media ( max-width: 560px ) {
	.wheel-form #spinBtn {
		flex: 1 1 100%;
		width: 100%;
	}
}

/* --- Win display: coupon code chip + copy button + note (set by mirani-wheel.js showWin) -------- */
.wheel-result .mi-win {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .55rem;
}

.wheel-result .mi-win-head {
	font-weight: 700;
	line-height: 1.5;
}

.wheel-result .mi-win-code {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	flex-wrap: wrap;
	justify-content: center;
	background: rgba( 255, 255, 255, .06 );
	border: 1px dashed var( --gold-300, #e0c58f );
	border-radius: .6rem;
	padding: .45rem .7rem;
}

.wheel-result .mi-win-code code {
	font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: .08em;
	color: #fff;
	direction: ltr;
	unicode-bidi: isolate;
}

.wheel-result .mi-win-copy {
	cursor: pointer;
	border: 0;
	border-radius: .5rem;
	padding: .32rem .7rem;
	font: inherit;
	font-size: .8rem;
	font-weight: 700;
	line-height: 1;
	background: var( --gold-300, #e0c58f );
	color: #1a1a1a;
}

.wheel-result .mi-win-copy:hover { filter: brightness( 1.06 ); }

.wheel-result .mi-win-note {
	font-size: .82rem;
	font-weight: 400;
	color: var( --sand-200, #d8c9a6 );
	line-height: 1.7;
	max-width: 22rem;
}