/* Inner pages — white content area under solid chrome, Bentley type, styled forms.
   Covers WP content and the legacy CF7 forms (incl. old Bootstrap grid markup shims). */

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

/* No padding-top: the inner-page header is in the flow (see .site-header
   [data-static-solid] in main.css), so it already occupies its own height. */
.inner-main {
	background: var(--paper);
	color: var(--ink);
	min-height: 62vh;
}

.page-head {
	max-width: 62rem;
	margin: 0 auto;
	padding: clamp(2.4rem, 6vw, 4rem) var(--gutter) 0.6rem;
}
.page-head .display { color: var(--ink); }
.page-head a { color: inherit; }
.page-head .eyebrow { color: var(--nav-ink); opacity: 1; }
.page-lede { color: #575d57; margin-top: 0.9rem; max-width: 52ch; }
[dir="rtl"] .page-lede { max-width: none; }

.page-content {
	max-width: 62rem;
	margin: 0 auto;
	padding: 1rem var(--gutter) clamp(3rem, 7vw, 5rem);
	font-size: 1rem;
	line-height: 1.75;
	color: #2e332e;
}

.page-content p { margin: 0 0 1.15rem; }
.page-content h2, .page-content h3, .page-content h4 {
	font-weight: 300;
	color: var(--ink);
	margin: 2.2rem 0 0.9rem;
	line-height: 1.25;
}
.page-content h2 { font-size: 1.7rem; }
.page-content h3 { font-size: 1.35rem; }
.page-content a { color: var(--btn-green); text-decoration: underline; text-underline-offset: 3px; }
.page-content a:hover { color: var(--btn-green-hover); }
.page-content img { height: auto; margin: 1rem 0; }
.page-content ul, .page-content ol { margin: 0 0 1.15rem; padding-inline-start: 1.4rem; }
.page-content hr { border: 0; border-top: 1px solid var(--hairline-light); margin: 2rem 0; }
.page-content table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
.page-content th, .page-content td { border: 1px solid var(--hairline-light); padding: 0.6rem 0.8rem; text-align: start; }

/* ---------- forms (CF7 + generic) ---------- */

.page-content label { display: block; font-size: 0.9rem; margin-bottom: 0.35rem; color: var(--ink); }

.page-content input[type="text"],
.page-content input[type="email"],
.page-content input[type="tel"],
.page-content input[type="number"],
.page-content input[type="date"],
.page-content input[type="time"],
.page-content input[type="file"],
.page-content select,
.page-content textarea {
	width: 100%;
	background: var(--paper);
	border: 1px solid rgba(16, 18, 16, 0.28);
	color: var(--ink);
	font-family: inherit;
	font-size: 1rem;
	padding: 0.7rem 0.85rem;
	margin-bottom: 0.4rem;
	transition: border-color 0.2s;
}
/* Border cue on any focus; the keyboard ring survives (the old `outline: none`
   here beat :focus-visible on specificity and killed it on the CF7 forms). */
.page-content input:focus,
.page-content select:focus,
.page-content textarea:focus { border-color: var(--ink); }
.page-content input:focus:not(:focus-visible),
.page-content select:focus:not(:focus-visible),
.page-content textarea:focus:not(:focus-visible) { outline: none; }

.page-content input[type="checkbox"],
.page-content input[type="radio"] {
	width: auto;
	accent-color: var(--btn-green);
	margin-inline-end: 0.45rem;
}

.page-content input[type="submit"],
.page-content button[type="submit"] {
	display: inline-block;
	width: auto;
	background: var(--btn-green);
	color: var(--white);
	border: 1px solid var(--btn-green);
	font-family: inherit;
	font-size: 0.8rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	padding: 0.85rem 1.9rem;
	cursor: pointer;
	transition: background-color 0.25s;
}
.page-content input[type="submit"]:hover,
.page-content button[type="submit"]:hover { background: var(--btn-green-hover); }

/* CF7 chrome */
.page-content .wpcf7 { margin-top: 1rem; }
.page-content .wpcf7-form-control-wrap { display: block; }
.page-content .wpcf7-not-valid-tip { color: #a4342c; font-size: 0.82rem; }
.page-content .wpcf7-response-output {
	border: 1px solid var(--hairline-light) !important;
	padding: 0.8rem 1rem !important;
	margin: 1.4rem 0 0 !important;
	font-size: 0.9rem;
}
.page-content .wpcf7-list-item { display: inline-block; margin: 0 0 0.4rem; margin-inline-end: 1.2rem; }
.page-content .wpcf7-list-item label { display: inline; font-size: 0.92rem; }

/* signature / drawing canvases from the legacy plugins */
.page-content canvas { border: 1px solid rgba(16, 18, 16, 0.28); max-width: 100%; }

/* Shims for the old theme's Bootstrap grid markup inside CF7 content */
.page-content .row { display: flex; flex-wrap: wrap; gap: 0 1.2rem; }
.page-content .row > [class*="col"] { flex: 1 1 15rem; min-width: 0; }
.page-content .row > .col-12 { flex-basis: 100%; }
.page-content .row > .col-sm-6 { flex: 1 1 44%; }
.page-content .row > .col-sm-3 { flex: 1 1 20%; }
.page-content .w-100 { width: 100%; flex-basis: 100%; }
.page-content .container, .page-content .container-fluid { width: 100%; }
.page-content .text-right { text-align: end; }
.page-content .text-uppercase { text-transform: uppercase; letter-spacing: 0.08em; }

/* CF7 sections arrive as fieldset.row + legend — neutralise fieldset chrome,
   let the legend behave as a full-width section heading */
.page-content fieldset { border: 0; min-width: 0; padding: 0; margin: 1.6rem 0 0; }
.page-content legend {
	float: inline-start;
	width: 100%;
	font-weight: 300;
	font-size: 1.35rem;
	color: var(--ink);
	margin-bottom: 0.9rem;
	padding: 0;
}
.page-content .form-group { margin-bottom: 1.1rem; }
.page-content .ContactLine { width: 100%; border-top: 1px solid var(--hairline-light); margin: 1.4rem 0; }
.page-content .ContactTitleIn { font-weight: 300; font-size: 1.35rem; margin: 1.4rem 0 0.7rem; }

/* ---------- pre-owned ---------- */

.preowned-banner { position: relative; overflow: hidden; }
.preowned-banner img { width: 100%; max-height: 30rem; object-fit: cover; }
.preowned-banner::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(to top, rgba(5, 10, 5, 0.72), rgba(5, 10, 5, 0.08) 55%);
}
.preowned-banner-caption {
	position: absolute; inset-inline-start: var(--gutter); bottom: clamp(1.4rem, 4vw, 2.6rem);
	z-index: 1; color: var(--white); max-width: 34rem;
}
.preowned-banner-caption .display { color: var(--white); }
.preowned-banner-caption p { color: var(--white-70); margin-top: 0.5rem; }

.preowned-grid {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
	gap: 1.4rem; margin-top: 1rem;
}
.preowned-card { border: 1px solid var(--hairline-light); display: block; }
.preowned-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
/* was .strip-title, which lived in main.css until the explore strip became the
   card wall — the pre-owned grid owns its own title style now */
.preowned-card-title {
	padding: 1rem 1.2rem 1.2rem;
	color: var(--ink);
	font-weight: 300; font-size: 1.45rem;
}

.preowned-empty { max-width: 40rem; padding: clamp(1.5rem, 4vw, 3rem) 0 1rem; }
.preowned-empty h2 { font-weight: 300; font-size: 1.7rem; color: var(--ink); margin-bottom: 0.8rem; }
.preowned-empty p { color: #575d57; margin-bottom: 1.6rem; }

@media (max-width: 782px) {
	body.admin-bar .site-header { top: 46px; }
}