/*
Theme Name: ZeroY Starter
Text Domain: novoweigh
Description: Novoweigh weighing & packaging site skeleton.
Version: 1.1.0
*/

:root {
	--c-brand: #183447;
	--c-text: #172B3A;
	--c-text-soft: #526371;
	--c-bg: #FFFFFF;
	--c-bg-soft: #F3F6F8;
	--c-line: #D7E0E6;
	--c-control: #7B8994;
	--c-link: #1D5F91;
	--c-accent: #C65A17;
	--c-accent-dark: #9A4310;
}

*, *::before, *::after { box-sizing: border-box; }

body {
	margin: 0;
	font-family: "Source Sans 3", Arial, "Segoe UI", system-ui, sans-serif;
	font-size: 17px;
	line-height: 1.6;
	color: var(--c-text);
	background: var(--c-bg);
}

a { color: var(--c-link); }
a:hover { color: var(--c-accent-dark); }

img { max-width: 100%; height: auto; }

.container {
	max-width: 1240px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.skip-link:focus {
	top: 8px;
	left: 8px;
	width: auto;
	height: auto;
	clip: auto;
	padding: 8px 12px;
	background: var(--c-brand);
	color: #fff;
	z-index: 100;
}

/* Header */
.site-header {
	background: var(--c-bg);
	border-bottom: 1px solid var(--c-line);
	position: relative;
}

.header-inner {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 16px 24px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.brand {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--c-brand);
	text-decoration: none;
}

.site-nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 18px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-nav a {
	color: var(--c-text);
	text-decoration: none;
	font-weight: 600;
}

.site-nav a:hover { color: var(--c-link); }

.nav-disclosure { display: none; }

.site-nav > ul > li { position: relative; }

.nav-link--toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	list-style: none;
	color: var(--c-text);
	font-weight: 600;
	text-decoration: none;
}

.nav-link--toggle::-webkit-details-marker { display: none; }
.nav-link--toggle:hover { color: var(--c-link); }

.nav-caret {
	font-size: 0.7em;
	transition: transform 0.15s ease;
}

.nav-dropdown[open] .nav-caret { transform: rotate(180deg); }

.dropdown-panel {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 240px;
	background: var(--c-bg);
	border: 1px solid var(--c-line);
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(23, 43, 58, 0.14);
	padding: 8px;
	z-index: 60;
}

.dropdown-panel ul {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 2px;
}

.dropdown-panel a {
	display: block;
	padding: 7px 10px;
	border-radius: 6px;
	color: var(--c-text);
	font-weight: 500;
}

.dropdown-panel a:hover {
	background: var(--c-bg-soft);
	color: var(--c-link);
}

.dropdown-group { margin-top: 4px; }

.dropdown-group-title {
	display: block;
	padding: 8px 10px 4px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--c-text-soft);
}

.dropdown-group ul { padding-left: 10px; }

@media (max-width: 780px) {
	.dropdown-panel {
		position: static;
		box-shadow: none;
		border: 0;
		padding: 0 0 0 12px;
	}
}

.header-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	flex: 0 1 auto;
	margin-left: auto;
}

.site-search {
	display: flex;
	gap: 6px;
	flex: 0 1 auto;
	min-width: 0;
}

.site-search input[type="search"] {
	width: 200px;
	min-width: 96px;
	padding: 8px 10px;
	border: 1px solid var(--c-control);
	border-radius: 6px;
	font: inherit;
}

.icon-link {
	color: var(--c-text-soft);
	text-decoration: none;
	font-weight: 600;
}

.btn {
	display: inline-block;
	padding: 12px 20px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
	line-height: 1.2;
}

.btn-primary {
	background: var(--c-brand);
	color: #fff;
}

