/*
 * buttons.css — global canon .btn (трек E, 2026-07-08).
 * Замінює 5 scoped-копій .btn (gallery / about / about.cta-band / od.cta-band / seal).
 * Accent #d97441 як є. BEM: .btn + --primary / --ghost-dark / --ghost-light + --sm/--md/--lg.
 * OUT (свій scope, не чіпати): .fp-btn (hero), .side-cta .btn (article), .mtsp-eq-btn
 * (equipment), messenger, single-catalog. help-cta + cta-form submit — вже канон, окремо.
 */

/* ---- base geometry (без padding/font-size — їх дають розміри) ---- */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: 6px;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
	white-space: nowrap;
	border: 1px solid transparent;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

/* ---- colour variants ---- */
.btn--primary {
	background: var(--mtsp-accent);
	color: var(--mtsp-white);
	border-color: transparent;
	box-shadow: 0 4px 12px -2px rgba(217, 116, 65, 0.35);
}
.btn--primary:hover,
.btn--primary:focus {
	background: var(--mtsp-accent-hover);
	color: var(--mtsp-white);
	box-shadow: 0 8px 20px -4px rgba(217, 116, 65, 0.45);
}

.btn--ghost-dark {
	background: transparent;
	color: var(--mtsp-white);
	border-color: rgba(255, 255, 255, 0.35);
}
.btn--ghost-dark:hover,
.btn--ghost-dark:focus {
	border-color: var(--mtsp-white);
	background: rgba(255, 255, 255, 0.06);
	color: var(--mtsp-white);
}

.btn--ghost-light {
	background: transparent;
	color: var(--mtsp-navy);
	border-color: var(--mtsp-gray-300);
}
.btn--ghost-light:hover,
.btn--ghost-light:focus {
	border-color: var(--mtsp-accent);
	color: var(--mtsp-accent);
}

/* ---- sizes (padding + font-size; ідуть ПІСЛЯ base/variants у source-order) ---- */
.btn--sm { padding: 12px 24px; font-size: 13px; }
.btn--md { padding: 14px 22px; font-size: 14px; }
.btn--lg { padding: 16px 28px; font-size: 16px; }

/* Submit-елементи (CF7): цей canon — для <a>/загальних. Kadence MTSP_PALETTE_CSS
 * фарбує button[type=submit] #1565c0 (0,1,1), тож submit-кнопки, яким треба
 * accent-вигляд, стилізуються page-scoped правилом достатньої специфічності —
 * напр. page-kontakti.css `.mtsp-kontakti-page .write-body input[type=submit]`
 * (0,3,1) + cta-form.css для seal/equipment. Тут дубль НЕ тримаємо. */