/* Generated from the approved mockups (swap.css, post.css, account.css). */
/* Rodeo Bike Swap. Uses the theme's presets by name; no hard-coded colours. */

/* Clear the theme's floating header. The theme's script sets --header-bottom. */
.rbs-main,
.entry-content > .rbs-wrap:first-child {
	padding-top: calc(var(--header-bottom, 0px) + var(--wp--preset--spacing--60));
	padding-bottom: var(--wp--preset--spacing--120);
}

.rbs-wrap {
	max-width: var(--wp--style--global--wide-size) !important;
	margin-inline: auto;
	width: 100%;
}

.rbs-mono {
	font-family: var(--wp--preset--font-family--geist-mono);
	font-size: var(--wp--preset--font-size--paragraph-xxs);
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--wp--preset--color--text-tertiary-dark);
}

.rbs-muted { color: var(--wp--preset--color--text-secondary-dark); }
.rbs-small { font-size: var(--wp--preset--font-size--paragraph-xs); }

/* ---------- Browse: intro ---------- */

.rbs-intro {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--30);
	align-items: start;
	margin-bottom: var(--wp--preset--spacing--50);
}

.rbs-intro h1 { margin: 0 0 var(--wp--preset--spacing--20); }
.rbs-intro p:last-child { margin-bottom: 0; }
.rbs-intro p { margin: 0 0 var(--wp--preset--spacing--20); color: var(--wp--preset--color--text-secondary-dark); }

.rbs-actions { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--10); }
.rbs-intro .rbs-actions { justify-content: flex-start; align-items: center; }
.rbs-actions .wp-block-button { margin: 0; }

.rbs-btn-quiet .wp-block-button__link {
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--text-primary-dark);
	border: 0.0625rem solid var(--wp--preset--color--gray-100);
}

.rbs-notice {
	background: var(--wp--preset--color--white);
	border: 0.0625rem solid var(--wp--preset--color--gray-75);
	border-radius: var(--radius-sm);
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	font-size: var(--wp--preset--font-size--paragraph-xs);
	color: var(--wp--preset--color--text-secondary-dark);
	margin-bottom: var(--wp--preset--spacing--50);
}

.rbs-notice strong { color: var(--wp--preset--color--text-primary-dark); }

/* ---------- Tabs ---------- */

.rbs-tabs {
	display: flex;
	gap: var(--wp--preset--spacing--40);
	border-bottom: 0.0625rem solid var(--wp--preset--color--gray-75);
	margin-bottom: var(--wp--preset--spacing--40);
}

.rbs-tab {
	display: inline-flex;
	align-items: baseline;
	gap: 0.5rem;
	padding-bottom: var(--wp--preset--spacing--20);
	margin-bottom: -0.0625rem;
	border-bottom: 0.0625rem solid transparent;
	font-family: var(--wp--preset--font-family--strawford);
	font-size: var(--wp--preset--font-size--heading-five);
	font-weight: 500;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--text-tertiary-dark) !important;
	text-decoration: none !important;
}

.rbs-tab:hover { border-color: var(--wp--preset--color--gray-200); color: var(--wp--preset--color--text-secondary-dark) !important; }
.rbs-tab.is-active { border-color: var(--wp--preset--color--blue-400); color: var(--wp--preset--color--text-primary-dark) !important; }

/* ---------- Filters ---------- */

.rbs-toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	margin-bottom: var(--wp--preset--spacing--30);
}

.rbs-filter-toggle { display: none; }

.rbs-filters {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--10);
	margin-bottom: var(--wp--preset--spacing--40);
}

.rbs-filters label { display: block; }
.rbs-filters label > span { display: block; margin-bottom: 0.35rem; }
.rbs-filters select { width: 100%; }

.rbs-sort { display: flex; align-items: center; gap: 0.75rem; }
.rbs-sort select { padding-block: 0.6rem; }

/* ---------- Cards ---------- */

.rbs-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30);
	list-style: none;
	padding: 0;
	margin: 0;
}

.rbs-card { margin: 0; }

.rbs-card a { text-decoration: none !important; color: inherit; display: block; }

.rbs-card__media {
	position: relative;
	aspect-ratio: 4 / 3;
	border-radius: var(--radius);
	overflow: hidden;
	background: var(--wp--preset--color--white);
	margin-bottom: var(--wp--preset--spacing--20);
}

.rbs-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform var(--speed) ease-in-out;
}

.rbs-card a:hover .rbs-card__media img { transform: scale(var(--scale-hover)); }

.rbs-tag {
	position: absolute;
	left: 0.75rem;
	top: 0.75rem;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--text-primary-dark);
	border-radius: 20rem;
	padding: 0.4rem 0.7rem;
}

.rbs-card__title {
	font-family: var(--wp--preset--font-family--strawford);
	font-size: var(--wp--preset--font-size--heading-six);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.3;
	margin: 0.35rem 0 0.25rem;
}

.rbs-card__row { display: flex; justify-content: space-between; align-items: baseline; gap: 0.75rem; }
.rbs-card__price { font-weight: 600; white-space: nowrap; }
.rbs-card__meta { margin: 0; font-size: var(--wp--preset--font-size--paragraph-xs); color: var(--wp--preset--color--text-secondary-dark); }

/* Want cards have no photo */

.rbs-card--want .rbs-card__media {
	background: var(--wp--preset--color--blue-50);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: var(--wp--preset--spacing--30);
	aspect-ratio: auto;
	min-height: 11rem;
}

.rbs-want__model {
	font-family: var(--wp--preset--font-family--strawford);
	font-size: var(--wp--preset--font-size--heading-four);
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.1;
	margin: 0.5rem 0 0;
}

.rbs-count { margin: 0; }

.rbs-pagination { margin-top: var(--wp--preset--spacing--80); display: flex; justify-content: center; }

/* ---------- Single listing ---------- */

.rbs-crumbs { margin: 0 0 var(--wp--preset--spacing--30); }
.rbs-crumbs a { color: inherit; }

.rbs-single {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
	column-gap: var(--wp--preset--spacing--60);
	row-gap: 0;
	align-items: start;
}

/* Photos and details run down the left; the summary stays beside them. */
.rbs-single > * { grid-column: 1; min-width: 0; }
.rbs-single > .rbs-summary { grid-column: 2; grid-row: 1 / span 12; }
.rbs-single > .rbs-section { margin-top: var(--wp--preset--spacing--60); max-width: none; }

.rbs-gallery__main {
	aspect-ratio: 4 / 3;
	border-radius: var(--radius);
	overflow: hidden;
	background: var(--wp--preset--color--white);
}

.rbs-gallery__main img { width: 100%; height: 100%; object-fit: cover; display: block; }

.rbs-gallery__thumbs {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--10);
	margin-top: var(--wp--preset--spacing--10);
}

