/**
 * Ritual Row site skin — homepage ink, paper, phosphor, and sewer gutters.
 * Every rule hangs off body.rr-site-skin so artist pages and MicroShop stay put.
 */

body.rr-site-skin {
	--rr-skin-green: #00ff41;
	--rr-skin-dim: #1f8f3c;
	--rr-skin-paper: #e8e2d3;
	--rr-skin-ink: #050605;
	--rr-skin-panel: #101211;
	--rr-skin-panel-2: #171a18;
	--rr-skin-line: #2a2e2b;
	--rr-font-display: "DotGothic16", "VT323", ui-monospace, monospace;
	--rr-font-crt: "VT323", "DotGothic16", ui-monospace, monospace;
	--rr-font-ui: "Fragment Mono", ui-monospace, Menlo, monospace;
	--rr-merch-ink: #101211;
	--rr-merch-well: #171a18;
	--rr-merch-phosphor: #00ff41;
	--rr-merch-phosphor-dim: #8ea093;
	--rr-merch-title: #e8e2d3;
	--rr-merch-pixel: "DotGothic16", "VT323", ui-monospace, monospace;
	--rr-merch-price-face: "VT323", "Fragment Mono", ui-monospace, monospace;
	--rr-skin-bar: 44px;
	--rr-chrome-sticky-offset: 44px;
	--rr-skin-gutter: 80px;
	position: relative;
	z-index: 0;
	isolation: isolate;
	background:
		radial-gradient(120% 80% at 50% 0%, #131513 0%, #050605 60%),
		#050605 !important;
	color: var(--rr-skin-paper);
	font-family: var(--rr-font-ui);
}

/* Sewer walls sit above the body fill and under the page column.
   Shop and checkout set background-image: none on the body; this layer stays. */
body.rr-site-skin::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(5, 6, 5, 0.2) 0%, rgba(5, 6, 5, 0.84) 14%, rgba(5, 6, 5, 0.94) 24%, rgba(5, 6, 5, 0.94) 76%, rgba(5, 6, 5, 0.84) 86%, rgba(5, 6, 5, 0.2) 100%),
		url("/playground/rr-home-draft/assets/sewer-left.webp") left top / 420px auto repeat-y,
		url("/playground/rr-home-draft/assets/sewer-right.webp") right top / 420px auto repeat-y,
		#050605;
}

body.rr-site-skin::after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background:
		url("/playground/rr-home-draft/assets/sewer-left.webp") left top / 280px auto repeat-y,
		url("/playground/rr-home-draft/assets/sewer-right.webp") right top / 280px auto repeat-y;
	-webkit-mask-image: linear-gradient(90deg, #000 0, #000 48px, transparent 88px, transparent calc(100% - 88px), #000 calc(100% - 48px), #000 100%);
	mask-image: linear-gradient(90deg, #000 0, #000 48px, transparent 88px, transparent calc(100% - 88px), #000 calc(100% - 48px), #000 100%);
}

html:has(body.rr-site-skin) {
	background: #050605;
}

body.admin-bar.rr-site-skin {
	--rr-chrome-sticky-offset: 76px;
}

body.rr-site-skin ::selection {
	background: var(--rr-skin-green);
	color: #000;
}

/* --------------------------------------------------------------- header */
body.rr-site-skin .rr-skin {
	position: sticky;
	top: 0;
	z-index: 100000;
	width: 100%;
	background: #050605;
}

body.admin-bar.rr-site-skin .rr-skin {
	top: 32px;
}

body.rr-site-skin .rr-skin-top {
	display: grid;
	grid-template-columns: auto minmax(0, auto) minmax(80px, 1fr) auto;
	grid-template-areas: "brand tabs ticker account";
	gap: 8px;
	align-items: center;
	box-sizing: border-box;
	min-height: var(--rr-skin-bar);
	padding: 6px 12px;
	background: #000;
	border-bottom: 1px solid rgba(0, 255, 65, 0.28);
	box-shadow: none;
}

body.rr-site-skin .rr-skin-brand {
	grid-area: brand;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: var(--rr-skin-green);
	font-family: var(--rr-font-display);
	font-size: 16px;
	letter-spacing: 0.02em;
	text-shadow: 0 0 8px rgba(0, 255, 65, 0.45);
	white-space: nowrap;
}

body.rr-site-skin .rr-skin-tabs {
	grid-area: tabs;
	display: flex;
	gap: 2px;
	flex-wrap: nowrap;
	min-width: 0;
	margin: 0;
	padding: 0;
	overflow-x: auto;
	scrollbar-width: none;
}

body.rr-site-skin .rr-skin-tabs::-webkit-scrollbar {
	display: none;
}

body.rr-site-skin .rr-skin-tab {
	font-family: var(--rr-font-display);
	font-size: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 4px 8px;
	white-space: nowrap;
	text-decoration: none;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: #1f8f3c;
}

body.rr-site-skin .rr-skin-tab:hover,
body.rr-site-skin .rr-skin-tab:focus-visible,
body.rr-site-skin .rr-skin-tab.is-active {
	color: var(--rr-skin-green);
	box-shadow: none;
	text-shadow: 0 0 8px rgba(0, 255, 65, 0.45);
	outline: none;
}

body.rr-site-skin .rr-skin .rr-ticker {
	grid-area: ticker;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 8px;
	min-width: 0;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--rr-skin-green);
	font: 17px/1 var(--rr-font-crt);
	letter-spacing: 0;
	text-shadow: none;
	overflow: hidden;
}