.btn-primary:hover { color: #fff; background: #234a63; }

/* Main */
.site-main {
	min-height: 60vh;
	padding: 3rem 0;
}

.page-title {
	font-size: 2rem;
	line-height: 1.25;
	margin: 0 0 0.5rem;
	color: var(--c-brand);
}

.planning-note {
	color: var(--c-text-soft);
	margin: 0;
}

/* Footer */
.site-footer {
	background: var(--c-bg-soft);
	border-top: 1px solid var(--c-line);
	padding: 2.5rem 0 3.5rem;
}

.footer-inner {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 24px;
}

.footer-col h2,
.footer-col h3 {
	margin: 0 0 0.75rem;
	color: var(--c-brand);
	font-size: 1rem;
}

.footer-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-col li { margin-bottom: 0.4rem; }

.footer-col a {
	color: var(--c-text);
	text-decoration: none;
}

.footer-col a:hover { color: var(--c-link); }

.footer-brand p { margin: 0.25rem 0 0; color: var(--c-text-soft); }

/* WhatsApp floating link (all pages) */
.whatsapp-float {
	position: fixed;
	right: 16px;
	bottom: 16px;
	background: #25D366;
	color: #fff;
	padding: 12px 16px;
	border-radius: 24px;
	text-decoration: none;
	font-weight: 700;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
	z-index: 50;
}

.whatsapp-float:hover { color: #fff; background: #1eb958; }

@media (max-width: 760px) {
	body { font-size: 16px; }
	.page-title { font-size: 1.6rem; }
}



/* Demo content rendering */
.entry-header { margin-bottom: 1.5rem; }
.entry-summary { color: var(--c-text-soft); margin: 0 0 1rem; }
.entry-content { margin: 0 0 1rem; }
.product-meta, .card-meta, .case-meta, .article-meta { color: var(--c-text-soft); margin: 0.25rem 0 0; }
.product-meta span + span::before { content: " · "; }
.article-meta span + span::before { content: " · "; }

.section-title { font-size: 1.25rem; color: var(--c-brand); margin: 2rem 0 0.75rem; }
.product-block, .case-block, .article-block { margin-bottom: 0.5rem; }

.param-table { width: 100%; border-collapse: collapse; margin: 0; }
.param-table th, .param-table td { border: 1px solid var(--c-line); padding: 8px 10px; text-align: left; vertical-align: top; }
.param-table th { width: 40%; background: var(--c-bg-soft); color: var(--c-text-soft); font-weight: 600; }
.param-table .unit { color: var(--c-text-soft); }

.config-list { display: grid; gap: 16px; }
.config-card { border: 1px solid var(--c-line); border-radius: 8px; padding: 16px; background: var(--c-bg); }
.config-card h3 { margin: 0 0 0.5rem; color: var(--c-brand); }
.config-scope { margin: 0.75rem 0 0; color: var(--c-text-soft); }

.scope-list { display: grid; gap: 12px; margin: 0; }
.scope-list div { border-left: 3px solid var(--c-line); padding-left: 12px; }
.scope-list dt { font-weight: 700; color: var(--c-brand); }
.scope-list dd { margin: 0.25rem 0 0; }

.condition-list { margin: 0; padding-left: 1.2rem; }
.condition-list li { margin-bottom: 0.5rem; }

.related-block { margin-top: 2rem; }
.related-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.related-list a { display: inline-block; padding: 6px 12px; border: 1px solid var(--c-line); border-radius: 6px; text-decoration: none; color: var(--c-text); }
.related-list a:hover { color: var(--c-link); border-color: var(--c-link); }

.card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; margin-top: 1.5rem; }
.card { border: 1px solid var(--c-line); border-radius: 8px; padding: 16px; background: var(--c-bg); }
.card-title { font-size: 1.1rem; margin: 0 0 0.5rem; }
.card-title a { color: var(--c-brand); text-decoration: none; }
.card-title a:hover { color: var(--c-link); }
.card-media { display: block; margin-bottom: 0.75rem; }
.card-summary { margin: 0 0 0.5rem; color: var(--c-text-soft); }
.card-meta { font-size: 0.9rem; }

.term-desc { color: var(--c-text-soft); font-size: 1.1rem; margin: 0 0 0.5rem; }
.term-body { margin: 0 0 1rem; }
.empty-state { color: var(--c-text-soft); }

.delivered-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.delivered-list li { border: 1px solid var(--c-line); border-radius: 8px; padding: 12px; }
.delivered-config { margin: 0.25rem 0 0; }
.delivered-notes { margin: 0.25rem 0 0; color: var(--c-text-soft); }

.product-media { margin-bottom: 1rem; }

/* Header: one row above 1140px, two rows below, nav collapses into Menu below 780px */
@media (max-width: 1300px) {
	.site-nav ul { gap: 4px 12px; }
	.site-search input[type="search"] { width: 150px; }
}

@media (max-width: 1140px) {
	.header-inner { flex-wrap: wrap; }
	.site-nav { margin-left: auto; }

	.header-actions {
		flex: 1 1 100%;
		margin-left: 0;
	}

	.site-search { flex: 0 1 auto; }
	.site-search input[type="search"] {
		width: 300px;
		min-width: 120px;
	}

	.header-actions .icon-link { margin-left: auto; }
}

@media (max-width: 780px) {
	.nav-disclosure { display: block; }
	.site-nav > ul { display: none; }

	.nav-toggle {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		min-height: 44px;
		padding: 0 14px;
		border: 1px solid var(--c-line);
		border-radius: 8px;
		color: var(--c-text);
		font-weight: 600;
		cursor: pointer;
		list-style: none;
	}

	.nav-toggle::-webkit-details-marker { display: none; }
	.nav-disclosure[open] .nav-caret { transform: rotate(180deg); }

	.nav-disclosure[open] ~ ul {
		display: flex;
		position: absolute;
		top: 100%;
		left: 20px;
		right: 20px;
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 2px;
		margin: 0;
		padding: 10px;
		max-height: 70vh;
		overflow-y: auto;
		background: var(--c-bg);
		border: 1px solid var(--c-line);
		border-radius: 10px;
		box-shadow: 0 12px 32px rgba(23, 43, 58, 0.16);
		z-index: 70;
	}

	.nav-disclosure[open] ~ ul > li { width: 100%; }

	.nav-disclosure[open] ~ ul > li > a,
	.nav-disclosure[open] ~ ul .nav-link--toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 10px;
		border-radius: 6px;
	}

	.nav-disclosure[open] ~ ul > li > a:hover,
	.nav-disclosure[open] ~ ul .nav-link--toggle:hover {
		background: var(--c-bg-soft);
		color: var(--c-link);
	}
}