.rbs-gallery__thumbs button {
	all: unset;
	cursor: pointer;
	aspect-ratio: 1;
	border-radius: var(--radius-sm);
	overflow: hidden;
	background: var(--wp--preset--color--white);
	outline: 0.125rem solid transparent;
	outline-offset: 0.125rem;
}

.rbs-gallery__thumbs button[aria-current="true"] { outline-color: var(--wp--preset--color--orange-300); }
.rbs-gallery__thumbs button:focus-visible { outline: 0.125rem dashed var(--wp--preset--color--orange-300); }
.rbs-gallery__thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rbs-gallery__caption { margin: var(--wp--preset--spacing--10) 0 0; }

/* Stick beside the photos only when the whole summary fits on screen. */
@media (min-height: 72rem) {
	.rbs-summary { position: sticky; top: calc(var(--header-bottom, 5rem) + 1rem); }
}
.rbs-comments h2 { font-size: var(--wp--preset--font-size--heading-three); margin: 0 0 var(--wp--preset--spacing--10); }
.rbs-comments__inner > .rbs-muted { margin: 0 0 var(--wp--preset--spacing--40); }
.rbs-summary h1 { font-size: var(--wp--preset--font-size--heading-two); margin: 0.5rem 0 var(--wp--preset--spacing--20); }

.rbs-price { display: flex; align-items: baseline; gap: 0.75rem; margin: 0 0 var(--wp--preset--spacing--30); }
.rbs-price strong { font-family: var(--wp--preset--font-family--strawford); font-size: var(--wp--preset--font-size--heading-three); font-weight: 500; letter-spacing: -0.03em; }

.rbs-facts { margin: 0 0 var(--wp--preset--spacing--30); padding: 0; }
.rbs-facts div { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: 1rem; padding: 0.7rem 0; border-top: 0.0625rem solid var(--wp--preset--color--gray-75); }
.rbs-facts div:last-child { border-bottom: 0.0625rem solid var(--wp--preset--color--gray-75); }
.rbs-facts dt { margin: 0; align-self: center; }
.rbs-facts dd { margin: 0; font-size: var(--wp--preset--font-size--paragraph-small); }

.rbs-records {
	background: var(--wp--preset--color--blue-50);
	border-radius: var(--radius-sm);
	padding: var(--wp--preset--spacing--30);
	margin-bottom: var(--wp--preset--spacing--20);
}

.rbs-records p { margin: 0.4rem 0 0; font-size: var(--wp--preset--font-size--paragraph-small); }
.rbs-records .rbs-small { color: var(--wp--preset--color--text-secondary-dark); }

.rbs-cta { display: grid; gap: var(--wp--preset--spacing--10); margin: var(--wp--preset--spacing--30) 0; }
.rbs-cta .wp-block-button, .rbs-cta .wp-block-button__link { width: 100%; text-align: center; box-sizing: border-box; margin: 0; }

.rbs-seller {
	display: flex;
	gap: var(--wp--preset--spacing--20);
	align-items: center;
	padding: var(--wp--preset--spacing--20) 0;
	border-top: 0.0625rem solid var(--wp--preset--color--gray-75);
}

.rbs-avatar {
	width: 3rem; height: 3rem; border-radius: 20rem; flex: none;
	background: var(--wp--preset--color--green-100);
	display: grid; place-items: center;
	font-family: var(--wp--preset--font-family--strawford); font-weight: 500;
}

.rbs-seller p { margin: 0; }

.rbs-role {
	border-left: 0.1875rem solid var(--wp--preset--color--orange-300);
	padding: 0.25rem 0 0.25rem var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--paragraph-xs);
	color: var(--wp--preset--color--text-secondary-dark);
	margin-top: var(--wp--preset--spacing--20);
}

.rbs-section { margin-top: var(--wp--preset--spacing--80); max-width: 55.625rem; }
.rbs-section > h2 { font-size: var(--wp--preset--font-size--heading-three); margin: 0 0 var(--wp--preset--spacing--30); }
.rbs-section > h2 + .rbs-muted { margin-top: calc(var(--wp--preset--spacing--30) * -0.5); }

.rbs-disclosures { list-style: none; margin: 0; padding: 0; }
.rbs-disclosures li {
	display: grid;
	grid-template-columns: minmax(0, 14rem) 4rem minmax(0, 1fr);
	gap: var(--wp--preset--spacing--20);
	padding: var(--wp--preset--spacing--20) 0;
	border-top: 0.0625rem solid var(--wp--preset--color--gray-75);
	align-items: start;
}
.rbs-disclosures li:last-child { border-bottom: 0.0625rem solid var(--wp--preset--color--gray-75); }
.rbs-disclosures p { margin: 0; font-size: var(--wp--preset--font-size--paragraph-small); }

.rbs-yn { font-weight: 600; }
.rbs-yn--yes { color: var(--wp--preset--color--orange-500); }

.rbs-disclosure-photos { display: flex; gap: 0.5rem; margin-top: 0.6rem; }
.rbs-disclosure-photos img { width: 5.5rem; height: 5.5rem; object-fit: cover; border-radius: var(--radius-sm); display: block; }

.rbs-spec { width: 100%; border-collapse: collapse; font-size: var(--wp--preset--font-size--paragraph-small); }
.rbs-spec th, .rbs-spec td { text-align: left; padding: 0.7rem 0.9rem; vertical-align: top; }
.rbs-spec th { width: 14rem; font-weight: 500; color: var(--wp--preset--color--text-secondary-dark); }
.rbs-spec tr:nth-child(odd) { background: var(--wp--preset--color--white); }
.rbs-spec caption { text-align: left; padding: var(--wp--preset--spacing--30) 0 0.6rem; }

.rbs-archive {
	display: grid;
	grid-template-columns: 7rem minmax(0, 1fr) auto;
	gap: var(--wp--preset--spacing--20);
	align-items: center;
	background: var(--wp--preset--color--white);
	border-radius: var(--radius-sm);
	padding: var(--wp--preset--spacing--20);
	text-decoration: none !important;
	color: inherit;
}
.rbs-archive img { width: 7rem; height: 5.25rem; object-fit: cover; border-radius: var(--radius-sm); display: block; }
.rbs-archive p { margin: 0; }

