/*
Theme Name:  Tellyco (Kadence Child)
Theme URI:   https://tellyco.com
Description: Tellyco child theme for Kadence. All customizations live here and in the Tellyco Platform plugin — parent theme updates never touch them.
Author:      Tellyco
Template:    kadence
Version:     0.1.0
Text Domain: tellyco-child
*/

/* ---------- Tellyco design tokens (Deliverable 6 will refine) ---------- */
:root {
	--tellyco-primary: #0f4c5c;   /* deep petrol — trust, tech */
	--tellyco-accent:  #e36414;   /* amber — CTAs, offer actions */
	--tellyco-ink:     #17252a;
	--tellyco-bg-soft: #f4f7f8;
	--tellyco-ok:      #2e7d32;
	--tellyco-warn:    #b26a00;
	--tellyco-err:     #b32d2e;
}

/* Price presentation (§5.4 wording) */
.tellyco-price--vat small,
.tellyco-price--margin small {
	display: block;
	font-size: 0.72em;
	color: #555;
	font-weight: 400;
}
.tellyco-price-gated a {
	font-size: 0.9em;
	text-decoration: underline;
}

/* Grade badges on lot cards */
.tellyco-grade-badge {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 12px;
	font-size: 0.78em;
	font-weight: 700;
	letter-spacing: 0.03em;
	background: var(--tellyco-bg-soft);
	color: var(--tellyco-ink);
	border: 1px solid #d5dde0;
}
.tellyco-grade-badge--new,
.tellyco-grade-badge--ob { background: #e8f5e9; border-color: #c8e6c9; color: var(--tellyco-ok); }
.tellyco-grade-badge--a  { background: #e3f2fd; border-color: #bbdefb; color: #1565c0; }
.tellyco-grade-badge--d,
.tellyco-grade-badge--parts { background: #fff3e0; border-color: #ffe0b2; color: var(--tellyco-warn); }

/* Offer box + offers table */
.tellyco-offer-box strong { color: var(--tellyco-primary); }
.tellyco-offers-table td, .tellyco-offers-table th { padding: 8px 10px; }

/* Status colours */
.tellyco-status--pending   { color: var(--tellyco-warn); }
.tellyco-status--countered { color: var(--tellyco-accent); font-weight: 600; }
.tellyco-status--accepted  { color: var(--tellyco-ok); font-weight: 600; }
.tellyco-status--declined,
.tellyco-status--expired,
.tellyco-status--void      { color: var(--tellyco-err); }

/* SEPA instructions block */
.tellyco-sepa-instructions {
	background: var(--tellyco-bg-soft);
	border: 1px solid #d5dde0;
	border-radius: 8px;
	padding: 16px 20px;
	margin: 16px 0;
}

/* Accessibility: always-visible focus (RecirQ weakness we fix) */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
	outline: 3px solid var(--tellyco-accent);
	outline-offset: 2px;
}