@media (max-width: 560px) {
	.nav-disclosure[open] ~ ul { left: 12px; right: 12px; }
}

/* ==========================================================================
   Shared blocks used by the three fixed pages
   (home, procurement support, about & cooperation).
   Markup contract: main > section.band > div.container
   ========================================================================== */

.band { padding: 3rem 0; }
.band--soft { background: var(--c-bg-soft); border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.band--tight { padding: 1.75rem 0; }

.section-head { max-width: 64ch; margin: 0 0 1.75rem; }
.section-head .section-title { margin: 0 0 0.5rem; font-size: 1.6rem; }
.section-lead { margin: 0; color: var(--c-text-soft); font-size: 1.05rem; }
.section-actions { margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: 0.75rem; }

/* Hero (home) */
.hero { background: linear-gradient(180deg, var(--c-bg-soft), var(--c-bg)); border-bottom: 1px solid var(--c-line); padding: 2.75rem 0; }
.hero-inner { display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); align-items: center; }
.hero-eyebrow { text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.8rem; font-weight: 700; color: var(--c-accent-dark); margin: 0 0 0.5rem; }
.hero-title { font-size: 2.4rem; line-height: 1.2; margin: 0 0 0.75rem; color: var(--c-brand); }
.hero-lead { font-size: 1.15rem; color: var(--c-text-soft); margin: 0 0 1.25rem; max-width: 58ch; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.hero-media img { border-radius: 12px; border: 1px solid var(--c-line); }
.hero-points { list-style: none; margin: 1.25rem 0 0; padding: 0; display: grid; gap: 0.4rem; }
.hero-points li { position: relative; padding-left: 1.4rem; }
.hero-points li::before { content: "✓"; position: absolute; left: 0; color: var(--c-accent); font-weight: 700; }

/* Buttons (extends .btn / .btn-primary) */
.btn-secondary { border: 1px solid var(--c-brand); color: var(--c-brand); background: transparent; }
.btn-secondary:hover { background: var(--c-brand); color: #fff; }
.btn-sm { padding: 9px 14px; font-size: 0.95rem; }
.btn-block { display: block; width: 100%; text-align: center; }

/* Procurement task cards */
.task-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.task-card { display: flex; flex-direction: column; gap: 0.6rem; border: 1px solid var(--c-line); border-radius: 10px; padding: 1.25rem; background: var(--c-bg); }
.task-card-title { margin: 0; font-size: 1.1rem; color: var(--c-brand); }
.task-card-text { margin: 0; color: var(--c-text-soft); }
.task-card-actions { margin-top: auto; padding-top: 0.5rem; }
.task-index, .term-row-label { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-accent-dark); }
.task-facts { margin: 0; padding-left: 1.1rem; color: var(--c-text-soft); }
.task-facts li { margin-bottom: 0.25rem; }

/* Process steps */
.steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.step { border-left: 3px solid var(--c-accent); padding: 0.25rem 0 0.25rem 1rem; }
.step-title { margin: 0 0 0.25rem; font-size: 1.05rem; color: var(--c-brand); }
.step-text { margin: 0; color: var(--c-text-soft); }

/* Term chips */
.chip-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.chip { display: inline-block; padding: 7px 13px; border: 1px solid var(--c-line); border-radius: 999px; background: var(--c-bg); color: var(--c-text); text-decoration: none; }
.chip:hover { border-color: var(--c-link); color: var(--c-link); }

/* Term rows: the categories, industries and conditions a record is filed under */
.term-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin: 0.6rem 0 0; }
.term-row .chip { padding: 4px 11px; font-size: 0.9rem; }
.chip--static { background: var(--c-bg-soft); color: var(--c-text-soft); }
.chip--static:hover { border-color: var(--c-line); color: var(--c-text-soft); }