.rbs-comments {
	background: var(--wp--preset--color--blue-50);
	border-radius: var(--radius);
	padding: var(--wp--preset--spacing--50);
	max-width: none;
}
.rbs-comments__inner { max-width: 55.625rem; }
.rbs-comment { margin-bottom: var(--wp--preset--spacing--40); }
.rbs-comment--reply { margin-left: var(--wp--preset--spacing--60); }
.rbs-comment__head { display: flex; gap: var(--wp--preset--spacing--20); align-items: center; margin-bottom: 0.6rem; }
.rbs-comment__head .rbs-avatar { background: var(--wp--preset--color--white); }
.rbs-comment__name { font-family: var(--wp--preset--font-family--strawford); font-size: var(--wp--preset--font-size--heading-six); font-weight: 500; letter-spacing: -0.02em; margin: 0; }
.rbs-comment p { margin: 0; font-size: var(--wp--preset--font-size--paragraph-small); }
.rbs-badge { background: var(--wp--preset--color--white); border-radius: 20rem; padding: 0.25rem 0.6rem; margin-left: 0.5rem; }
.rbs-comment-form textarea { width: 100%; box-sizing: border-box; min-height: 6rem; margin-bottom: var(--wp--preset--spacing--10); }

.rbs-mobilebar { display: none; }

/* ---------- Responsive ---------- */

@media (max-width: 75em) {
	.rbs-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.rbs-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 56.25em) {
	.rbs-single { grid-template-columns: minmax(0, 1fr); }
	.rbs-single > .rbs-summary { position: static; grid-column: 1; grid-row: auto; margin-top: var(--wp--preset--spacing--40); }
	.rbs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rbs-intro { grid-template-columns: minmax(0, 1fr); align-items: start; }
}

@media (max-width: 37.5em) {
	.rbs-filter-toggle { display: inline-flex; margin: 0; }
	.rbs-filter-toggle .wp-block-button__link { white-space: nowrap; padding: 0.85rem 1.25rem; }
	.rbs-toolbar { flex-direction: column; align-items: stretch; }
	.rbs-sort { justify-content: space-between; }
	.rbs-sort label { display: none; }
	.rbs-sort select { flex: 1; min-width: 0; }
	.rbs-mobilebar .wp-block-button__link { white-space: nowrap; padding: 1rem 1.5rem; }
	.rbs-mobilebar .rbs-mono { white-space: nowrap; }
	.rbs-filters { display: none; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rbs-filters.is-open { display: grid; }
	.rbs-grid { gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20); }
	.rbs-card__row { flex-direction: column; gap: 0; }
	.rbs-tabs { gap: var(--wp--preset--spacing--30); }
	.rbs-actions .wp-block-button, .rbs-actions .wp-block-button__link { width: 100%; text-align: center; box-sizing: border-box; }
	.rbs-gallery__thumbs { gap: 0.4rem; }
	.rbs-tag { left: 0.5rem; top: 0.5rem; padding: 0.3rem 0.5rem; font-size: 0.625rem; }
	.rbs-facts div { grid-template-columns: 6.5rem minmax(0, 1fr); }
	.rbs-disclosures p:empty { display: none; }
	.rbs-disclosures li { grid-template-columns: minmax(0, 1fr) auto; }
	.rbs-disclosures li > :last-child { grid-column: 1 / -1; }
	.rbs-spec th { width: 42%; }
	.rbs-comments { padding: var(--wp--preset--spacing--30); }
	.rbs-comment--reply { margin-left: var(--wp--preset--spacing--30); }
	.rbs-archive { grid-template-columns: 5rem minmax(0, 1fr); }
	.rbs-archive img { width: 5rem; height: 3.75rem; }
	.rbs-archive > :last-child { display: none; }

	.rbs-mobilebar {
		display: flex;
		position: fixed;
		left: 0; right: 0; bottom: 0;
		z-index: 50;
		align-items: center;
		justify-content: space-between;
		gap: var(--wp--preset--spacing--20);
		padding: 0.75rem var(--wp--preset--spacing--gutter);
		background: var(--wp--preset--color--white);
		border-top: 0.0625rem solid var(--wp--preset--color--gray-75);
	}
	.rbs-mobilebar p { margin: 0; line-height: 1.2; }
	.rbs-mobilebar .wp-block-button { margin: 0; }
	.rbs-has-mobilebar { padding-bottom: 6rem; }
}

/* Posting form. Theme presets only. */

.rbs-post {
	display: grid;
	grid-template-columns: minmax(0, 18rem) minmax(0, 1fr);
	gap: var(--wp--preset--spacing--80);
	align-items: start;
}

.rbs-post__side { position: sticky; top: calc(var(--header-bottom, 5rem) + 1rem); }
.rbs-post__side h1 { font-size: var(--wp--preset--font-size--heading-three); margin: 0 0 var(--wp--preset--spacing--30); }

.rbs-steps { list-style: none; margin: 0 0 var(--wp--preset--spacing--40); padding: 0; }
.rbs-steps button {
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	width: 100%;
	padding: 0.55rem 0;
	color: var(--wp--preset--color--text-tertiary-dark);
	font-size: var(--wp--preset--font-size--paragraph-small);
}
.rbs-steps button:focus-visible { outline: 0.125rem dashed var(--wp--preset--color--orange-300); outline-offset: 0.125rem; }
.rbs-steps__n {
	display: grid; place-items: center; flex: none;
	width: 1.75rem; height: 1.75rem; border-radius: 20rem;
	border: 0.0625rem solid var(--wp--preset--color--gray-100);
	color: inherit;
}
.rbs-steps .is-current button { color: var(--wp--preset--color--text-primary-dark); font-weight: 600; }
.rbs-steps .is-current .rbs-steps__n { background: var(--wp--preset--color--text-primary-dark); border-color: var(--wp--preset--color--text-primary-dark); color: var(--wp--preset--color--white); }
.rbs-steps .is-done button { color: var(--wp--preset--color--text-secondary-dark); }
.rbs-steps .is-done .rbs-steps__n { background: var(--wp--preset--color--green-100); border-color: var(--wp--preset--color--green-100); color: var(--wp--preset--color--text-primary-dark); }

.rbs-meter { background: var(--wp--preset--color--white); border-radius: var(--radius-sm); padding: var(--wp--preset--spacing--20); }
.rbs-meter__head { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; margin-bottom: 0.6rem; }
.rbs-meter__head strong { font-size: var(--wp--preset--font-size--paragraph-xs); }
.rbs-meter__bar { height: 0.375rem; border-radius: 20rem; background: var(--wp--preset--color--gray-75); overflow: hidden; }
.rbs-meter__bar span { display: block; height: 100%; width: 0; background: var(--wp--preset--color--green-400); border-radius: 20rem; transition: width var(--speed) ease-in-out; }
.rbs-meter__next { margin: 0.6rem 0 0; }
.rbs-saved { margin: var(--wp--preset--spacing--20) 0 0; }

.rbs-progress { display: none; }

/* Form */

.rbs-form { max-width: 46rem; min-width: 0; }
.rbs-step > h2 { font-size: var(--wp--preset--font-size--heading-two); margin: 0 0 var(--wp--preset--spacing--20); }
.rbs-step > * + * { margin-top: var(--wp--preset--spacing--40); }
.rbs-step > h2 + .rbs-tip { margin-top: 0; }

