/* ==========================================================================
   Homepage inventory finder (0.6.6.9)
   Keeps the existing premium language; nothing outside this section changes.
   ========================================================================== */

.wt-invfinder__head { margin-bottom: 1.1rem; }
.wt-invfinder__head h2 { margin: 0 0 .35rem; letter-spacing: -.015em; }
.wt-invfinder__head p { margin: 0; color: #5d6b78; font-size: .92rem; }

.wt-invfinder__form {
	padding: 1.25rem;
	border: 1px solid #e3e9ef;
	border-radius: 18px;
	background: radial-gradient(120% 90% at 50% -10%, #fff 0%, #fbfcfd 55%, #f5f7fa 100%);
	box-shadow: 0 6px 22px rgba(18, 35, 51, .07);
}

.wt-invfinder__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .75rem;
}

.wt-invfinder__summary {
	display: flex;
	align-items: baseline;
	gap: .6rem;
	margin-top: 1rem;
	padding-top: .9rem;
	border-top: 1px solid #eaeef3;
}

.wt-invfinder__count { margin: 0; color: #142433; font-size: 1.05rem; font-weight: 900; }
.wt-invfinder__split { margin: 0; color: #6d7a86; font-size: .82rem; font-weight: 700; }

.wt-invfinder__actions {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin-top: .9rem;
	flex-wrap: wrap;
}

.wt-invfinder__actions .wt-btn { min-height: 46px; }

.wt-invfinder__reset {
	margin-left: auto;
	padding: 0;
	border: 0;
	background: none;
	color: #5d6b78;
	font-size: .8rem;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.wt-invfinder__reset:hover { color: #d6532e; }

/* ------------------------------------------------------------- quick row */

.wt-invfinder__quick {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin-top: 1rem;
	flex-wrap: wrap;
}

.wt-invfinder__quick-label {
	color: #7b8894;
	font-size: .7rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.wt-chip-btn {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: .4rem .85rem;
	border: 1px solid #dce3ea;
	border-radius: 999px;
	background: #fff;
	color: #203241;
	font-size: .8rem;
	font-weight: 800;
	text-decoration: none;
	transition: border-color .16s ease, color .16s ease, transform .16s ease;
}

.wt-chip-btn:hover { border-color: #d6532e; color: #97381a; transform: translateY(-1px); }

/* ------------------------------------------------------------ help panel */

.wt-invfinder__help {
	margin-top: 1rem;
	padding: .9rem 1.1rem;
	border: 1px solid #e6eaef;
	border-radius: 14px;
	background: #fbfcfd;
}

.wt-invfinder__help summary {
	color: #142433;
	font-size: .9rem;
	font-weight: 900;
	cursor: pointer;
}

.wt-invfinder__help > p { margin: .5rem 0 .75rem; color: #5d6b78; font-size: .86rem; }

.wt-invfinder__help-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: .6rem;
	margin-bottom: .8rem;
}

.wt-invfinder__help-note { margin: .6rem 0 0; color: #7b8894; font-size: .74rem; }

/* ----------------------------------------------------------------- phone */

@media (max-width: 767px) {
	.wt-invfinder__grid,
	.wt-invfinder__help-grid { grid-template-columns: minmax(0, 1fr); }

	.wt-invfinder__form { padding: 1rem; border-radius: 16px; }

	.wt-invfinder__actions { flex-direction: column; align-items: stretch; }
	.wt-invfinder__actions .wt-btn { width: 100%; }
	.wt-invfinder__reset { margin: .2rem auto 0; }

	.wt-invfinder__quick { gap: .45rem; }
	.wt-chip-btn { min-height: 42px; font-size: .78rem; }
}

@media (prefers-reduced-motion: reduce) {
	.wt-chip-btn { transition: none; }
}