/*
 * Canonical non-Home visual layer.
 *
 * This file is intentionally scoped by the plugin-added body class. Home
 * The semantic Home page has no such class and remains owned by home-divider.css plus its
 * existing Gutenberg content. A small number of !important declarations are
 * required only where the audited global Additional CSS uses !important;
 * each occurrence is kept to the exact conflicting component.
 */
body.once-ours-non-home {
	--oo-non-home-bg: #121111;
	--oo-non-home-major: #f7f7f7cc;
	--oo-non-home-secondary: #d9d9d9b3;
	--oo-non-home-blue: #4065d4;
	--oo-non-home-yellow: #af7f31d4;
	--oo-non-home-divider: rgba(255, 255, 255, 0.16);
	--oo-non-home-ui-font: Arial, Helvetica, "MS PGothic", system-ui, sans-serif;
}

body.once-ours-non-home .wp-site-blocks,
body.once-ours-non-home .entry-content {
	background-color: var(--oo-non-home-bg) !important;
	color: var(--oo-non-home-secondary) !important;
}

body.once-ours-non-home .once-ours-own-auction-root,
body.once-ours-non-home .once-ours-own-auction-view,
body.once-ours-non-home .once-ours-visitor-auction-grid,
body.once-ours-non-home .once-ours-visitor-auction-search,
body.once-ours-non-home .once-ours-object-grid,
body.once-ours-non-home .once-ours-object-detail,
body.once-ours-non-home .once-ours-object-detail-block,
body.once-ours-non-home .once-ours-object-detail-block__metadata,
body.once-ours-non-home .once-ours-auction-information,
body.once-ours-non-home .once-ours-object-metadata,
body.once-ours-non-home .once-ours-value-records,
body.once-ours-non-home .once-ours-leave {
	font-family: var(--oo-non-home-ui-font);
	color: var(--oo-non-home-secondary);
}

/* Component headings share one quiet divider token. */
body.once-ours-non-home .wp-block-post-title,
body.once-ours-non-home .once-ours-own-auction-section h2,
body.once-ours-non-home .once-ours-auction-information h2,
body.once-ours-non-home .once-ours-object-detail__value h2,
body.once-ours-non-home .once-ours-object-description h2,
body.once-ours-non-home .once-ours-leave h2,
body.once-ours-non-home .once-ours-visitor-auction-grid__heading {
	color: var(--oo-non-home-major) !important;
	font-family: var(--oo-non-home-ui-font) !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	letter-spacing: normal;
	border-bottom: 1px solid var(--oo-non-home-divider) !important;
	padding-bottom: 6px !important;
	margin-top: 28px !important;
	margin-bottom: 12px !important;
}

/* Singular Object templates use core/post-title for both Own and Visitor
 * Objects. Keep that title on the same constrained content baseline as the
 * metadata, description, and value blocks instead of inheriting an alignwide
 * or theme margin offset. */
body.once-ours-non-home.single-once_ours_object .wp-block-post-title {
	width: 100% !important;
	max-width: var(--wp--style--global--content-size, 100%) !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}

/* Object overview cards stay compact and have no ecommerce-style rule. */
body.once-ours-non-home .once-ours-object-grid--objects .once-ours-object-card h2,
body.once-ours-non-home .once-ours-object-grid--p2a .once-ours-object-card h2 {
	color: var(--oo-non-home-major) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	margin: 0 0 6px !important;
	padding: 0 !important;
	border-bottom: 0 !important;
}

body.once-ours-non-home .once-ours-object-grid--objects .once-ours-object-card__value,
body.once-ours-non-home .once-ours-object-grid--p2a .once-ours-object-card__value {
	color: var(--oo-non-home-secondary) !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
}

body.once-ours-non-home .once-ours-object-grid--objects .once-ours-object-card__value--own,
body.once-ours-non-home .once-ours-object-grid--p2a .once-ours-object-card__value--own {
	color: var(--oo-non-home-yellow) !important;
	-webkit-text-fill-color: var(--oo-non-home-yellow) !important;
}

/* Image spare areas use the night background without changing fit behavior. */
body.once-ours-non-home .once-ours-object-card__image,
body.once-ours-non-home .once-ours-object-card--single .once-ours-object-card__image img,
body.once-ours-non-home .once-ours-own-auction-entry__cover,
body.once-ours-non-home .once-ours-object-detail-block__image,
body.once-ours-non-home .once-ours-gallery__slide {
	background-color: var(--oo-non-home-bg) !important;
}

/* Visitor cards converge visually while retaining the Visitor renderer. */
body.once-ours-non-home .once-ours-visitor-auction-grid .once-ours-object-grid,
body.once-ours-non-home .once-ours-visitor-auction-search__results {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	align-items: start !important;
}

body.once-ours-non-home .once-ours-visitor-auction-grid .once-ours-object-card,
body.once-ours-non-home .once-ours-visitor-auction-search__results .once-ours-object-card {
	height: auto !important;
	min-height: 0;
}