.rbs-tip {
	border-left: 0.1875rem solid var(--wp--preset--color--blue-300);
	padding: 0.15rem 0 0.15rem var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--text-secondary-dark);
	font-size: var(--wp--preset--font-size--paragraph-small);
	margin: 0;
}

.rbs-form fieldset { border: 0; padding: 0; margin-inline: 0; min-width: 0; }
.rbs-form legend { padding: 0; }
.rbs-form label { display: block; }
.rbs-label { display: block; font-size: var(--wp--preset--font-size--paragraph-xs); font-weight: 600; margin-bottom: 0.45rem; }
.rbs-label em { font-style: normal; font-weight: 400; color: var(--wp--preset--color--text-tertiary-dark); margin-left: 0.25rem; }
.rbs-form input[type="text"], .rbs-form input[type="tel"], .rbs-form select, .rbs-form textarea { width: 100%; box-sizing: border-box; }
.rbs-form fieldset > .rbs-small { margin: -0.2rem 0 0.75rem; }

.rbs-fields { display: grid; gap: var(--wp--preset--spacing--20); align-items: end; }
.rbs-fields--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rbs-fields--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rbs-fields--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rbs-narrow { max-width: 16rem; }
.rbs-group { font-size: var(--wp--preset--font-size--heading-five); margin: var(--wp--preset--spacing--50) 0 var(--wp--preset--spacing--20); }
.rbs-complete-only > * + * { margin-top: var(--wp--preset--spacing--20); }
.rbs-readonly { margin: 0; padding: var(--wp--preset--spacing--20) 0; font-size: var(--wp--preset--font-size--paragraph-small); }

.rbs-show { display: none; }
.rbs-show.is-shown { display: block; }
.rbs-step > .rbs-show { margin-top: var(--wp--preset--spacing--20); }

/* Pill choices */

.rbs-choices { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.rbs-choice { position: relative; cursor: pointer; }
.rbs-choice input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.rbs-choice span {
	display: inline-block;
	padding: 0.7rem 1.1rem;
	border-radius: 20rem;
	background: var(--wp--preset--color--white);
	border: 0.0625rem solid var(--wp--preset--color--gray-100);
	font-size: var(--wp--preset--font-size--paragraph-xs);
	font-weight: 600;
	transition: all var(--speed-fast) ease-in-out;
}
.rbs-choice input:checked + span { background: var(--wp--preset--color--text-primary-dark); border-color: var(--wp--preset--color--text-primary-dark); color: var(--wp--preset--color--white); }
.rbs-choice--yes input:checked + span { background: var(--wp--preset--color--orange-400); border-color: var(--wp--preset--color--orange-400); }
.rbs-choice input:focus-visible + span { outline: 0.125rem dashed var(--wp--preset--color--orange-300); outline-offset: 0.125rem; }

/* Checkboxes */

.rbs-check { display: grid !important; grid-template-columns: 1.25rem minmax(0, 1fr); gap: 0.75rem; align-items: start; font-size: var(--wp--preset--font-size--paragraph-small); cursor: pointer; }
.rbs-check input { width: 1.25rem; height: 1.25rem; margin: 0.15rem 0 0; accent-color: var(--wp--preset--color--orange-400); }
.rbs-check + .rbs-check { margin-top: 0.75rem; }
.rbs-check--inline { padding-bottom: 1rem; }
.rbs-check--optional { margin-top: var(--wp--preset--spacing--30) !important; padding-top: var(--wp--preset--spacing--30); border-top: 0.0625rem solid var(--wp--preset--color--gray-75); }
.rbs-check em { font-style: normal; font-weight: 600; }

/* Callouts */

.rbs-callout { background: var(--wp--preset--color--white); border-radius: var(--radius-sm); padding: var(--wp--preset--spacing--30); }
.rbs-callout p { margin: 0.5rem 0 0; font-size: var(--wp--preset--font-size--paragraph-small); }
.rbs-callout--warn { background: var(--wp--preset--color--orange-50); }
.rbs-callout--warn > * + * { margin-top: var(--wp--preset--spacing--20) !important; }
.rbs-callout--warn p:first-child { margin-top: 0; }
.rbs-lock { margin-top: var(--wp--preset--spacing--20) !important; }
.rbs-serial-fields.is-off { opacity: 0.35; pointer-events: none; }

/* Disclosure questions */

.rbs-question { border-top: 0.0625rem solid var(--wp--preset--color--gray-75); padding: var(--wp--preset--spacing--20) 0; }
.rbs-question:last-child { border-bottom: 0.0625rem solid var(--wp--preset--color--gray-75); }
.rbs-question__row { display: flex; justify-content: space-between; align-items: center; gap: var(--wp--preset--spacing--20); }
.rbs-question__more { margin-top: var(--wp--preset--spacing--20); }
.rbs-question__more > * + * { margin-top: var(--wp--preset--spacing--20); }

/* Photo slots */

.rbs-slot {
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.25rem;
	width: 100%;
	aspect-ratio: 4 / 3;
	border-radius: var(--radius-sm);
	border: 0.0625rem dashed var(--wp--preset--color--gray-200);
	background: var(--wp--preset--color--white) center / cover no-repeat;
	text-align: center;
	transition: border-color var(--speed-fast) ease-in-out;
}
.rbs-slot:hover { border-color: var(--wp--preset--color--orange-300); }
.rbs-slot:focus-visible { outline: 0.125rem dashed var(--wp--preset--color--orange-300); outline-offset: 0.125rem; }
.rbs-slot__add { font-size: var(--wp--preset--font-size--paragraph-xs); font-weight: 600; }
.rbs-slot__hint { font-size: var(--wp--preset--font-size--paragraph-xxs); color: var(--wp--preset--color--text-tertiary-dark); }
.rbs-slot.is-filled { border-style: solid; border-color: transparent; justify-content: flex-end; align-items: flex-end; padding: 0.5rem; }
.rbs-slot.is-filled .rbs-slot__hint { display: none; }
.rbs-slot.is-filled .rbs-slot__add { background: var(--wp--preset--color--white); border-radius: 20rem; padding: 0.3rem 0.7rem; }
.rbs-slot--wide { aspect-ratio: auto; min-height: 3.6rem; flex-direction: row; gap: 0.75rem; }
.rbs-slot--wide.is-filled { min-height: 7rem; }

.rbs-slots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20); }
.rbs-slotcard p { margin: 0; }
.rbs-slotcard__name { font-weight: 600; font-size: var(--wp--preset--font-size--paragraph-small); margin-top: 0.6rem !important; }
.rbs-slotrow { display: grid; grid-template-columns: repeat(2, 8rem); gap: 0.75rem; }

/* Fork picker */

