/**
 * Contract-only additions: guide prices, sample request basket, filters,
 * enquiry form fields, verified certification strip and the Technical page
 * comparison. Loaded after main.css.
 */

/* ── Guide prices ─────────────────────────────────────────────────────── */
.natrul-price-vat,
.natrul-price-from {
	font-size: 0.72em;
	font-weight: 400;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--ink-muted, #7a6a50);
}

/* ── Sample request toggle ────────────────────────────────────────────── */
.natrul-sample-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--wp--preset--color--ink, #1a1610);
	border: 1px solid rgba(26, 22, 16, 0.28);
	background: transparent;
	padding: 0.65rem 1rem;
	cursor: pointer;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.natrul-sample-toggle:hover { border-color: var(--wp--preset--color--ink, #1a1610); }
.natrul-sample-toggle__added { display: none; }
.natrul-sample-toggle.is-added {
	background: var(--wp--preset--color--ink, #1a1610);
	border-color: var(--wp--preset--color--ink, #1a1610);
	color: #faf8f4;
}
.natrul-sample-toggle.is-added .natrul-sample-toggle__add { display: none; }
.natrul-sample-toggle.is-added .natrul-sample-toggle__added { display: inline; }
.natrul-sample-toggle.is-added .natrul-sample-toggle__added::before { content: "✓ "; }
.natrul-sample-toggle--block {
	display: flex;
	width: 100%;
	margin-top: auto;
}

/* The calculator's sample button keeps its existing size and colour. */
.natrul-calc__btn-sample.natrul-sample-toggle {
	letter-spacing: normal;
	text-transform: none;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border: none;
}
.natrul-calc__btn-sample.natrul-sample-toggle.is-added { background: var(--wp--preset--color--ink, #1a1610); }

/* ── Sample request bar ───────────────────────────────────────────────── */
.natrul-sample-bar {
	position: fixed;
	left: 50%;
	bottom: 1rem;
	transform: translateX(-50%);
	z-index: 9000;
	display: flex;
	align-items: center;
	gap: 1rem;
	width: max-content;
	max-width: calc(100vw - 2rem);
	padding: 0.75rem 0.75rem 0.75rem 1.25rem;
	background: var(--wp--preset--color--ink, #1a1610);
	color: #faf8f4;
	box-shadow: 0 10px 30px rgba(10, 8, 4, 0.25);
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.8rem;
}
.natrul-sample-bar[hidden] { display: none; }
.natrul-sample-bar__count { white-space: nowrap; }
.natrul-sample-bar__clear {
	background: none;
	border: none;
	color: rgba(250, 248, 244, 0.6);
	font: inherit;
	text-decoration: underline;
	cursor: pointer;
	padding: 0;
}
.natrul-sample-bar__cta {
	background: #faf8f4;
	color: var(--wp--preset--color--ink, #1a1610);
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 0.66rem;
	font-weight: 600;
	padding: 0.7rem 1rem;
	white-space: nowrap;
}
@media (max-width: 480px) {
	.natrul-sample-bar { left: 1rem; right: 1rem; transform: none; width: auto; justify-content: space-between; gap: 0.6rem; }
	.natrul-sample-bar__clear { display: none; }
}

/* ── Filter chips (collections and samples) ───────────────────────────── */
.products [hidden] { display: none !important; }

/* ── Samples grid ─────────────────────────────────────────────────────── */

/* ── Enquiry form additions ───────────────────────────────────────────── */
.natrul-cp__form select {
	font-family: var(--wp--preset--font-family--jost, sans-serif);
	font-size: 0.95rem;
	color: var(--wp--preset--color--ink, #1a1610);
	background: var(--wp--preset--color--surface, #faf8f4);
	border: 1.5px solid #d8cfc4;
	border-radius: 8px;
	padding: 0.75rem 1rem;
	width: 100%;
	box-sizing: border-box;
}
.natrul-cp__form select:focus { outline: none; border-color: var(--wp--preset--color--primary, #3a6b3a); }
.natrul-cp__form-row .natrul-cp__form-field { margin-bottom: 0; }
.natrul-cp__form-row--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.natrul-cp__form-field--check {
	flex-direction: row;
	align-items: center;
	gap: 0.6rem;
}
.natrul-cp__form-field--check input[type="checkbox"] {
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 0;
	-webkit-appearance: checkbox;
	appearance: auto;
	accent-color: var(--wp--preset--color--ink, #1a1610);
}
.natrul-cp__form-field--check label { margin: 0; text-transform: none; letter-spacing: 0; font-weight: 500; font-size: 0.95rem; }
.natrul-cp__form textarea#cp-finishes { min-height: 90px; }
.natrul-cp__form textarea#cp-address { min-height: 90px; }
.natrul-cp__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
@media (max-width: 640px) {
	.natrul-cp__form-row,
	.natrul-cp__form-row--three { grid-template-columns: 1fr; }
	.natrul-cp__form-row .natrul-cp__form-field { margin-bottom: 1.25rem; }
}

/* ── Verified certification strip ─────────────────────────────────────── */

/* ── Product page ─────────────────────────────────────────────────────── */
.natrul-trust-badge__text a { color: inherit; }
.natrul-product-ctas + .natrul-product-price__unit { display: block; }

/* ── Technical page: comparison and specification text ────────────────── */
.ndl-compare {
	overflow-x: auto;
	margin: 0 0 3rem;
	border: 1px solid rgba(26, 22, 16, 0.12);
}
.ndl-compare__table {
	width: 100%;
	min-width: 760px;
	border-collapse: collapse;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.84rem;
	line-height: 1.5;
	color: var(--wp--preset--color--ink, #1a1610);
}
.ndl-compare__table th,
.ndl-compare__table td {
	text-align: left;
	vertical-align: top;
	padding: 0.75rem 1rem;
	border-bottom: 1px solid rgba(26, 22, 16, 0.1);
}
.ndl-compare__table thead th {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.05rem;
	font-weight: 400;
	background: var(--wp--preset--color--surface-warm, #f2ede4);
}
.ndl-compare__table thead th a {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.68rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-muted, #7a6a50);
}
.ndl-compare__table tbody th {
	font-weight: 500;
	width: 12rem;
	color: var(--wp--preset--color--ink-muted, #7a6a50);
}
.ndl-clauses__title {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 300;
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	margin: 0 0 0.75rem;
}
.ndl-clauses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
	margin-bottom: 2rem;
}
.ndl-clause { display: flex; flex-direction: column; gap: 0.5rem; }
.ndl-clause__name {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.72rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.ndl-clause__text {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.78rem;
	line-height: 1.6;
	padding: 0.9rem;
	border: 1px solid rgba(26, 22, 16, 0.15);
	background: #fff;
	color: var(--wp--preset--color--ink, #1a1610);
	resize: vertical;
}
.ndl-clause__copy {
	align-self: flex-start;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	background: none;
	border: 1px solid rgba(26, 22, 16, 0.28);
	padding: 0.55rem 0.9rem;
	cursor: pointer;
}
.ndl-panel__note {
	font-size: 0.85rem;
	color: var(--wp--preset--color--ink-muted, #7a6a50);
}
@media (max-width: 767px) { .ndl-clauses { grid-template-columns: 1fr; } }

/* ── Technical page: tabs and document cards ───────────────────────────── */

.natrul-downloads-page .ndl-tabs { border-bottom: 1px solid #d8d0c4; position: sticky; top: 60px; background: #faf8f4; z-index: 10; }
.natrul-downloads-page .ndl-tabs__inner { display: flex; max-width: 900px; margin: 0 auto; padding: 0 1.5rem; overflow-x: auto; scrollbar-width: none; }
.natrul-downloads-page .ndl-tabs__inner::-webkit-scrollbar { display: none; }
.natrul-downloads-page .ndl-tab { font-family: var(--natrul-sans, Jost, sans-serif); font-size: 0.8rem; letter-spacing: 0.06em; color: #7a6a50; background: none; border: none; border-bottom: 2px solid transparent; padding: 1rem 1.25rem; cursor: pointer; white-space: nowrap; transition: color 0.2s, border-color 0.2s; }
.natrul-downloads-page .ndl-tab:hover { color: #1a1610; }
.natrul-downloads-page .ndl-tab.is-active { color: #1a1610; border-bottom-color: #c4923a; }
.natrul-downloads-page .ndl-body { max-width: 900px; margin: 0 auto; padding: 3rem 1.5rem 5rem; }
.natrul-downloads-page .ndl-panel__intro { font-family: var(--natrul-sans, Jost, sans-serif); font-size: 0.9rem; color: #7a6a50; line-height: 1.65; margin-bottom: 2.5rem; max-width: 580px; }
.natrul-downloads-page .ndl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1px; border: 1px solid #d8d0c4; }
.natrul-downloads-page .ndl-card { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; background: #fff; text-decoration: none; border-right: 1px solid #d8d0c4; border-bottom: 1px solid #d8d0c4; transition: background 0.18s; }
.natrul-downloads-page .ndl-card:hover { background: #faf8f4; }
.natrul-downloads-page .ndl-card__icon { flex-shrink: 0; color: #c4923a; }
.natrul-downloads-page .ndl-card__text { flex: 1; min-width: 0; }
.natrul-downloads-page .ndl-card__name { font-family: var(--natrul-sans, Jost, sans-serif); font-size: 0.85rem; font-weight: 500; color: #1a1610; margin-bottom: 0.2rem; }
.natrul-downloads-page .ndl-card__desc { font-family: var(--natrul-sans, Jost, sans-serif); font-size: 0.72rem; color: #7a6a50; line-height: 1.4; }
.natrul-downloads-page .ndl-card__dl { font-family: var(--natrul-sans, Jost, sans-serif); font-size: 0.62rem; letter-spacing: 0.1em; color: #7a6a50; border: 1px solid #d8d0c4; padding: 0.2rem 0.45rem; flex-shrink: 0; }