body.rr-site-skin .rr-skin .rr-ticker[hidden] {
	display: none;
}

body.rr-site-skin .rr-skin .rr-ticker::after {
	display: none;
}

body.rr-site-skin .rr-skin .rr-ticker__label {
	font-family: var(--rr-font-display);
	font-size: 12px;
	color: var(--rr-skin-green);
	background: transparent;
	height: 100%;
	display: inline-flex;
	align-items: center;
	padding: 0 8px 0 0;
	letter-spacing: 0.1em;
	z-index: 2;
}

body.rr-site-skin .rr-skin .rr-ticker__viewport {
	overflow: hidden;
	min-width: 0;
	mask-image: none;
}

body.rr-site-skin .rr-skin .rr-ticker__viewport::before,
body.rr-site-skin .rr-skin .rr-ticker__viewport::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 18px;
	z-index: 1;
	pointer-events: none;
}

body.rr-site-skin .rr-skin .rr-ticker__viewport::before {
	left: 0;
	background: linear-gradient(90deg, #060706, rgba(6, 7, 6, 0));
}

body.rr-site-skin .rr-skin .rr-ticker__viewport::after {
	right: 0;
	background: linear-gradient(270deg, #060706, rgba(6, 7, 6, 0));
}

body.rr-site-skin .rr-skin .rr-ticker__track {
	display: inline-flex;
	gap: 42px;
	white-space: nowrap;
	animation: rr-skin-ticker 48s linear infinite;
	font-family: var(--rr-font-crt);
	font-size: 17px;
	color: var(--rr-skin-green);
}

body.rr-site-skin .rr-skin .rr-ticker__track:hover {
	animation-play-state: paused;
}

body.rr-site-skin .rr-skin .rr-ticker__item {
	padding-right: 0;
	font-size: 17px;
	font-weight: 400;
}

body.rr-site-skin .rr-skin .rr-ticker__item b {
	color: var(--rr-skin-green);
	font-weight: 400;
	opacity: 1;
}

@keyframes rr-skin-ticker {
	from { transform: translateX(0); }
	to { transform: translateX(-100%); }
}

body.rr-site-skin .rr-skin-account {
	grid-area: account;
	display: inline-flex;
	gap: 8px;
	align-items: center;
	justify-self: end;
}

body.rr-site-skin .rr-skin .rr-account,
body.rr-site-skin .rr-skin .rr-account--guest,
body.rr-site-skin .rr-skin .rr-account--user {
	grid-column: auto;
	grid-row: auto;
	justify-self: auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 0;
	color: #d9d4c6;
	font-family: var(--rr-font-display);
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

body.rr-site-skin .rr-skin .rr-account__link {
	color: #d9d4c6;
	font-family: var(--rr-font-display);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	text-decoration: none;
}

body.rr-site-skin .rr-skin .rr-account__link:hover,
body.rr-site-skin .rr-skin .rr-account--user:hover,
body.rr-site-skin .rr-skin .rr-account__name {
	color: var(--rr-skin-green);
	letter-spacing: 0.04em;
	transform: none;
	text-shadow: none;
}

body.rr-site-skin .rr-skin .rr-account__avatar {
	border-radius: 0;
	border-color: var(--rr-skin-dim);
}

body.rr-site-skin .rr-skin .rr-cart {
	grid-column: auto;
	grid-row: auto;
	justify-self: auto;
	font-family: var(--rr-font-display);
	font-size: 12px;
	color: var(--rr-skin-green);
	border: 0;
	background: transparent;
	padding: 0;
	min-height: 0;
	box-shadow: none;
	text-decoration: none;
}

body.rr-site-skin .rr-skin .rr-cart:hover {
	background: transparent;
	border-color: transparent;
	color: #fff;
}

body.rr-site-skin .rr-skin .rr-cart__count {
	border-radius: 0;
	background: var(--rr-skin-green) !important;
	color: #000 !important;
	-webkit-text-fill-color: #000 !important;
	font-family: var(--rr-font-display);
	font-weight: 400 !important;
}

body.rr-site-skin .rr-skin .rr-cart__count--empty {
	background: transparent !important;
	border-color: var(--rr-skin-dim) !important;
	color: var(--rr-skin-green) !important;
	-webkit-text-fill-color: var(--rr-skin-green) !important;
}

@media (max-width: 1240px) {
	body.rr-site-skin .rr-skin-top {
		grid-template-columns: auto minmax(0, auto) minmax(48px, 1fr) auto;
		gap: 6px;
	}
}

@media (max-width: 720px) {
	body.rr-site-skin {
		--rr-skin-gutter: 14px;
		--rr-skin-bar: 44px;
		--rr-chrome-sticky-offset: 44px;
		padding-top: var(--rr-skin-bar);
	}
	body.admin-bar.rr-site-skin {
		--rr-chrome-sticky-offset: 90px;
	}
	body.rr-site-skin .rr-skin {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
	body.admin-bar.rr-site-skin .rr-skin {
		top: 46px;
	}
	body.rr-site-skin::after {
		background-size: 140px auto, 140px auto;
		-webkit-mask-image: linear-gradient(90deg, #000 0, #000 8px, transparent 18px, transparent calc(100% - 18px), #000 calc(100% - 8px), #000 100%);
		mask-image: linear-gradient(90deg, #000 0, #000 8px, transparent 18px, transparent calc(100% - 18px), #000 calc(100% - 8px), #000 100%);
	}
	body.rr-site-skin .rr-skin-top {
		grid-template-columns: auto minmax(0, 1fr) auto;
		grid-template-areas: "brand tabs account";
		padding: 4px 8px;
	}
	body.rr-site-skin .rr-skin .rr-ticker {
		display: none;
	}
	body.rr-site-skin .rr-skin-brand {
		font-size: 14px;
	}
	body.rr-site-skin .rr-skin-tab {
		font-size: 11px;
		padding: 4px 5px;
	}
	body.rr-site-skin .rr-skin .rr-ticker,
	body.rr-site-skin .rr-skin .rr-ticker__track,
	body.rr-site-skin .rr-skin .rr-ticker__item {
		height: 22px;
		font-size: 14px;
	}
	body.rr-site-skin .rr-skin .rr-account__name {
		max-width: 8ch;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/* Phones: keep the bar outside the scroller. iOS drags position:fixed
   bars that live in the same scrolling page as the posts. */
@media (max-width: 900px) {
	html:has(body.rr-site-skin > .rr-page-scroll) {
		height: 100%;
		overflow: hidden;
	}
	body.rr-site-skin:has(> .rr-page-scroll) {
		display: flex;
		flex-direction: column;
		height: 100dvh;
		max-height: 100dvh;
		overflow: hidden;
		padding-top: 0;
		--rr-chrome-sticky-offset: 0px;
	}
	body.admin-bar.rr-site-skin:has(> .rr-page-scroll) {
		height: calc(100dvh - 46px);
		max-height: calc(100dvh - 46px);
		margin-top: 46px;
		--rr-chrome-sticky-offset: 0px;
	}
	body.rr-site-skin:has(> .rr-page-scroll) > .rr-skin {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		flex: 0 0 auto;
	}
	body.rr-site-skin > .rr-page-scroll {
		flex: 1 1 auto;
		min-height: 0;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.rr-site-skin .rr-skin .rr-ticker__track {
		animation: none;
		transform: none;
	}
}

/* --------------------------------------------------------------- footer */
body.rr-site-skin .rr-footer.rr-skin-foot {
	position: relative;
	z-index: 3;
	box-sizing: border-box;
	width: min(1280px, calc(100% - (var(--rr-skin-gutter) * 2)));
	margin: 0 auto 28px;
	padding: 0;
	border: 1px solid #000;
	box-shadow: 0 0 0 3px #1b1d1a, 0 0 0 4px #000;
	text-align: left;
	color: #a6b0a7;
	font-family: var(--rr-font-ui);
	background: linear-gradient(#0d0f0d, #050605);
	border-top: 2px solid #000;
	box-shadow: inset 0 1px 0 #262a26;
}

body.rr-site-skin .rr-footer.rr-skin-foot .rr-footer__inner {
	max-width: none;
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 22px;
	padding: 10px 14px;
}

body.rr-site-skin .rr-footer__contact,
body.rr-site-skin .rr-footer__copy {
	margin: 0;
	padding: 0;
	color: #a6b0a7;
	font: 400 11px/1.4 var(--rr-font-ui);
	letter-spacing: 0;
	text-transform: none;
}

body.rr-site-skin .rr-skin-foot__links {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

body.rr-site-skin .rr-footer__link {
	display: inline;
	padding: 0;
	color: #d9d4c6;
	font: 400 11px/1.4 var(--rr-font-ui);
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none;
}

body.rr-site-skin .rr-footer__contact a,
body.rr-site-skin .rr-footer__link:hover,
body.rr-site-skin .rr-footer__link:focus-visible,
body.rr-site-skin .rr-footer__contact a:hover {
	color: var(--rr-skin-green);
	text-shadow: none;
}

body.rr-site-skin .rr-skin-donate {
	color: var(--rr-skin-green);
	font-family: var(--rr-font-display);
	font-size: 13px;
	letter-spacing: 0.1em;
	text-decoration: none;
}

body.rr-site-skin .rr-skin-donate:hover,
body.rr-site-skin .rr-skin-donate:focus-visible {
	color: #fff;
}

body.rr-site-skin .rr-footer .rr-fridge {
	margin-left: auto;
}

/* ----------------------------------------------------- shared page frame */
body.rr-site-skin .site,
body.rr-site-skin .page,
body.rr-site-skin .rr-skin-preview {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: min(1280px, calc(100% - (var(--rr-skin-gutter) * 2)));
	max-width: 1280px;
	margin: 18px auto 28px;
	color: var(--rr-skin-paper);
	background-color: #070807;
	background-image:
		linear-gradient(90deg, rgba(7, 8, 7, 0.25), #070807 18px, #070807 calc(100% - 18px), rgba(7, 8, 7, 0.25)),
		url("/playground/rr-home-draft/assets/metal-corrugated.webp"),
		url("/playground/rr-home-draft/assets/metal-corrugated.webp");
	background-size: auto, 22px auto, 22px auto;
	background-position: 0 0, left top, right top;
	background-repeat: no-repeat, repeat-y, repeat-y;
	border: 1px solid #000;
	box-shadow: 0 0 0 3px #1b1d1a, 0 0 0 4px #000, 0 30px 80px rgba(0, 0, 0, 0.7);
}

body.rr-site-skin .site,
body.rr-site-skin .rr-skin-preview {
	padding: 12px 16px 18px;
}

body.rr-site-skin .page {
	background-color: transparent;
	background-image:
		url("/playground/rr-home-draft/assets/metal-corrugated.webp"),
		url("/playground/rr-home-draft/assets/metal-corrugated.webp");
	background-size: 16px auto, 16px auto;
	background-position: left top, right top;
	background-repeat: repeat-y, repeat-y;
	min-height: calc(100vh - var(--rr-chrome-sticky-offset, 96px));
}

body.rr-site-skin #page,
body.rr-site-skin .site-content,
body.rr-site-skin .site-main,
body.rr-site-skin .content-area,
body.rr-site-skin .elementor,
body.rr-site-skin .elementor-section,
body.rr-site-skin .e-con.e-parent {
	background-color: transparent;
	color: var(--rr-skin-paper);
	max-width: 100%;
}

body.rr-site-skin .elementor-heading-title,
body.rr-site-skin .entry-title,
body.rr-site-skin .page-title {
	font-family: var(--rr-font-display);
	color: var(--rr-skin-paper);
	letter-spacing: 0.04em;
}

body.rr-site-skin .elementor-widget-text-editor,
body.rr-site-skin .elementor-widget-theme-post-content,
body.rr-site-skin .entry-content {
	color: var(--rr-skin-paper);
	background: var(--rr-skin-panel);
	border: 1px solid #000;
	box-shadow: inset 0 0 0 1px var(--rr-skin-line);
	padding: 16px 18px;
	font-family: var(--rr-font-ui);
}

body.rr-site-skin .elementor-widget-text-editor a,
body.rr-site-skin .elementor-widget-theme-post-content a,
body.rr-site-skin .entry-content a {
	color: var(--rr-skin-green);
}

body.rr-site-skin .elementor-button,
body.rr-site-skin .wp-block-button__link,
body.rr-site-skin button.elementor-button {
	border-radius: 0 !important;
	background: var(--rr-skin-green) !important;
	color: #000 !important;
	border: 1px solid #000 !important;
	font-family: var(--rr-font-display) !important;
	box-shadow: none !important;
}

/* ----------------------------------------------------------------- board */
/* ----------------------------------------------------------------- board */
/* Tokens live in ritual-board css.php; skin only fills stage + kills pipes/Elementor. */
body.rr-site-skin.rb-hub-active #af-wrapper,
body.rr-site-skin.rb-conversation-active #af-wrapper,
body.rr-site-skin.rb-threads-active #af-wrapper,
body.rr-site-skin.asgaros-forum-overview #af-wrapper,
body.rr-site-skin.asgaros-forum-topic #af-wrapper {
	background: var(--rb-deep, #000) !important;
	color: var(--rb-ink, #c8d0cb) !important;
}

body.rr-site-skin.rb-hub-active #af-wrapper .rb-hub,
body.rr-site-skin.rb-conversation-active #af-wrapper .rb-hub,
body.rr-site-skin.rb-threads-active #af-wrapper .rb-hub {
	font-family: var(--rb-mono, var(--rr-font-ui));
}

/* Board column must scroll under the header. Drop Elementor chrome + sewer pipes. */
body.rr-site-skin.rb-hub-active .site,
body.rr-site-skin.rb-conversation-active .site,
body.rr-site-skin.rb-threads-active .site,
body.rr-site-skin.asgaros-forum-overview .site,
body.rr-site-skin.asgaros-forum-topic .site,
body.rr-site-skin.asgaros-forum-forum .site,
body.rr-site-skin.rb-hub-active .elementor,
body.rr-site-skin.rb-conversation-active .elementor,
body.rr-site-skin.rb-threads-active .elementor,
body.rr-site-skin.asgaros-forum-overview .elementor,
body.rr-site-skin.asgaros-forum-topic .elementor,
body.rr-site-skin.asgaros-forum-forum .elementor,
body.rr-site-skin.rb-hub-active .elementor-section,
body.rr-site-skin.rb-conversation-active .elementor-section,
body.rr-site-skin.rb-threads-active .elementor-section,
body.rr-site-skin.asgaros-forum-overview .elementor-section,
body.rr-site-skin.asgaros-forum-topic .elementor-section,
body.rr-site-skin.asgaros-forum-forum .elementor-section,
body.rr-site-skin.rb-hub-active .e-con,
body.rr-site-skin.rb-conversation-active .e-con,
body.rr-site-skin.rb-threads-active .e-con,
body.rr-site-skin.asgaros-forum-overview .e-con,
body.rr-site-skin.asgaros-forum-topic .e-con,
body.rr-site-skin.asgaros-forum-forum .e-con {
	overflow: visible !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.rr-site-skin.rb-hub-active,
body.rr-site-skin.rb-conversation-active,
body.rr-site-skin.rb-threads-active,
body.rr-site-skin.asgaros-forum-overview,
body.rr-site-skin.asgaros-forum-topic,
body.rr-site-skin.asgaros-forum-forum {
	background: #000 !important;
	background-image: none !important;
}

body.rr-site-skin.rb-hub-active::before,
body.rr-site-skin.rb-conversation-active::before,
body.rr-site-skin.rb-threads-active::before,
body.rr-site-skin.asgaros-forum-overview::before,
body.rr-site-skin.asgaros-forum-topic::before,
body.rr-site-skin.asgaros-forum-forum::before,
body.rr-site-skin.rb-hub-active::after,
body.rr-site-skin.rb-conversation-active::after,
body.rr-site-skin.rb-threads-active::after,
body.rr-site-skin.asgaros-forum-overview::after,
body.rr-site-skin.asgaros-forum-topic::after,
body.rr-site-skin.asgaros-forum-forum::after {
	content: none !important;
	display: none !important;
	background: none !important;
	background-image: none !important;
}

/* Kill leftover Elementor motto / intro widgets above the magazine hub */
body.rr-site-skin.rb-hub-active .elementor-widget-heading,
body.rr-site-skin.rb-conversation-active .elementor-widget-heading,
body.rr-site-skin.rb-threads-active .elementor-widget-heading,
body.rr-site-skin.asgaros-forum-overview .elementor-widget-heading,
body.rr-site-skin.asgaros-forum-topic .elementor-widget-heading,
body.rr-site-skin.asgaros-forum-forum .elementor-widget-heading,
body.rr-site-skin.rb-hub-active .elementor-heading-title,
body.rr-site-skin.rb-conversation-active .elementor-heading-title,
body.rr-site-skin.rb-threads-active .elementor-heading-title,
body.rr-site-skin.asgaros-forum-overview .elementor-heading-title,
body.rr-site-skin.asgaros-forum-topic .elementor-heading-title,
body.rr-site-skin.asgaros-forum-forum .elementor-heading-title,
body.rr-site-skin.rb-hub-active .elementor-widget-text-editor,
body.rr-site-skin.rb-conversation-active .elementor-widget-text-editor,
body.rr-site-skin.rb-threads-active .elementor-widget-text-editor,
body.rr-site-skin.asgaros-forum-overview .elementor-widget-text-editor,
body.rr-site-skin.asgaros-forum-topic .elementor-widget-text-editor,
body.rr-site-skin.asgaros-forum-forum .elementor-widget-text-editor {
	display: none !important;
}

/* True-black plates — consume Board tokens, no grey metal */
body.rr-site-skin #af-wrapper .rb-nav-link,
body.rr-site-skin #af-wrapper .rb-compose-launch,
body.rr-site-skin #af-wrapper .rb-compose-card,
body.rr-site-skin #af-wrapper .rb-post,
body.rr-site-skin #af-wrapper .rb-art-promo {
	background: var(--rb-surface, #050505) !important;
	background-image: none !important;
	border: 1px solid var(--rb-line, rgba(255, 255, 255, 0.1));
	box-shadow: none;
	color: var(--rb-ink, #c8d0cb);
}

body.rr-site-skin #af-wrapper .rb-nav {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

body.rr-site-skin #af-wrapper .rb-stage,
body.rr-site-skin #af-wrapper .rb-feed {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

body.rr-site-skin #af-wrapper .rb-nav-link:hover,
body.rr-site-skin #af-wrapper .rb-nav-item.is-active .rb-nav-link,
body.rr-site-skin #af-wrapper .rb-post:hover {
	background: #0a0a0a !important;
	background-image: none !important;
	border-color: rgba(255, 255, 255, 0.14);
	box-shadow: none;
}

body.rr-site-skin #af-wrapper .rb-nav-item.is-active .rb-nav-link {
	border-color: rgba(0, 255, 65, 0.22);
	color: var(--rb-green, #00ff41) !important;
}

body.rr-site-skin #af-wrapper .rb-stage {
	border-color: var(--rb-line, rgba(255, 255, 255, 0.1));
}

body.rr-site-skin #af-wrapper .rb-post {
	margin: 0 0 12px;
	border-bottom: 0;
}

body.rr-site-skin #af-wrapper .rb-post:hover::before {
	background: var(--rb-green, #00ff41);
	opacity: 0.4;
}

body.rr-site-skin #af-wrapper .rb-compose-title,
body.rr-site-skin #af-wrapper .rb-compose-form textarea,
body.rr-site-skin #af-wrapper .rb-compose-fake {
	background: var(--rb-deep, #000);
	border-color: rgba(255, 255, 255, 0.12);
	color: var(--rb-ink, #c8d0cb);
}

body.rr-site-skin #af-wrapper .rb-compose-submit:hover,
body.rr-site-skin #af-wrapper .rb-compose-attach:hover {
	color: var(--rb-green, #00ff41) !important;
	border-color: rgba(0, 255, 65, 0.4);
}

/* ------------------------------------------------------------ shop / PDP */
body.rr-site-skin.page-id-2582,
body.rr-site-skin.elementor-page-2582,
body.rr-site-skin.single-product {
	--rr-shop-ink: #050605;
	--rr-shop-surface: #101211;
	--rr-shop-well: #171a18;
	--rr-shop-text: #e8e2d3;
	--rr-shop-muted: #a6b0a7;
	--rr-shop-copy: #e8e2d3;
	--rr-shop-signal: #00ff41;
	--rr-shop-line: #1f8f3c;
	--rr-shop-mono: "Fragment Mono", ui-monospace, monospace;
	--rr-merch-ink: #101211;
	--rr-merch-well: #171a18;
	--rr-merch-phosphor: #00ff41;
	--rr-merch-phosphor-dim: #8ea093;
	--rr-merch-title: #e8e2d3;
	background-color: #050605 !important;
	background-image: none !important;
	color: #e8e2d3;
	font-family: "Fragment Mono", ui-monospace, monospace !important;
}

html:has(body.rr-site-skin.page-id-2582),
html:has(body.rr-site-skin.single-product) {
	background: #050605;
}

body.rr-site-skin.page-id-2582 .elementor-heading-title,
body.rr-site-skin.single-product .product_title,
body.rr-site-skin.single-product .entry-title {
	font-family: var(--rr-font-display) !important;
	color: var(--rr-skin-paper) !important;
}

body.rr-site-skin.single-product .price,
body.rr-site-skin.page-id-2582 .price,
body.rr-site-skin .woocommerce-Price-amount {
	color: var(--rr-skin-green);
	font-family: var(--rr-font-crt);
}

/* --------------------------------------------------------------- members */
body.rr-site-skin.page-id-28 {
	background: #050605 !important;
	color: #e8e2d3;
}

body.rr-site-skin.page-id-28 .elementor-element-a5137ad,
body.rr-site-skin.page-id-28 .ritual-members-shell {
	width: 100% !important;
	max-width: none !important;
	--rr-ink: #050605;
	--rr-green: #00ff41;
	--rr-dim: rgba(0, 255, 65, 0.32);
	--rr-rule: #2a2e2b;
	--rr-panel: rgba(16, 18, 17, 0.94);
	--rr-mute: #a6b0a7;
}

body.rr-site-skin.page-id-28 .ritual-members-tile::after,
body.rr-site-skin.page-id-28 .ritual-members-rail,
body.rr-site-skin.page-id-28 .ritual-members-lb {
	background-color: #101211;
}

body.rr-site-skin.page-id-28 .ritual-members-head,
body.rr-site-skin.page-id-28 .ritual-members-title,
body.rr-site-skin.page-id-28 h1,
body.rr-site-skin.page-id-28 h2 {
	font-family: "DotGothic16", "VT323", monospace;
	color: #e8e2d3;
}

/* -------------------------------------------------------------- profiles */
body.rr-site-skin.page-id-2265,
body.rr-site-skin.page-id-1853,
body.rr-site-skin.page-id-2363 {
	background: #050605 !important;
	color: #e8e2d3 !important;
}

body.rr-site-skin .rr-profile,
body.rr-site-skin .rr-profile-gate {
	--rr-accent: #00ff41;
	--rr-bright: #e8e2d3;
	--rr-muted: #a6b0a7;
	--rr-ink: #050605;
	--rr-panel: #101211;
	color: #e8e2d3;
}

body.rr-site-skin .rr-profile h1,
body.rr-site-skin .rr-profile .rr-eyebrow,
body.rr-site-skin .rr-profile .rr-label {
	font-family: "DotGothic16", "VT323", monospace;
}

body.rr-site-skin .rr-profile h1 {
	color: #e8e2d3;
}

body.rr-site-skin .rr-profile-gate,
body.rr-site-skin .rr-profile__bio,
body.rr-site-skin .rr-profile .rr-panel {
	background: #101211;
	border-color: #1f8f3c;
}

/* --------------------------------------------------------------- gallery */
body.rr-site-skin .ritual-gallery-console {
	--rgc-bg: #101211;
	--rgc-panel: #171a18;
	--rgc-line: #1f8f3c;
	--rgc-accent: #00ff41;
	--rgc-accent-dim: #1f8f3c;
	--rgc-muted: #a6b0a7;
	--rgc-text: #e8e2d3;
	font-family: "Fragment Mono", ui-monospace, monospace;
}

body.rr-site-skin .rgc-head em,
body.rr-site-skin .rgc-head h1,
body.rr-site-skin .rgc-head h2 {
	font-family: "DotGothic16", "VT323", monospace;
	color: #00ff41;
}

/* ------------------------------------------------ cart, checkout, account */
body.rr-site-skin.rr-funnel,
body.rr-site-skin.woocommerce-cart,
body.rr-site-skin.woocommerce-checkout,
body.rr-site-skin.woocommerce-account {
	--rr-funnel-ink: #050605;
	--rr-funnel-panel: #101211;
	--rr-funnel-text: #e8e2d3;
	--rr-funnel-muted: #a6b0a7;
	--rr-funnel-signal: #00ff41;
	--rr-funnel-line: #1f8f3c;
	--rr-funnel-display: "DotGothic16", "VT323", monospace;
	--rr-funnel-mono: "Fragment Mono", ui-monospace, monospace;
	background-color: #050605 !important;
	color: #e8e2d3;
}

body.rr-site-skin.rr-funnel.elementor-page-347,
body.rr-site-skin.rr-funnel.woocommerce-cart,
body.rr-site-skin.rr-funnel.woocommerce-checkout,
body.rr-site-skin.rr-funnel.single-product,
body.rr-site-skin.woocommerce-account {
	background-color: #050605 !important;
	background-image: none !important;
}

body.rr-site-skin .woocommerce,
body.rr-site-skin .woocommerce-page,
body.rr-site-skin .wc-block-cart,
body.rr-site-skin .wc-block-checkout,
body.rr-site-skin .woocommerce-MyAccount-content,
body.rr-site-skin .rr-funnel-shell {
	color: #e8e2d3;
	font-family: "Fragment Mono", ui-monospace, monospace;
}

body.rr-site-skin .woocommerce table.shop_table,
body.rr-site-skin .woocommerce-checkout-review-order-table,
body.rr-site-skin .wc-block-cart-items,
body.rr-site-skin .wc-block-components-totals-wrapper,
body.rr-site-skin .woocommerce-MyAccount-navigation {
	background: #101211;
	color: #e8e2d3;
	border: 1px solid #000;
	box-shadow: inset 0 0 0 1px #2a2e2b;
}

body.rr-site-skin .woocommerce table.shop_table th,
body.rr-site-skin .woocommerce table.shop_table td,
body.rr-site-skin .woocommerce-checkout #order_review,
body.rr-site-skin .woocommerce-checkout #customer_details {
	color: #e8e2d3;
	border-color: #2a2e2b;
	background: transparent;
}

body.rr-site-skin .woocommerce h1,
body.rr-site-skin .woocommerce h2,
body.rr-site-skin .woocommerce h3,
body.rr-site-skin .wc-block-components-title,
body.rr-site-skin .woocommerce-MyAccount-navigation a {
	font-family: "DotGothic16", "VT323", monospace;
	color: #e8e2d3;
}

body.rr-site-skin .woocommerce a,
body.rr-site-skin .woocommerce-MyAccount-navigation a:hover,
body.rr-site-skin .woocommerce-MyAccount-navigation .is-active a {
	color: #00ff41;
}

body.rr-site-skin .woocommerce form .form-row input.input-text,
body.rr-site-skin .woocommerce form .form-row textarea,
body.rr-site-skin .woocommerce form .form-row select,
body.rr-site-skin .wc-block-components-text-input input,
body.rr-site-skin .wc-block-components-combobox .wc-block-components-combobox-control input,
body.rr-site-skin .woocommerce-input-wrapper input,
body.rr-site-skin .woocommerce-Input {
	background: #060706 !important;
	color: #e8e2d3 !important;
	border: 1px solid #2a2e2b !important;
	border-radius: 0 !important;
	font-family: "Fragment Mono", ui-monospace, monospace !important;
	box-shadow: none !important;
}

body.rr-site-skin .woocommerce a.button,
body.rr-site-skin .woocommerce button.button,
body.rr-site-skin .woocommerce input.button,
body.rr-site-skin .woocommerce #place_order,
body.rr-site-skin .woocommerce .checkout-button,
body.rr-site-skin button.rr-funnel-buy-now,
body.rr-site-skin .wc-block-components-button,
body.rr-site-skin .wc-block-cart__submit-button {
	background: #00ff41 !important;
	color: #000 !important;
	border: 1px solid #000 !important;
	border-radius: 0 !important;
	font-family: "DotGothic16", "VT323", monospace !important;
	text-shadow: none !important;
	box-shadow: none !important;
}

body.rr-site-skin .woocommerce a.button:hover,
body.rr-site-skin .woocommerce button.button:hover,
body.rr-site-skin .woocommerce #place_order:hover,
body.rr-site-skin .wc-block-components-button:hover {
	background: #e8e2d3 !important;
	color: #000 !important;
}