/* Category page: the task, the questions it answers and the next step */
.term-block { margin: 0 0 1.25rem; }
.term-block p { margin: 0; color: var(--c-text-soft); }
.question-list { margin: 0; padding-left: 1.15rem; color: var(--c-text-soft); }
.question-list li { margin-bottom: 0.35rem; }

/* Case page: the two case-only labels and what they mean */
.label-list { margin: 0; display: grid; gap: 1.1rem; }
.label-item { display: grid; gap: 0.4rem; }
.label-item dt { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-accent-dark); }
.label-item dd { margin: 0; display: grid; gap: 0.5rem; justify-items: start; }
.label-desc { margin: 0; color: var(--c-text-soft); }

/* Long form prose (about, support, privacy) */
.prose { max-width: 70ch; }
.prose h3 { margin: 1.75rem 0 0.5rem; font-size: 1.15rem; color: var(--c-brand); }
.prose h3:first-child { margin-top: 0; }
.prose ul { padding-left: 1.15rem; }
.prose li { margin-bottom: 0.4rem; }
.mt-md { margin-top: 1.25rem; }
.fact-list { margin: 0; display: grid; gap: 0.75rem; }
.fact-list dt { font-weight: 700; color: var(--c-brand); }
.fact-list dd { margin: 0.15rem 0 0; }

/* ==========================================================================
   Shared contact & inquiry module (one complete form per page, id="inquiry")
   ========================================================================== */

.inquiry-inner { display: grid; gap: 2rem; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); align-items: start; }
.inquiry-aside { border: 1px solid var(--c-line); border-radius: 10px; padding: 1.25rem; background: var(--c-bg); }
.inquiry-aside h3 { margin: 0 0 0.5rem; font-size: 1.05rem; color: var(--c-brand); }
.inquiry-aside h3:not(:first-child) { margin-top: 1.25rem; }
.inquiry-aside ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; }
.inquiry-form { border: 1px solid var(--c-line); border-radius: 10px; padding: 1.25rem; background: var(--c-bg); }

