/* =========================================================
   SITE-FULL redesign overrides - 2026-10-30
   Loaded after main.css (dependency: wraptio-main).
   Rollback: remove this file and the wraptio-redesign mu-plugin.
   ========================================================= */

:root {
	--wr-ink: #0e1b2c;
	--wr-muted: #55677a;
	--wr-line: #e3e9f1;
	--wr-accent-ink: #2b1e00;
	--wr-head-font: "Archivo", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

html { scroll-behavior: smooth; }

body {
	color: var(--wr-ink);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4,
.hero__title, .section__title {
	font-family: var(--wr-head-font);
	letter-spacing: -0.02em;
	line-height: 1.14;
}

/* Hero: balanced wrap and a calmer reading column. */
.hero__title { max-width: 20ch; }
.hero__subtitle { max-width: 60ch; color: var(--wr-muted); line-height: 1.7; }
.hero__eyebrow { letter-spacing: 0.14em; }
.hero__actions { gap: 0.75rem; }

/* One accent colour for every primary CTA on the site. */
.btn--primary {
	background: var(--wp-accent);
	color: var(--wr-accent-ink);
	border: 1px solid rgba(0, 0, 0, 0.08);
}
.btn--primary:hover,
.btn--primary:focus {
	background: #ffb824;
	color: var(--wr-accent-ink);
	box-shadow: 0 6px 18px rgba(242, 161, 4, 0.35);
}

/* One proportion for every product photo. */
.cat-card__media img,
.card__image {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.cat-card, .card { border-radius: var(--wp-radius-lg); }

/* Sticky in-page buyer path on long product pages. */
.wr-jumpbar {
	position: sticky;
	top: 0;
	z-index: 40;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(6px);
	border-bottom: 1px solid var(--wr-line);
}
.wr-jumpbar__inner {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	min-height: 52px;
}
.wr-jumpbar a {
	display: inline-flex;
	align-items: center;
	padding: 0.55rem 0.9rem;
	border-radius: var(--wp-radius-pill);
	font-size: 0.92rem;
	font-weight: 600;
	color: var(--wr-muted);
	white-space: nowrap;
}
.wr-jumpbar a:hover,
.wr-jumpbar a:focus { background: #eef3f9; color: var(--wp-brand); }
.wr-jumpbar a.wr-jumpbar__cta {
	margin-left: auto;
	background: var(--wp-accent);
	color: var(--wr-accent-ink);
}
.wr-jumpbar a.wr-jumpbar__cta:hover,
.wr-jumpbar a.wr-jumpbar__cta:focus {
	background: #ffb824;
	color: var(--wr-accent-ink);
}
@media (max-width: 600px) {
	.wr-jumpbar a.wr-jumpbar__cta { margin-left: 0.5rem; }
}

[id] { scroll-margin-top: 72px; }

/* Specification table readability. */
.section--specs table { border-collapse: collapse; }
.section--specs th { background: var(--wp-brand); color: #fff; }
.section--specs tbody tr:nth-child(even) { background: #f7fafd; }

/* Mobile nav comfort: bigger tap targets. */
@media (max-width: 900px) {
	.main-navigation.is-open a { padding: 0.85rem 1rem; font-size: 1.05rem; }
	.nav-toggle { width: 48px; height: 48px; }
}