.rbs-forks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; margin-top: var(--wp--preset--spacing--20); }
.rbs-fork { position: relative; cursor: pointer; }
.rbs-fork[hidden] { display: none; }
.rbs-fork input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.rbs-fork span { display: block; height: 100%; box-sizing: border-box; padding: 0.85rem 1rem; background: var(--wp--preset--color--white); border: 0.0625rem solid var(--wp--preset--color--gray-100); border-radius: var(--radius-sm); }
.rbs-fork strong { display: block; font-size: var(--wp--preset--font-size--paragraph-small); }
.rbs-fork em { display: block; font-style: normal; font-size: var(--wp--preset--font-size--paragraph-xs); color: var(--wp--preset--color--text-secondary-dark); margin-top: 0.15rem; }
.rbs-fork input:checked + span { border-color: var(--wp--preset--color--text-primary-dark); box-shadow: inset 0 0 0 0.0625rem var(--wp--preset--color--text-primary-dark); }
.rbs-fork input:focus-visible + span { outline: 0.125rem dashed var(--wp--preset--color--orange-300); outline-offset: 0.125rem; }

/* Review */

.rbs-agree .rbs-check + .rbs-check { margin-top: 1rem; }
.rbs-agree > p { margin-top: var(--wp--preset--spacing--30); }
.rbs-step .rbs-records .rbs-check { margin-top: var(--wp--preset--spacing--20); }

.rbs-nav { display: flex; justify-content: space-between; gap: var(--wp--preset--spacing--20); margin-top: var(--wp--preset--spacing--60); padding-top: var(--wp--preset--spacing--30); border-top: 0.0625rem solid var(--wp--preset--color--gray-75); }
.rbs-nav .wp-block-button { margin: 0; }

.rbs-done { background: var(--wp--preset--color--green-50); border-radius: var(--radius); padding: var(--wp--preset--spacing--50); }
.rbs-done h2 { margin: 0.5rem 0 var(--wp--preset--spacing--20); }

@media (max-width: 56.25em) {
	.rbs-post { grid-template-columns: minmax(0, 1fr); gap: var(--wp--preset--spacing--30); }
	.rbs-post__side { position: static; }
	.rbs-steps, .rbs-saved { display: none; }
	.rbs-post__side h1 { margin-bottom: var(--wp--preset--spacing--20); }
	.rbs-progress { display: block; margin-bottom: var(--wp--preset--spacing--30); }
	.rbs-progress .rbs-meter__bar { display: none; }
}