body.once-ours-non-home .once-ours-visitor-auction-grid .once-ours-object-card__link,
body.once-ours-non-home .once-ours-visitor-auction-search__results .once-ours-object-card__link {
	display: block !important;
	height: auto !important;
}

body.once-ours-non-home .once-ours-visitor-auction-grid .once-ours-object-card h2,
body.once-ours-non-home .once-ours-visitor-auction-search__results .once-ours-object-card h2 {
	display: inline;
	color: var(--oo-non-home-blue) !important;
	-webkit-text-fill-color: var(--oo-non-home-blue) !important;
	font-size: 15px !important;
	line-height: 1.4 !important;
	margin: 0 0 6px !important;
	padding: 0 !important;
	border-bottom: 0 !important;
	text-decoration: underline;
	text-decoration-color: rgba(64, 101, 212, 0.55);
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

/* Own and Visitor overview titles share the same semantic link role. */
body.once-ours-non-home .once-ours-own-auction-entry__name {
	color: var(--oo-non-home-blue) !important;
	-webkit-text-fill-color: var(--oo-non-home-blue) !important;
	text-decoration: underline;
	text-decoration-color: rgba(64, 101, 212, 0.55);
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

body.once-ours-non-home .once-ours-visitor-auction-grid__scroll,
body.once-ours-non-home .once-ours-visitor-auction-search__scroll {
	max-height: 28rem;
	overflow-y: auto;
	overflow-x: hidden;
}

/* Replace position-based Own Auction colors with one semantic link token. */
body.once-ours-own-auction-page .once-ours-own-auction-root li > a {
	color: var(--oo-non-home-blue) !important;
	-webkit-text-fill-color: var(--oo-non-home-blue) !important;
	text-decoration: underline;
	text-decoration-color: rgba(64, 101, 212, 0.55);
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

body.once-ours-non-home .once-ours-object-detail-block__metadata > div,
body.once-ours-non-home .once-ours-object-metadata > div {
	border-bottom: 1px solid var(--oo-non-home-divider);
	padding: 0.45rem 0;
}

body.once-ours-non-home .once-ours-object-detail-block__metadata dt,
body.once-ours-non-home .once-ours-object-detail-block__metadata dd,
body.once-ours-non-home .once-ours-object-metadata dt,
body.once-ours-non-home .once-ours-object-metadata dd,
body.once-ours-non-home .once-ours-auction-information dt,
body.once-ours-non-home .once-ours-auction-information dd {
	color: var(--oo-non-home-secondary) !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}

body.once-ours-non-home .once-ours-object-detail-block__metadata dt,
body.once-ours-non-home .once-ours-object-metadata dt,
body.once-ours-non-home .once-ours-auction-information dt {
	font-weight: 600 !important;
}

body.once-ours-non-home .once-ours-object-detail-block__metadata dd,
body.once-ours-non-home .once-ours-object-metadata dd,
body.once-ours-non-home .once-ours-auction-information dd {
	margin-inline-start: 0;
}

/* History roles and the audited own-name cascade conflict. */
body.once-ours-non-home .once-ours-value-records,
body.once-ours-non-home .once-ours-value-record,
body.once-ours-non-home .once-ours-value-record__value,
body.once-ours-non-home .once-ours-value-record__name {
	color: var(--oo-non-home-secondary) !important;
}

body.once-ours-non-home .once-ours-value-record {
	border-bottom: 1px solid var(--oo-non-home-divider);
}

body.once-ours-non-home .once-ours-value-records .once-ours-value-record__name.once-ours-value-record__name--own {
	color: var(--oo-non-home-yellow) !important;
	-webkit-text-fill-color: var(--oo-non-home-yellow) !important;
}

body.once-ours-non-home .once-ours-value-record__date {
	color: var(--oo-non-home-secondary) !important;
	opacity: 0.72;
}

/* Object information remains primary; pricing and History stay compact secondary regions. */
body.once-ours-non-home .once-ours-object-detail-block > h1,
body.once-ours-non-home .once-ours-object-detail-block > h2,
body.once-ours-non-home .once-ours-object-detail-block > h3 {
	color: var(--oo-non-home-major) !important;
	font-size: 18px !important;
	line-height: 1.4 !important;
}

body.once-ours-non-home .once-ours-object-detail__value,
body.once-ours-non-home .once-ours-value-records {
	font-size: 14px;
	line-height: 1.5;
}

body.once-ours-non-home .once-ours-object-detail__value h2 {
	font-size: 15px !important;
	font-weight: 600 !important;
	margin-top: 20px !important;
	margin-bottom: 8px !important;
	padding-bottom: 4px !important;
}

body.once-ours-non-home .once-ours-object-detail__value-amount,
body.once-ours-non-home .once-ours-object-detail__value-empty {
	font-size: 16px !important;
	font-weight: 600 !important;
}

body.once-ours-non-home .once-ours-empty[data-empty-records] {
	color: var(--oo-non-home-major) !important;
	font-weight: 600 !important;
}

body.once-ours-non-home .once-ours-value-reveal {
	border: 1px solid var(--oo-non-home-divider);
	padding: 0.65rem 0.75rem;
	font-size: 14px;
	line-height: 1.45;
}

body.once-ours-non-home .once-ours-value-reveal__own {
	color: var(--oo-non-home-yellow) !important;
	-webkit-text-fill-color: var(--oo-non-home-yellow) !important;
	font-weight: 600;
}

body.once-ours-non-home .once-ours-value-reveal__previous,
body.once-ours-non-home .once-ours-value-reveal__juxtaposition {
	color: var(--oo-non-home-secondary) !important;
}

body.once-ours-non-home .once-ours-value-reveal__navigation {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 0.65rem;
}

body.once-ours-non-home .once-ours-value-reveal__own-auction-link {
	color: var(--oo-non-home-yellow) !important;
	-webkit-text-fill-color: var(--oo-non-home-yellow) !important;
}

body.once-ours-non-home .once-ours-value-reveal__visitor-auction-link {
	color: #3ea2bbad !important;
	-webkit-text-fill-color: #3ea2bbad !important;
}

/* Forms use the same readable UI family instead of browser monospace fallbacks. */
body.once-ours-non-home .once-ours-leave__form,
body.once-ours-non-home .once-ours-leave__form label,
body.once-ours-non-home .once-ours-leave__form p,
body.once-ours-non-home .once-ours-leave__form small {
	color: var(--oo-non-home-secondary) !important;
	font-family: var(--oo-non-home-ui-font) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

body.once-ours-non-home .once-ours-leave__form input,
body.once-ours-non-home .once-ours-leave__form textarea,
body.once-ours-non-home .once-ours-leave__form button,
body.once-ours-non-home .once-ours-value-form button,
body.once-ours-non-home .once-ours-object-detail__value > button {
	box-sizing: border-box;
	font-family: var(--oo-non-home-ui-font) !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
}

body.once-ours-non-home .once-ours-leave__form input,
body.once-ours-non-home .once-ours-leave__form textarea {
	background-color: var(--oo-non-home-bg);
	border: 1px solid rgba(255, 255, 255, 0.35);
	color: var(--oo-non-home-secondary) !important;
	-webkit-text-fill-color: var(--oo-non-home-secondary) !important;
}

body.once-ours-non-home .once-ours-leave__form button,
body.once-ours-non-home .once-ours-value-form button,
body.once-ours-non-home .once-ours-object-detail__value > button {
	background-color: transparent;
	border: 1px solid var(--oo-non-home-divider);
	color: var(--oo-non-home-major) !important;
	padding: 4px 8px;
}

body.once-ours-non-home .once-ours-leave__message {
	border: 1px solid var(--oo-non-home-divider);
	color: var(--oo-non-home-secondary) !important;
}

body.once-ours-non-home .once-ours-leave__photo-preview img {
	background-color: var(--oo-non-home-bg);
}

body.once-ours-non-home footer,
body.once-ours-non-home .wp-block-group:last-child {
	border-top-color: var(--oo-non-home-divider) !important;
	color: var(--oo-non-home-secondary) !important;
}

@media (max-width: 480px) {
	body.once-ours-non-home .once-ours-own-auction-grid,
	body.once-ours-non-home .once-ours-visitor-auction-grid .once-ours-object-grid,
	body.once-ours-non-home .once-ours-visitor-auction-search__results {
		gap: 0.65rem;
	}
	body.once-ours-non-home .once-ours-value-record {
		grid-template-columns: minmax(4.5rem, max-content) minmax(0, 1fr);
	}
	body.once-ours-non-home .once-ours-value-record__date {
		grid-column: 1 / -1;
		text-align: left;
	}
}

/* Keep the existing Own Auction home button above the page title on Page 180. */
body.once-ours-non-home.page-id-180.once-ours-own-auction-page > .wp-site-blocks {
	display: flex;
	flex-direction: column;
}

body.once-ours-non-home.page-id-180.once-ours-own-auction-page > .wp-site-blocks > .entry-content {
	display: contents;
}

body.once-ours-non-home.page-id-180.once-ours-own-auction-page > .wp-site-blocks > .wp-block-post-title {
	order: 2;
}

body.once-ours-non-home.page-id-180.once-ours-own-auction-page > .wp-site-blocks > .entry-content > .wp-block-buttons {
	order: 1;
}

body.once-ours-non-home.page-id-180.once-ours-own-auction-page > .wp-site-blocks > .entry-content > .once-ours-own-auction-root {
	order: 3;
}

body.once-ours-non-home.page-id-180.once-ours-own-auction-page > .wp-site-blocks > .wp-block-template-part:last-child {
	order: 4;
}