.form-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.form-field { display: flex; flex-direction: column; gap: 0.3rem; min-width: 0; }
.form-field--full { grid-column: 1 / -1; }
.field-label { font-weight: 600; }
.field-hint { color: var(--c-text-soft); font-size: 0.92rem; }
.required-mark { color: var(--c-accent-dark); }
.field-error { color: #A3350F; font-size: 0.92rem; }

.form-field input[type="text"],
.form-field input[type="email"],
.form-field input[type="tel"],
.form-field textarea,
.form-field select { width: 100%; padding: 10px 12px; border: 1px solid var(--c-control); border-radius: 6px; font: inherit; }
.form-field textarea { min-height: 96px; resize: vertical; }
.form-field--invalid input, .form-field--invalid textarea { border-color: #A3350F; }
.field-choice-list { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; }
.field-choice-list label { display: inline-flex; align-items: center; gap: 0.4rem; }

.form-actions { margin-top: 1.25rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
.form-note { margin: 0.75rem 0 0; font-size: 0.92rem; color: var(--c-text-soft); }

/* Task background selector. Radios and their hints are siblings so the hint
   can follow the checked task without any JavaScript and without reloading
   the form (a reload would lose what the customer already typed). */
.task-switch { margin: 0 0 1.25rem; padding: 0.75rem 1rem 1rem; border: 1px solid var(--c-line); border-radius: 8px; }
.task-switch legend { padding: 0 0.35rem; font-weight: 600; }
/* The radios and their hints must stay siblings for the rules below to work,
   so the label sits beside its own radio instead of wrapping it. */
.task-switch > input[type="radio"] { margin: 0 0.3rem 0 0; vertical-align: middle; }
.task-switch .task-choice { display: inline-block; margin: 0.3rem 1.5rem 0.3rem 0; }

fieldset.form-grid { border: 0; margin: 0; padding: 0; }
fieldset.form-grid > legend { grid-column: 1 / -1; padding: 0; margin-bottom: 0.5rem; font-weight: 600; }
.task-hint { display: none; margin: 0.75rem 0 0; padding: 0.6rem 0.8rem; background: var(--c-bg-soft); border-left: 3px solid var(--c-line); color: var(--c-text-soft); }

#nw-task-one-stop:checked ~ .task-hint[data-task="one-stop"],
#nw-task-fill-gaps:checked ~ .task-hint[data-task="fill-gaps"],
#nw-task-replacement-parts:checked ~ .task-hint[data-task="replacement-parts"],
#nw-task-project-matching:checked ~ .task-hint[data-task="project-matching"],
#nw-task-general:checked ~ .task-hint[data-task="general"] { display: block; }

/* Feedback panels */
.notice { margin: 0 0 1.25rem; padding: 0.9rem 1.1rem; border: 1px solid var(--c-line); border-radius: 8px; }
.notice p { margin: 0 0 0.5rem; }
.notice p:last-child { margin-bottom: 0; }
.notice--ok { background: #EEF7F0; border-color: #9CCBA6; }
.notice--error { background: #FDF1EC; border-color: #E2A98F; }
.notice--info { background: var(--c-bg-soft); }
.inquiry-ref { font-weight: 700; letter-spacing: 0.02em; }

/* WhatsApp icon: round, avoids the mobile bottom safe area and never sits
   over a submit button (the main column keeps clear space below). */
.whatsapp-float {
	position: fixed;
	right: 16px;
	bottom: max(16px, env(safe-area-inset-bottom));
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	padding: 0;
	border-radius: 50%;
	background: #25D366;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	z-index: 50;
}
.whatsapp-float svg { width: 28px; height: 28px; fill: currentColor; }
.whatsapp-float:hover { background: #1EB958; color: #fff; }

@media (max-width: 900px) {
	.inquiry-inner { grid-template-columns: 1fr; }
	.hero-inner { grid-template-columns: 1fr; }
	.hero-title { font-size: 1.9rem; }
}

@media (max-width: 760px) {
	.site-main { padding-bottom: 6rem; }
	.section-head .section-title { font-size: 1.4rem; }
}

/* ==========================================================================
   Inquiry list — a browser-side collection carried into the inquiry form.
   Controls that only work with scripting ship with the `hidden` attribute and
   are revealed by assets/js/inquiry-list.js, so nothing inert is ever shown.
   ========================================================================== */

[hidden] { display: none !important; }

.card-actions, .product-actions { margin: 0.75rem 0 0; }
.nw-add-to-list.is-added { background: var(--c-brand); border-color: var(--c-brand); color: #fff; }
.inquiry-count { display: inline-block; min-width: 1.4em; margin-left: 0.2rem; padding: 0 0.35em; border-radius: 999px; background: var(--c-brand); color: #fff; font-size: 0.78rem; line-height: 1.6; text-align: center; }

.page-note { margin: 0 0 1.25rem; padding: 0.9rem 1.1rem; border: 1px solid var(--c-line); border-left: 3px solid var(--c-accent); border-radius: 8px; background: var(--c-bg-soft); }

.inquiry-list { list-style: none; margin: 0 0 1.25rem; padding: 0; border-top: 1px solid var(--c-line); }
.inquiry-item { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5rem 0.75rem; padding: 0.85rem 0; border-bottom: 1px solid var(--c-line); }
.inquiry-item-title { font-weight: 600; }
.inquiry-item-model { color: var(--c-text-soft); font-size: 0.95rem; }
.inquiry-item-remove { margin-left: auto; padding: 0; border: 0; background: none; color: var(--c-link); font: inherit; font-weight: 600; text-decoration: underline; cursor: pointer; }
.inquiry-item-remove:hover { color: var(--c-accent-dark); }
.inquiry-list-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }

.inquiry-items { margin: 0 0 1.25rem; padding: 0.9rem 1.1rem; border: 1px solid var(--c-line); border-left: 3px solid var(--c-accent); border-radius: 8px; background: var(--c-bg-soft); }
.inquiry-items-title { margin: 0 0 0.5rem; font-size: 1rem; color: var(--c-brand); }
.inquiry-items-list { list-style: none; margin: 0 0 0.5rem; padding: 0; }
.inquiry-items-list .inquiry-item { padding: 0.4rem 0; border-bottom: 0; }