@media (max-width: 37.5em) {
	.rbs-fields--2, .rbs-fields--3, .rbs-fields--4 { grid-template-columns: minmax(0, 1fr); }
	.rbs-fields--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rbs-slots { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rbs-forks { grid-template-columns: minmax(0, 1fr); }
	.rbs-question__row { align-items: flex-start; }
	.rbs-check--inline { padding-bottom: 0; }
	.rbs-nav .wp-block-button__link { padding-inline: 1.5rem; white-space: nowrap; }
}

.rbs-missing[hidden] { display: none; }
.rbs-missing__list { margin: 0.5rem 0 0; padding-left: 1.1rem; font-size: var(--wp--preset--font-size--paragraph-small); }
.rbs-missing__go { all: unset; cursor: pointer; text-decoration: underline; }
.rbs-missing__go:focus-visible { outline: 0.125rem dashed var(--wp--preset--color--orange-300); }
.rbs-mismatch[hidden] { display: none; }

/* Account area: My listings, Messages, My bikes. Theme presets only. */

.rbs-account {
	display: grid;
	grid-template-columns: 13rem minmax(0, 1fr);
	column-gap: var(--wp--preset--spacing--60);
	align-items: start;
}

.rbs-account__nav ul { list-style: none; margin: 0.5rem 0 var(--wp--preset--spacing--40); padding: 0; }
.rbs-account__nav p { margin: 0; }
.rbs-account__nav a {
	display: flex; justify-content: space-between; align-items: center; gap: 0.5rem;
	padding: 0.6rem 0.8rem;
	border-radius: var(--radius-sm);
	color: var(--wp--preset--color--text-secondary-dark);
	text-decoration: none !important;
}
.rbs-account__nav a:hover { background: var(--wp--preset--color--white); }
.rbs-account__nav a[aria-current="page"] { background: var(--wp--preset--color--white); color: var(--wp--preset--color--text-primary-dark); font-weight: 600; }
.rbs-count-pill { background: var(--wp--preset--color--orange-400); color: var(--wp--preset--color--white); border-radius: 20rem; padding: 0.15rem 0.5rem; }

.rbs-account__head {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end;
	gap: var(--wp--preset--spacing--20);
	margin-bottom: var(--wp--preset--spacing--30);
}
.rbs-account__head h1 { font-size: var(--wp--preset--font-size--heading-two); margin: 0; }
.rbs-account__head p { margin: 0.5rem 0 0; }
.rbs-account__head .rbs-help-link { margin-right: auto; align-self: end; }
.rbs-actions .rbs-help-link { align-self: center; }
.rbs-beta {
	display: inline-block; vertical-align: middle; margin-left: 0.4em; padding: 0.15em 0.55em;
	border: 1px solid currentColor; border-radius: 999px;
	font-family: var(--wp--preset--font-family--monospace, monospace); font-size: 0.32em; font-weight: 400;
	letter-spacing: 0.08em; line-height: 1.4; text-transform: uppercase;
}
.rbs-account__head .rbs-beta, .rbs-account__body h2 .rbs-beta { font-size: 0.45em; }
.rbs-intro .rbs-beta-note { margin-top: var(--wp--preset--spacing--20); font-size: 0.9em; }
.rbs-account__body > .rbs-h3:first-of-type { margin-top: var(--wp--preset--spacing--30); }
.rbs-h3 .rbs-mono { margin-left: 0.5rem; }

.rbs-link { font-size: var(--wp--preset--font-size--paragraph-xs); color: var(--wp--preset--color--text-secondary-dark); }

/* ---------- Rows ---------- */

.rbs-rows { list-style: none; margin: 0 0 var(--wp--preset--spacing--20); padding: 0; display: grid; gap: var(--wp--preset--spacing--10); }

.rbs-row, .rbs-coupon {
	display: grid;
	grid-template-columns: 9rem minmax(0, 1fr) 13rem;
	gap: var(--wp--preset--spacing--30);
	align-items: center;
	background: var(--wp--preset--color--white);
	border-radius: var(--radius);
	padding: var(--wp--preset--spacing--20);
	margin: 0;
}
.rbs-coupon { grid-template-columns: minmax(0, 1fr); padding: var(--wp--preset--spacing--30); }
.rbs-row > img { width: 9rem; height: 6.75rem; object-fit: cover; border-radius: var(--radius-sm); display: block; }
.rbs-row__want {
	width: 9rem; height: 6.75rem; box-sizing: border-box;
	border-radius: var(--radius-sm);
	background: var(--wp--preset--color--blue-50);
	display: grid; place-items: center;
}
.rbs-row p { margin: 0; }
.rbs-row__top { display: flex; flex-wrap: wrap; gap: 0.4rem 0.75rem; align-items: center; margin: 0; }
.rbs-row__title {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 0.25rem 1rem;
	font-family: var(--wp--preset--font-family--strawford);
	font-size: var(--wp--preset--font-size--heading-six);
	font-weight: 500; letter-spacing: -0.02em; line-height: 1.3;
	margin: 0.5rem 0 0.25rem;
}
.rbs-row__price { font-family: var(--wp--preset--font-family--inter); font-size: var(--wp--preset--font-size--paragraph-small); font-weight: 600; letter-spacing: 0; }
.rbs-row__note { font-size: var(--wp--preset--font-size--paragraph-xs); color: var(--wp--preset--color--text-secondary-dark); margin: 0 0 0.5rem !important; }
.rbs-row__actions { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-content: center; }
.rbs-row__actions .wp-block-button { margin: 0; width: 100%; }
.rbs-row__actions .wp-block-button__link { width: 100%; box-sizing: border-box; text-align: center; white-space: normal; line-height: 1.25; padding: 0.8rem 1rem; }

.rbs-status { border-radius: 20rem; padding: 0.3rem 0.65rem; color: var(--wp--preset--color--text-primary-dark); background: var(--wp--preset--color--gray-75); }
.rbs-status--live { background: var(--wp--preset--color--green-100); }
.rbs-status--warn { background: var(--wp--preset--color--yellow-300); }
.rbs-status--review { background: var(--wp--preset--color--blue-50); }

.rbs-code { font-family: var(--wp--preset--font-family--geist-mono); background: var(--wp--preset--color--gray-50); border-radius: var(--radius-sm); padding: 0.15rem 0.4rem; }

/* ---------- Messages ---------- */

.rbs-inbox {
	display: grid;
	grid-template-columns: 19rem minmax(0, 1fr);
	background: var(--wp--preset--color--white);
	border-radius: var(--radius);
	overflow: hidden;
	min-height: 34rem;
}

.rbs-threads { list-style: none; margin: 0; padding: 0; border-right: 0.0625rem solid var(--wp--preset--color--gray-75); }
.rbs-thread {
	display: flex; gap: 0.75rem; align-items: flex-start;
	padding: var(--wp--preset--spacing--20);
	border-bottom: 0.0625rem solid var(--wp--preset--color--gray-75);
	text-decoration: none !important; color: inherit;
}
.rbs-thread:hover, .rbs-thread.is-current { background: var(--wp--preset--color--gray-50); }
.rbs-thread .rbs-avatar { width: 2.5rem; height: 2.5rem; font-size: var(--wp--preset--font-size--paragraph-xs); }
.rbs-thread__text { display: grid; gap: 0.15rem; min-width: 0; flex: 1; }
.rbs-thread__who { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; }
.rbs-thread__snippet { font-size: var(--wp--preset--font-size--paragraph-xs); color: var(--wp--preset--color--text-secondary-dark); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rbs-thread.is-unread .rbs-thread__who, .rbs-thread.is-unread .rbs-thread__snippet { font-weight: 600; color: var(--wp--preset--color--text-primary-dark); }
.rbs-thread.is-unread .rbs-avatar { box-shadow: 0 0 0 0.1875rem var(--wp--preset--color--orange-300); }

.rbs-convo { display: flex; flex-direction: column; min-width: 0; }
.rbs-convo__back { display: none; }
.rbs-convo__head {
	display: grid; grid-template-columns: 4.5rem minmax(0, 1fr) auto; gap: var(--wp--preset--spacing--20); align-items: center;
	padding: var(--wp--preset--spacing--20);
	border-bottom: 0.0625rem solid var(--wp--preset--color--gray-75);
}
.rbs-convo__head img { width: 4.5rem; height: 3.375rem; object-fit: cover; border-radius: var(--radius-sm); display: block; }
.rbs-convo__head p { margin: 0; }
.rbs-convo__who { font-family: var(--wp--preset--font-family--strawford); font-size: var(--wp--preset--font-size--heading-six); font-weight: 500; letter-spacing: -0.02em; }
.rbs-convo__who .rbs-mono { margin-left: 0.5rem; }
.rbs-convo__tools { display: grid; gap: 0.2rem; justify-items: end; text-align: right; }

.rbs-msgs { flex: 1; padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20); display: flex; flex-direction: column; gap: var(--wp--preset--spacing--20); }
.rbs-msgs__day { text-align: center; margin: 0; }
.rbs-msg { max-width: 34rem; align-self: flex-start; }
.rbs-msg p { margin: 0 0 0.3rem; background: var(--wp--preset--color--gray-50); border-radius: var(--radius); padding: 0.75rem 1rem; font-size: var(--wp--preset--font-size--paragraph-small); }
.rbs-msg--mine { align-self: flex-end; text-align: right; }
.rbs-msg--mine p { background: var(--wp--preset--color--blue-50); text-align: left; }
.rbs-msgs__hint {
	margin: 0; align-self: stretch;
	background: var(--wp--preset--color--yellow-50);
	border-radius: var(--radius-sm);
	padding: 0.75rem 1rem;
	font-size: var(--wp--preset--font-size--paragraph-xs);
}

.rbs-reply { padding: var(--wp--preset--spacing--20); border-top: 0.0625rem solid var(--wp--preset--color--gray-75); }
.rbs-reply textarea { width: 100%; box-sizing: border-box; margin: 0.4rem 0 var(--wp--preset--spacing--10); }
.rbs-reply__row { display: flex; justify-content: space-between; align-items: center; gap: var(--wp--preset--spacing--20); }
.rbs-reply__row p, .rbs-reply__row .wp-block-button { margin: 0; }
.rbs-inbox__note { margin-top: var(--wp--preset--spacing--30); }

/* ---------- My bikes ---------- */

.rbs-pending {
	display: grid; grid-template-columns: minmax(0, 1fr) 15rem; gap: var(--wp--preset--spacing--30); align-items: center;
	background: var(--wp--preset--color--yellow-50);
	border-radius: var(--radius);
	padding: var(--wp--preset--spacing--30);
}
.rbs-pending p { margin: 0; font-size: var(--wp--preset--font-size--paragraph-small); }
.rbs-pending__title { font-size: var(--wp--preset--font-size--heading-five); margin: 0.5rem 0; }
.rbs-pending__actions { display: grid; gap: 0.6rem; justify-items: center; }
.rbs-pending__actions .wp-block-button, .rbs-pending__actions .wp-block-button__link { width: 100%; box-sizing: border-box; text-align: center; margin: 0; white-space: normal; line-height: 1.25; }

.rbs-bikes { list-style: none; margin: 0 0 var(--wp--preset--spacing--20); padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--30); }
.rbs-bike { background: var(--wp--preset--color--white); border-radius: var(--radius); overflow: hidden; margin: 0; display: flex; flex-direction: column; }
.rbs-bike > img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.rbs-bike__body { padding: var(--wp--preset--spacing--30); display: flex; flex-direction: column; flex: 1; }
.rbs-bike__body > p { margin: 0; }
.rbs-bike .rbs-facts { margin: var(--wp--preset--spacing--20) 0; }
.rbs-bike .rbs-facts div { grid-template-columns: 7.5rem minmax(0, 1fr); }
.rbs-bike__actions { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; align-items: center; margin-top: auto; }
.rbs-bike__actions .wp-block-button { margin: 0; }

