/* The pass in Mintnib's own shell on mintnib.com (option (a) and shell (a), 20 October 2026), loaded only there
 * (LR_Booking_Pass_Shell). On lucasrey.com the theme gives the pass two things this sheet gives it here, and
 * nothing else: the primary button's fill, and a page that never scrolls sideways (the screenshot strip scrolls
 * inside itself). Colours come from the Mintnib skin's variables, so they follow Mintnib's tokens and dark scheme. */
.lr-pass-shell {
	overflow-x: clip;
}

.lr-pass-shell .lr-btn-primary {
	background: var(--lr-pass-accent, #0b6b62);
	border: 1px solid var(--lr-pass-accent, #0b6b62);
	color: var(--lr-color-bg-card, #fbf8f3);
	text-decoration: none;
	cursor: pointer;
}

.lr-pass-shell .lr-btn-primary:hover,
.lr-pass-shell .lr-btn-primary:focus-visible {
	filter: brightness(1.08);
}

.lr-pass-shell .lr-btn-primary:focus-visible {
	outline: 2px solid var(--lr-pass-accent, #0b6b62);
	outline-offset: 2px;
}

/* The free Pro cards' fields and buttons (20 October 2026): on lucasrey.com the theme sizes them; in the shell they
 * fell back to the browser's defaults, a 19px button at 13px that a tap could miss. The theme's measured metrics, in
 * Mintnib's colours. :where() keeps these below every rule of the pass's own sheet. */
.lr-pass-shell :where(input[type="email"], input[type="text"], select, textarea) {
	font: inherit;
	font-size: 17px;
	padding: 14px 18px;
	border: 1px solid var(--lr-pass-border, #e3d9c9);
	border-radius: 12px;
	background: var(--lr-color-bg-card, #fbf8f3);
	color: var(--lr-color-text, #2f2a24);
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.lr-pass-shell :where(.lr-pass__btn) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.65em 1.2em;
	font: inherit;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.7;
	border-radius: 999px;
	box-sizing: border-box;
}

/* Lucas's iPhone, 28 October 2026 (measured by Mintnib Website): "Start now" drew as a 19 to 23 px bar, since the
 * theme sizes .lr-btn-primary on lucasrey.com and nothing did here, and text links took the browser's default blue
 * and lavender. A 44 px button, and links in Mintnib's mint, which the skin sets for each scheme. :where() again, so
 * any rule of the pass's own sheet still wins. */
.lr-pass-shell :where(.lr-btn-primary) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.6em 1.2em;
	border-radius: 999px;
	font: inherit;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
	box-sizing: border-box;
}

.lr-pass-shell :where(a:not([class*="btn"])) {
	color: var(--lr-pass-accent, var(--mn-mint, #0b6b62));
}