/* ===== UA Tyres ===== */
:root {
	--ua-accent: #1f6feb;
	--ua-accent-ink: #ffffff;
	--ua-ink: #1d2733;
	--ua-muted: #5b6776;
	--ua-line: #dfe4ea;
	--ua-soft: #f5f7fa;
	--ua-summer: #f59e0b;
	--ua-winter: #0ea5e9;
	--ua-all: #10b981;
}

/* --- Підбір шин --- */
.ua-tf {
	background: var(--ua-soft);
	border: 1px solid var(--ua-line);
	border-radius: 12px;
	padding: 20px;
	margin: 0 0 28px;
}
.ua-tf__title {
	font-size: 1.35em;
	font-weight: 700;
	color: var(--ua-ink);
	margin-bottom: 14px;
}
.ua-tf__fields {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 12px;
	align-items: end;
}
.ua-tf__field { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.ua-tf__label { font-size: .82em; font-weight: 600; color: var(--ua-muted); text-transform: uppercase; letter-spacing: .03em; }
.ua-tf select {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--ua-line);
	border-radius: 8px;
	background: #fff;
	font-size: 1em;
	color: var(--ua-ink);
}
.ua-tf__actions { display: flex; align-items: center; gap: 12px; grid-column: span 1; }
.ua-tf__submit.button {
	width: 100%;
	padding: 11px 18px;
	border-radius: 8px;
	background: var(--ua-accent);
	color: var(--ua-accent-ink);
	font-weight: 700;
	white-space: nowrap;
}
.ua-tf__reset { font-size: .9em; white-space: nowrap; }
.ua-tf--compact { padding: 14px 16px; }

/* --- Характеристики в картці товару --- */
.ua-spec {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 8px;
	margin: 0 0 1.4em;
	padding: 0;
}
.ua-spec > div { background: var(--ua-soft); border-radius: 8px; padding: 8px 12px; }
.ua-spec dt { font-size: .78em; color: var(--ua-muted); font-weight: 600; margin: 0; }
.ua-spec dd { margin: 0; font-weight: 700; color: var(--ua-ink); }

/* --- Сезон у списку товарів --- */
.ua-season {
	display: inline-block;
	font-size: .75em;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 999px;
	margin: 0 0 6px;
	color: #fff;
	background: var(--ua-all);
}
.ua-season--summer { background: var(--ua-summer); }
.ua-season--winter { background: var(--ua-winter); }

/* --- Реквізити --- */
.ua-req {
	border: 2px solid var(--ua-accent);
	border-radius: 12px;
	padding: 20px;
	margin: 0 0 32px;
	background: #fff;
}
.ua-req__title { margin: 0 0 6px; font-size: 1.3em; }
.ua-req__lead { color: var(--ua-muted); margin: 0 0 16px; }
.ua-req__grid { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: start; }
.ua-req__table { width: 100%; margin: 0; border: 0; }
.ua-req__table th { width: 34%; text-align: left; font-weight: 600; color: var(--ua-muted); vertical-align: top; padding: 8px 8px 8px 0; background: none; }
.ua-req__table td { padding: 8px 0; background: none; }
.ua-req__value { font-weight: 700; color: var(--ua-ink); word-break: break-all; margin-right: 8px; }
.ua-req__copy {
	font-size: .8em;
	padding: 3px 10px;
	border: 1px solid var(--ua-line);
	border-radius: 6px;
	background: var(--ua-soft);
	color: var(--ua-ink);
	cursor: pointer;
	white-space: nowrap;
}
.ua-req__copy.is-copied { background: var(--ua-all); border-color: var(--ua-all); color: #fff; }
.ua-req__qr { text-align: center; width: 200px; }
.ua-req__qr-img { width: 180px; height: 180px; margin: 0 auto; }
.ua-req__qr-img svg { width: 100%; height: 100%; }
.ua-req__qr-hint { font-size: .8em; color: var(--ua-muted); margin: 6px 0 10px; }
.ua-req__pay.button { display: block; background: var(--ua-accent); color: var(--ua-accent-ink); border-radius: 8px; }
.ua-req__invoice.button { border-radius: 8px; }

@media (max-width: 640px) {
	.ua-tf__fields { grid-template-columns: 1fr 1fr; }
	.ua-tf__actions { grid-column: 1 / -1; }
	.ua-req { padding: 16px; }
	.ua-req__grid { grid-template-columns: 1fr; }
	.ua-req__qr { width: auto; }
	.ua-req__table th, .ua-req__table td { display: block; width: 100%; padding: 2px 0; }
	.ua-req__table tr { display: block; padding: 6px 0; border-bottom: 1px solid var(--ua-line); }
}

/* Головна: без заголовка «Головна» */
.page-template-template-homepage .entry-header .entry-title,
.home.page .entry-header .entry-title { display: none; }
.page-template-template-homepage .ua-tf { max-width: 980px; margin: 0 auto 32px; }
.ua-hidden-field { display: none !important; }
.ua-req .ua-req__table th, .ua-req .ua-req__table td { background: transparent; }

/* Ціна за запитом, покоління */
.ua-price-request { display: block; font-weight: 700; color: var(--ua-muted); margin-bottom: 8px; }
.ua-request { background: #fff7e6; border: 1px solid #f5d38a; border-radius: 10px; padding: 12px 14px; margin: 0 0 1.4em; }
.ua-request__call.button { margin-left: 6px; background: var(--ua-accent); color: #fff; border-radius: 8px; padding: 6px 14px; }
.ua-gen { margin: 0 0 1.4em; font-size: .95em; }
.ua-gen__label { color: var(--ua-muted); font-weight: 600; }
@media (min-width: 641px) { .ua-tf__actions { grid-column: span 2; } }