/* ---------- Responsive ---------- */

@media (max-width: 75em) {
	.rbs-bikes { grid-template-columns: minmax(0, 1fr); }
	.rbs-bike { flex-direction: row; }
	.rbs-bike > img { width: 38%; aspect-ratio: auto; }
}

@media (max-width: 56.25em) {
	.rbs-account { grid-template-columns: minmax(0, 1fr); row-gap: var(--wp--preset--spacing--30); }
	.rbs-account__nav { display: flex; gap: 0.25rem; overflow-x: auto; margin-inline: calc(var(--wp--preset--spacing--gutter) * -1); padding-inline: var(--wp--preset--spacing--gutter); }
	.rbs-account__nav p { display: none; }
	.rbs-account__nav ul { display: flex; gap: 0.25rem; margin: 0; }
	.rbs-account__nav ul:last-of-type { order: -1; }
	.rbs-account__nav a { white-space: nowrap; }
	.rbs-row { grid-template-columns: 7rem minmax(0, 1fr); align-items: start; }
	.rbs-row > img, .rbs-row__want { width: 7rem; height: 5.25rem; }
	.rbs-row__actions { grid-column: 1 / -1; }
	.rbs-row__actions .wp-block-button { width: auto; }
	.rbs-pending { grid-template-columns: minmax(0, 1fr); }
	.rbs-pending__actions { justify-items: start; }
	.rbs-pending__actions .wp-block-button { width: auto; }
	.rbs-inbox { grid-template-columns: 15rem minmax(0, 1fr); }
	.rbs-convo__head { grid-template-columns: 4.5rem minmax(0, 1fr); }
	.rbs-convo__tools { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; text-align: left; }
}

@media (max-width: 37.5em) {
	.rbs-inbox { grid-template-columns: minmax(0, 1fr); min-height: 0; }
	.rbs-inbox .rbs-convo { display: none; }
	.rbs-inbox.is-open .rbs-convo { display: flex; }
	.rbs-inbox.is-open .rbs-threads { display: none; }
	.rbs-threads { border-right: 0; }
	.rbs-thread.is-current { background: none; }
	.rbs-convo__back { display: block; padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--20) 0; color: inherit; }
	.rbs-reply__row { flex-direction: column; align-items: stretch; }
	.rbs-reply__row .wp-block-button, .rbs-reply__row .wp-block-button__link { width: 100%; box-sizing: border-box; }
	.rbs-row__actions .wp-block-button { width: 100%; }
	.rbs-bike { flex-direction: column; }
	.rbs-bike > img { width: 100%; aspect-ratio: 16 / 9; }
	.rbs-bike .rbs-facts div { grid-template-columns: 6.5rem minmax(0, 1fr); }
	.rbs-account__head .rbs-actions { width: 100%; }
}
.rbs-msgs__hint p { margin: 0 0 0.6rem; }
.rbs-msgs__hint .wp-block-button { margin: 0; }
.rbs-msgs__hint .wp-block-button__link { padding: 0.6rem 1rem; white-space: normal; line-height: 1.25; }

/* Conversation header and reply row must never squeeze text to one letter wide. */
.rbs-convo__head { grid-template-columns: 4.5rem minmax(0, 1fr); }
.rbs-convo__tools { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; justify-items: start; text-align: left; }
.rbs-reply__row { flex-wrap: wrap; }
.rbs-reply__row p { flex: 1 1 14rem; }
.rbs-reply__row .wp-block-button { flex: none; }
.rbs-reply__row .wp-block-button__link { white-space: nowrap; }
@media (max-width: 68em) {
	.rbs-inbox { grid-template-columns: 15rem minmax(0, 1fr); }
}

/* ---------- Plugin additions (not in the mockups) ---------- */

.rbs-slot.is-busy { opacity: 0.6; pointer-events: none; }
.rbs-slot__remove { all: unset; cursor: pointer; text-decoration: underline; font-size: var(--wp--preset--font-size--paragraph-xxs); margin-top: 0.35rem; display: inline-block; }
.rbs-check.is-error span { color: var(--wp--preset--color--orange-500, currentColor); text-decoration: underline wavy; }
.rbs-upload-error { color: var(--wp--preset--color--orange-500, currentColor); }
.rbs-near { width: 7rem; }
.rbs-near[hidden] { display: none; }
.rbs-empty { padding: var(--wp--preset--spacing--50) 0; color: var(--wp--preset--color--text-secondary-dark); }
.rbs-pages { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: var(--wp--preset--spacing--50); }
.rbs-pages a, .rbs-pages span { padding: 0.4rem 0.75rem; border-radius: var(--radius-sm); background: var(--wp--preset--color--white); }
.rbs-pages span[aria-current] { background: var(--wp--preset--color--gray-75); }
.rbs-relist { margin-bottom: var(--wp--preset--spacing--40); }
.rbs-relist .rbs-actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 0.75rem; }
.rbs-contact { margin-top: var(--wp--preset--spacing--20); }
.rbs-my-listings .rbs-account__head h2 { margin: 0; }
.rbs-credit { margin-top: 0.35rem !important; }
.rbs-records__help summary { cursor: pointer; list-style: none; }
.rbs-records__help summary::-webkit-details-marker { display: none; }
.rbs-records__help .rbs-link { text-decoration: underline; }
.rbs-records-preview { margin-bottom: var(--wp--preset--spacing--30); }

/* ---------- Want ads (from mockups/assets/want.css) ---------- */
/* Want ads and offers. Theme presets only. */

.rbs-mockbar {
	display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: center;
	background: var(--wp--preset--color--yellow-50);
	border: 0.0625rem dashed var(--wp--preset--color--yellow-300);
	border-radius: var(--radius-sm);
	padding: 0.6rem 0.9rem;
	margin: 0 0 var(--wp--preset--spacing--30);
}
.rbs-mockbar a { color: inherit; }
.rbs-mockbar a[aria-current="true"] { color: var(--wp--preset--color--text-primary-dark); font-weight: 700; text-decoration: none; }

.rbs-want {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
	column-gap: var(--wp--preset--spacing--60);
	align-items: start;
}
.rbs-want__main h1 { font-size: var(--wp--preset--font-size--heading-two); margin: 0.5rem 0 var(--wp--preset--spacing--40); }
.rbs-h3 { font-size: var(--wp--preset--font-size--heading-four); margin: var(--wp--preset--spacing--50) 0 var(--wp--preset--spacing--20); }

.rbs-panel { background: var(--wp--preset--color--white); border-radius: var(--radius); padding: var(--wp--preset--spacing--30); }
.rbs-panel p { margin: 0.75rem 0 0; }
.rbs-panel .rbs-cta { margin: var(--wp--preset--spacing--20) 0; }
.rbs-panel .wp-block-button__link { white-space: normal; line-height: 1.25; }

.rbs-section--wide { max-width: none; }
.rbs-grid--offers { margin-top: var(--wp--preset--spacing--30); }
.rbs-offer-actions { display: grid; gap: 0.5rem; margin-top: var(--wp--preset--spacing--20); }
.rbs-offer-actions .wp-block-button, .rbs-offer-actions .wp-block-button__link { width: 100%; box-sizing: border-box; text-align: center; margin: 0; }
.rbs-offer-state { margin: var(--wp--preset--spacing--20) 0 0; }

/* Offer banner at the top of the posting form */

.rbs-offer {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--wp--preset--spacing--20);
	align-items: center;
	background: var(--wp--preset--color--blue-50);
	border-radius: var(--radius-sm);
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	margin-bottom: var(--wp--preset--spacing--40);
}
.rbs-offer p { margin: 0.25rem 0 0; font-size: var(--wp--preset--font-size--paragraph-small); }
.rbs-offer .wp-block-button { margin: 0; }

.rbs-form--single { max-width: 46rem; }
.rbs-form--single > h1 { font-size: var(--wp--preset--font-size--heading-two); margin: 0 0 var(--wp--preset--spacing--20); }
.rbs-form--single > h1 + .rbs-tip { margin-top: 0; }
.rbs-form--single .rbs-choices.rbs-show { display: none; }
.rbs-form--single .rbs-choices.rbs-show.is-shown { display: flex; }

@media (max-width: 56.25em) {
	.rbs-want { grid-template-columns: minmax(0, 1fr); row-gap: var(--wp--preset--spacing--40); }
	.rbs-offer { grid-template-columns: minmax(0, 1fr); }
}

/* Ownership transfer screens. Theme presets only. */

.rbs-xfer-bike {
	display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: var(--wp--preset--spacing--30); align-items: center;
	background: var(--wp--preset--color--white);
	border-radius: var(--radius);
	padding: var(--wp--preset--spacing--20);
}
.rbs-xfer-bike img { width: 9rem; height: 6.75rem; object-fit: cover; border-radius: var(--radius-sm); display: block; }
.rbs-xfer-bike p { margin: 0; }
.rbs-xfer-bike .rbs-row__title { margin: 0.4rem 0 0.25rem; }

.rbs-wide-narrow { max-width: 24rem; }
.rbs-step > .rbs-after-field { margin-top: 0.5rem; }

.rbs-steps-list { margin: 0.75rem 0 0; padding-left: 1.25rem; font-size: var(--wp--preset--font-size--paragraph-small); }
.rbs-steps-list li { margin: 0 0 0.4rem; }
.rbs-callout > .rbs-small { margin-top: 0.75rem; }
.rbs-callout .rbs-facts { margin: 0.5rem 0 0; }

.rbs-step > .rbs-actions { margin-top: var(--wp--preset--spacing--30); }
.rbs-step .rbs-check input[type="radio"] { width: 1.25rem; height: 1.25rem; margin: 0.15rem 0 0; accent-color: var(--wp--preset--color--orange-400); }

@media (max-width: 37.5em) {
	.rbs-xfer-bike { grid-template-columns: 6rem minmax(0, 1fr); gap: var(--wp--preset--spacing--20); }
	.rbs-xfer-bike img { width: 6rem; height: 4.5rem; }
	.rbs-nav { flex-direction: column-reverse; }
	.rbs-nav .wp-block-button, .rbs-nav .wp-block-button__link { width: 100%; box-sizing: border-box; text-align: center; white-space: normal; }
	.rbs-callout .rbs-facts div { grid-template-columns: 6rem minmax(0, 1fr); }
}

/* Safety page. Theme presets only. */

.rbs-safety { display: grid; grid-template-columns: minmax(0, 46rem) 18rem; gap: var(--wp--preset--spacing--60); align-items: start; justify-content: start; }
.rbs-safety__main { min-width: 0; }
.rbs-safety__main > h1 { font-size: var(--wp--preset--font-size--heading-two); margin: 0 0 var(--wp--preset--spacing--20); }
.rbs-safety__main > * + * { margin-top: var(--wp--preset--spacing--30); }
.rbs-safety__main > h1 + .rbs-tip { margin-top: 0; }
.rbs-safety__main > h2 { margin-top: var(--wp--preset--spacing--50); scroll-margin-top: var(--wp--preset--spacing--40); }
.rbs-safety__main > h2 + * { margin-top: var(--wp--preset--spacing--10); }
.rbs-list { margin: 0; padding-left: 1.25rem; }
.rbs-list li { margin-bottom: 0.6rem; }

.rbs-safety__side { position: sticky; top: var(--wp--preset--spacing--30); display: grid; gap: var(--wp--preset--spacing--30); min-width: 0; }
.rbs-quick { margin: 0.75rem 0 0; padding-left: 1.25rem; font-size: var(--wp--preset--font-size--paragraph-small); }
.rbs-quick li { margin-bottom: 0.5rem; }
.rbs-safety__jump { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.4rem; }
.rbs-safety__jump a { color: var(--wp--preset--color--text-secondary-dark); }

@media (max-width: 56.25em) {
	.rbs-safety { grid-template-columns: minmax(0, 1fr); }
	.rbs-safety__side { position: static; order: -1; }
	.rbs-safety__jump { display: none; }
}

/* My bikes (stage 4). */
.rbs-bike__noimg { background: var(--wp--preset--color--gray-100, #eee); border-radius: var(--radius-sm); min-height: 6rem; }
.rbs-bike__actions form, .rbs-pending__actions form { display: inline; margin: 0; }
button.rbs-link { background: none; border: 0; padding: 0; margin: 0; font-family: inherit; line-height: inherit; text-decoration: underline; cursor: pointer; }
.rbs-add-bike { margin-top: var(--wp--preset--spacing--40); }
.rbs-add-bike label { display: block; font-weight: 600; margin-bottom: 0.25rem; }
.rbs-add-bike label input[type="checkbox"] { margin-right: 0.4rem; }
.rbs-add-bike select, .rbs-add-bike input[type="text"], .rbs-add-bike input[type="tel"] { width: 100%; max-width: 24rem; box-sizing: border-box; }