/*
 * CTA + editorial kit -- droppable content components sharing one
 * visual system. Enqueued only when one of the shortcodes below is
 * present in the current post/page content (see functions.php), so it
 * has zero footprint anywhere it isn't used.
 *
 * Colour/spacing tokens are pulled directly from the theme's own
 * compiled CSS (dist/css/main.css), not invented:
 *   --bs-secondary #005DAB (blue)  --bs-primary #FB7669 (coral)
 *   --bs-body-color #222222 (ink) --bs-gray-100 #F5F5F5 (light bg)
 *   --bs-gray-300 #dddddd (hairline) -- no gradients anywhere sitewide,
 * so none are used here either; buttons match the real 50px pill
 * radius + 0.75rem/1.875rem padding already used by `.btn`.
 *
 * Signature: a small coral "swing tag" corner on the sales CTAs
 * (Price/Call/Locations/Enquire), echoing the blockquote tag built for
 * post content -- ties the kit to the rest of the site's visual
 * language. Quieter/editorial components deliberately omit it.
 *
 * IMPORTANT -- this stylesheet shares every post with
 * post-content-styling.css, which styles plain h2-h6/p/a/ul/ol/
 * blockquote at `.single-post .entry-content <tag>` specificity
 * (0,2,1 or higher). Every heading/paragraph/link/list used *inside* a
 * component below collides with those generic prose rules and would
 * silently lose without `!important` -- that's the actual root cause
 * behind several separate-looking bugs (button text colour, banner
 * text colour/spacing, takeaways bullet style). Every such property is
 * marked `!important` deliberately, not defensively -- don't remove it.
 */

.wigwam-cta,
.wigwam-banner,
.wigwam-takeaways,
.wigwam-reviews-inline,
.wigwam-cta-strip,
.wigwam-stat,
.wigwam-pull-quote,
.wigwam-note,
.wigwam-fit-check,
.wigwam-quote-line,
.wigwam-process,
.wigwam-guarantee,
.wigwam-compare-table {
	--wig-blue: #005DAB;
	--wig-coral: #FB7669;
	--wig-ink: #222222;
	--wig-line: #dddddd;
	--wig-paper: #F5F5F5;
}

.wigwam-cta {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 16px;
	background: #fff;
	border: 1px solid var(--wig-line);
	border-radius: 12px;
	padding: 22px 24px;
	margin: 1.5em 0;
	box-shadow: 0 3px 14px rgba(0, 40, 80, 0.07);
}

@media (max-width: 560px) {
	.wigwam-cta {
		flex-direction: column;
		align-items: flex-start;
		padding: 20px 20px;
	}
}

/* Signature swing-tag corner (Price/Call/Locations/Enquire only) */

.wigwam-cta-tag {
	position: absolute;
	top: -9px;
	left: 16px;
	width: 30px;
	height: 30px;
	background: radial-gradient(circle at 23px 7px, #fff 0 3px, var(--wig-coral) 3.5px 100%);
	border-radius: 6px;
	transform: rotate(-8deg);
	box-shadow: 0 3px 8px rgba(0, 40, 80, 0.22);
}

.wigwam-cta-icon {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	color: #fff;
	background: var(--wig-blue);
}

.wigwam-cta-body {
	flex: 1 1 auto;
	min-width: 0;
}

.wigwam-cta-title {
	margin: 0 0 5px !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: var(--wig-blue) !important;
	border: none !important;
	padding: 0 !important;
	display: block !important;
}

.wigwam-cta-text {
	margin: 0 0 14px !important;
	font-size: 14px;
	line-height: 1.5;
	color: var(--wig-ink);
}

.wigwam-cta-text:last-child {
	margin-bottom: 0 !important;
}

/* Shared pill button, matching the theme's own .btn tokens exactly
   (--bs-btn-border-radius: 3.125rem; --bs-btn-padding-y/x: .75rem/1.875rem) */

.wigwam-cta-form {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.wigwam-cta-form input {
	flex: 1 1 190px;
	border: 1px solid var(--wig-line);
	border-radius: 3.125rem;
	padding: 9px 16px;
	font-size: 14px;
	min-width: 0;
}

.wigwam-cta-form input:focus {
	outline: 2px solid var(--wig-blue);
	outline-offset: 1px;
}

.wigwam-cta-form button {
	flex-shrink: 0;
	background: var(--wig-coral);
	color: #fff;
	border: none;
	font-weight: 700;
	font-size: 14px;
	padding: 0.75rem 1.5rem;
	border-radius: 3.125rem;
	cursor: pointer;
	white-space: nowrap;
}

.wigwam-cta-form button:hover {
	background: var(--wig-blue);
}

.wigwam-cta #location-search-validation-cta .alert {
	margin-top: 10px;
	font-size: 13px;
	padding: 8px 12px;
}

/* ---------- Get a Price ---------- */

.wigwam-cta--price {
	background: var(--wig-paper);
}

/* ---------- Call Us Now ---------- */

.wigwam-cta--call .wigwam-cta-icon {
	background: var(--wig-coral);
}

.wigwam-cta-phone {
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
	color: var(--wig-blue) !important;
	text-decoration: none !important;
}

.wigwam-cta-phone:hover {
	color: var(--wig-coral) !important;
}

/* ---------- Find Your Nearest Store / Enquire ---------- */

.wigwam-cta--locations,
.wigwam-cta--enquire {
	background: var(--wig-paper);
}

.wigwam-cta--enquire .wigwam-cta-icon {
	background: var(--wig-coral);
}

/* Orange (coral) buttons always keep white text -- both the resting
   and (where the background stays coral) hover state. */

.wigwam-cta-button {
	display: inline-block;
	background: var(--wig-coral);
	color: #fff !important;
	font-weight: 700;
	font-size: 14px;
	padding: 0.75rem 1.5rem;
	border-radius: 3.125rem;
	text-decoration: none !important;
}

.wigwam-cta-button:hover {
	background: var(--wig-blue);
	color: #fff !important;
}

/* ---------- Generic Content CTA — deliberately quiet ---------- */

.wigwam-cta--content {
	background: var(--wig-paper);
	border: none;
	border-left: 4px solid var(--wig-blue);
	border-radius: 4px;
	box-shadow: none;
	padding: 18px 22px;
	gap: 0;
}

.wigwam-cta--content .wigwam-cta-title {
	font-size: 16px !important;
}

.wigwam-cta-link {
	color: var(--wig-blue) !important;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none !important;
}

.wigwam-cta-link:hover {
	color: var(--wig-coral) !important;
	text-decoration: underline !important;
}

@media (prefers-reduced-motion: reduce) {
	.wigwam-cta-form button,
	.wigwam-cta-button,
	.wigwam-cta-phone,
	.wigwam-cta-link {
		transition: none;
	}
}

/* ---------- Mini inline CTA — single line, no card chrome ---------- */

.wigwam-cta-mini {
	margin: 1.4em 0 !important;
	padding: 12px 0;
	border-top: 1px solid var(--wig-line);
	border-bottom: 1px solid var(--wig-line);
	font-size: 15px;
	color: var(--wig-ink);
}

.wigwam-cta-mini-link {
	display: inline-block;
	margin-left: 8px;
	color: var(--wig-blue) !important;
	font-weight: 700;
	text-decoration: none !important;
	white-space: nowrap;
}

.wigwam-cta-mini-link:hover {
	color: var(--wig-coral) !important;
}

.wigwam-cta-mini-link i {
	font-size: 12px;
}

/* ---------- Next-step strip — slim horizontal link ---------- */

.wigwam-cta-strip {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 1.4em 0;
	padding: 14px 18px;
	background: var(--wig-paper);
	border-radius: 8px;
	text-decoration: none !important;
	color: var(--wig-ink) !important;
	transition: background 0.2s ease;
}

.wigwam-cta-strip:hover {
	background: #ececec;
}

.wigwam-cta-strip-icon {
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--wig-blue);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}

.wigwam-cta-strip-text {
	flex: 1 1 auto;
	font-size: 14px;
	font-weight: 600;
	min-width: 0;
	color: var(--wig-ink) !important;
}

.wigwam-cta-strip-label {
	flex-shrink: 0;
	color: var(--wig-blue) !important;
	font-weight: 700;
	font-size: 14px;
	white-space: nowrap;
}

.wigwam-cta-strip:hover .wigwam-cta-strip-label {
	color: var(--wig-coral) !important;
}

@media (max-width: 560px) {
	.wigwam-cta-strip {
		flex-wrap: wrap;
	}

	.wigwam-cta-strip-label {
		margin-left: 48px;
	}
}

/* ---------- Full-width banner CTAs ---------- */
/* A small numbered library — solid / soft / image-split / compact bar —
   for use as standalone section breaks, spanning the full width of the
   content column (not the viewport — no full-bleed CSS break-out, so
   no horizontal-scroll risk). No gradients — flat colour, matching the
   theme's own existing solid-blue accordion-body convention.

   Text colour defaults to white (the Bold/Split/Bar variants all sit
   on a dark/blue background) and only the Soft variant -- the one
   light/paper background -- overrides to ink/blue. Never black-on-blue. */

.wigwam-banner {
	margin: 1.75em 0;
	border-radius: 12px;
	overflow: hidden;
}

.wigwam-banner-inner {
	padding: 36px 32px;
	text-align: center;
	max-width: 560px;
	margin: 0 auto;
}

.wigwam-banner-title {
	font-size: 23px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	margin: 0 0 10px !important;
	border: none !important;
	padding: 0 !important;
	display: block !important;
	color: #fff !important;
}

.wigwam-banner-text {
	font-size: 15px;
	line-height: 1.55;
	margin: 0 0 18px !important;
	color: #fff !important;
}

.wigwam-banner-btn {
	display: inline-block;
	background: var(--wig-coral);
	color: #fff !important;
	font-weight: 700;
	font-size: 14px;
	padding: 0.75rem 1.75rem;
	border-radius: 3.125rem;
	text-decoration: none !important;
}

.wigwam-banner-btn:hover {
	background: #fff;
	color: var(--wig-blue) !important;
}

/* Bold: solid blue, white text, coral button */

.wigwam-banner--bold {
	background: var(--wig-blue);
	color: #fff;
}

/* Soft: inverse pairing — light background, blue title, ink text, outline button */

.wigwam-banner--soft {
	background: var(--wig-paper);
	color: var(--wig-ink);
	border: 1px solid var(--wig-line);
}

.wigwam-banner--soft .wigwam-banner-title {
	color: var(--wig-blue) !important;
}

.wigwam-banner--soft .wigwam-banner-text {
	color: var(--wig-ink) !important;
}

.wigwam-banner-btn--outline {
	background: transparent;
	color: var(--wig-blue) !important;
	border: 2px solid var(--wig-blue);
	padding: calc(0.75rem - 2px) calc(1.75rem - 2px);
}

.wigwam-banner-btn--outline:hover {
	background: var(--wig-blue);
	color: #fff !important;
}

/* Split: solid blue text side + real image side — same white-on-blue
   rule as Bold (this is the variant the client specifically flagged
   as showing black text; fixed by the same forced-white rule above). */

.wigwam-banner--split {
	display: flex;
	align-items: stretch;
	background: var(--wig-blue);
	color: #fff;
}

.wigwam-banner-split-text {
	flex: 1 1 50%;
	padding: 32px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wigwam-banner-split-text .wigwam-banner-title,
.wigwam-banner-split-text .wigwam-banner-text {
	text-align: left;
}

.wigwam-banner-split-image {
	flex: 1 1 50%;
	background-size: cover;
	background-position: center;
	min-height: 200px;
}

@media (max-width: 700px) {
	.wigwam-banner--split {
		flex-direction: column;
	}

	.wigwam-banner-split-image {
		min-height: 160px;
	}
}

/* Bar: compact horizontal, text left + button right, vertically centred
   with equal top/bottom padding (the flex row is the whole story here --
   the child <p> just needs its own margin fully zeroed, `!important`,
   or the generic 0 0 1.2em paragraph margin pushes it off-centre). */

.wigwam-banner--bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	background: var(--wig-ink);
	color: #fff;
	padding: 16px 24px;
	flex-wrap: wrap;
}

.wigwam-banner--bar .wigwam-banner-text {
	margin: 0 !important;
	font-size: 14px;
	font-weight: 600;
	color: #fff !important;
}

.wigwam-banner--bar .wigwam-banner-btn {
	flex-shrink: 0;
}

@media (max-width: 560px) {
	.wigwam-banner--bar {
		flex-direction: column;
		text-align: center;
	}
}

/* ---------- Editorial: Key Takeaways strip ---------- */
/* Deliberately not a sales CTA — no button, quick-scan checklist for
   impatient readers, matching the "TL;DR strip" pattern. */

.wigwam-takeaways {
	background: #fff;
	border-left: 4px solid var(--wig-coral);
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 40, 80, 0.05);
	padding: 20px 24px;
	margin: 1.5em 0;
}

.wigwam-takeaways-title {
	margin: 0 0 10px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--wig-ink) !important;
	border: none !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	gap: 8px;
}

.wigwam-takeaways-title i {
	color: var(--wig-coral);
}

.wigwam-takeaways-body ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	columns: 1;
}

@media (min-width: 640px) {
	.wigwam-takeaways-body ul {
		columns: 2;
		column-gap: 28px;
	}
}

.wigwam-takeaways-body ul li {
	position: relative;
	padding-left: 24px !important;
	margin-bottom: 8px !important;
	font-size: 14px;
	line-height: 1.5;
	break-inside: avoid;
}

/* The site's own list styling (post-content-styling.css) puts a solid
   coral square on every plain <li>::before at higher specificity --
   this checklist needs its own checkmark, so `content` is forced. */
.wigwam-takeaways-body ul li::before {
	content: "\f00c" !important;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: var(--wig-coral);
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	width: auto !important;
	height: auto !important;
	position: absolute;
	left: 0;
	top: 0.15em;
	font-size: 13px;
}

/* ---------- Inline customer reviews ---------- */
/* Wraps the existing [grw] Google Reviews widget so it can be dropped
   mid-content (not just the automatic block at the end of every post). */

.wigwam-reviews-inline {
	margin: 1.75em 0;
	padding: 26px 24px;
	background: var(--wig-paper);
	border-radius: 12px;
	text-align: center;
}

.wigwam-reviews-inline-title {
	margin: 0 0 16px !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	color: var(--wig-ink) !important;
	border: none !important;
	padding: 0 !important;
	display: block !important;
}

/* ---------- Editorial: single stat highlight ---------- */

.wigwam-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin: 1.5em auto;
	padding: 20px 16px;
	max-width: 320px;
}

.wigwam-stat-number {
	font-size: 44px;
	font-weight: 700;
	line-height: 1;
	color: var(--wig-blue);
}

.wigwam-stat-label {
	margin-top: 8px;
	font-size: 14px;
	color: var(--wig-ink);
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

/* ---------- Editorial: pull quote ---------- */
/* Deliberately NOT a <blockquote> -- the site's own blockquote styling
   (post-content-styling.css) is a heavily-committed "swing tag" card
   treatment for plain quoted content, and would otherwise completely
   overwrite this component's very different, plain centred look. A
   <div> sidesteps that entirely rather than fighting it property by
   property. */

.wigwam-pull-quote {
	margin: 1.75em 0;
	padding: 0 16px;
	text-align: center;
}

.wigwam-pull-quote-text {
	font-size: 22px;
	font-style: italic;
	font-weight: 600;
	line-height: 1.4;
	color: var(--wig-blue);
}

.wigwam-pull-quote-text p {
	margin: 0 !important;
}

.wigwam-pull-quote-text p:not(:last-child) {
	margin-bottom: 0.5em !important;
}

.wigwam-pull-quote-text::before {
	content: "\201C";
	display: block;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	color: var(--wig-coral);
	line-height: 1;
	margin-bottom: 4px;
}

.wigwam-pull-quote figcaption {
	margin-top: 10px;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	color: var(--wig-ink);
}

/* ---------- Editorial: note / aside ---------- */

.wigwam-note {
	margin: 1.5em 0;
	padding: 18px 22px;
	background: var(--wig-paper);
	border-left: 4px solid var(--wig-blue);
	border-radius: 4px;
}

.wigwam-note-title {
	margin: 0 0 6px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--wig-blue) !important;
	border: none !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	gap: 8px;
}

.wigwam-note-body {
	font-size: 14px;
	line-height: 1.5;
	color: var(--wig-ink);
}

.wigwam-note-body p:last-child {
	margin-bottom: 0 !important;
}

/* ---------- Editorial: stat placeholder ---------- */
/* Dashed, muted counterpart to .wigwam-stat -- marks a figure as "not
   confirmed yet" rather than inventing a number or blocking the piece. */

.wigwam-stat--placeholder {
	border: 2px dashed var(--wig-line);
	border-radius: 8px;
}

.wigwam-stat-number--placeholder {
	color: #999;
	font-weight: 400;
}

.wigwam-stat--placeholder .wigwam-stat-label {
	color: #888;
}

/* ---------- Editorial: fit / not-fit two-column check ---------- */
/* --bs-success/--bs-danger are the theme's own real tokens (used for
   WooCommerce stock status etc.), not invented for this component. */

.wigwam-fit-check {
	display: flex;
	gap: 20px;
	margin: 1.75em 0;
	flex-wrap: wrap;
}

.wigwam-fit-col {
	flex: 1 1 240px;
	padding: 20px 22px;
	border-radius: 8px;
	background: var(--wig-paper);
}

.wigwam-fit-col--yes {
	border-left: 4px solid #18A388;
}

.wigwam-fit-col--no {
	border-left: 4px solid #dc3545;
}

.wigwam-fit-col-title {
	margin: 0 0 10px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--wig-ink) !important;
	border: none !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	gap: 8px;
}

.wigwam-fit-col--yes .wigwam-fit-col-title i {
	color: #18A388;
}

.wigwam-fit-col--no .wigwam-fit-col-title i {
	color: #dc3545;
}

.wigwam-fit-col-body ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wigwam-fit-col-body ul li {
	position: relative;
	padding-left: 20px !important;
	margin-bottom: 8px !important;
	font-size: 14px;
	line-height: 1.5;
}

.wigwam-fit-col--yes .wigwam-fit-col-body ul li::before {
	content: "\f00c" !important;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #18A388;
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	width: auto !important;
	height: auto !important;
	position: absolute !important;
	left: 0 !important;
	top: 0.15em !important;
	font-size: 12px !important;
}

.wigwam-fit-col--no .wigwam-fit-col-body ul li::before {
	content: "\f00d" !important;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #dc3545;
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	width: auto !important;
	height: auto !important;
	position: absolute !important;
	left: 0 !important;
	top: 0.15em !important;
	font-size: 12px !important;
}

@media (max-width: 560px) {
	.wigwam-fit-check {
		flex-direction: column;
	}
}

/* ---------- Editorial: one-line cited quote ---------- */
/* A lighter cousin of the pull quote -- compact, left-border, for a
   short attributed line rather than a full centred statement. <div>,
   not <blockquote>, for the same reason as the pull quote. */

.wigwam-quote-line {
	margin: 1.5em 0;
	padding: 14px 20px;
	border-left: 3px solid var(--wig-blue);
	background: var(--wig-paper);
}

.wigwam-quote-line-text {
	font-size: 15px;
	font-style: italic;
	color: var(--wig-ink);
}

.wigwam-quote-line-text p {
	margin: 0 !important;
}

.wigwam-quote-line-attribution {
	margin: 6px 0 0 !important;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--wig-blue);
}

/* ---------- Editorial: process / timeline steps ---------- */
/* Reuses the exact numbered-badge mechanism already built for ordinary
   ordered lists (post-content-styling.css's counter(wig-step)) -- same
   visual language, laid out as a row of steps instead of a stacked
   list. The generic ol/li rules are equal-or-higher specificity, so
   every layout property here needs !important to reliably win. */

.wigwam-process {
	margin: 1.75em 0;
}

.wigwam-process-title {
	margin: 0 0 16px !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	color: var(--wig-ink) !important;
	border: none !important;
	padding: 0 !important;
	display: block !important;
	text-align: center;
}

.wigwam-process-body ol {
	display: flex !important;
	flex-wrap: wrap;
	list-style: none !important;
	counter-reset: wig-step;
	margin: 0 !important;
	padding: 0 !important;
	gap: 24px;
}

.wigwam-process-body ol > li {
	counter-increment: wig-step;
	flex: 1 1 160px;
	padding-left: 0 !important;
	margin-bottom: 0 !important;
	text-align: center;
	line-height: 1.5 !important;
}

.wigwam-process-body ol > li::before {
	content: counter(wig-step) !important;
	position: static !important;
	display: flex !important;
	width: 36px !important;
	height: 36px !important;
	margin: 0 auto 10px !important;
	border-radius: 50%;
	background: var(--wig-blue);
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.wigwam-process-body ol > li strong {
	display: block;
	margin-bottom: 4px;
	color: var(--wig-ink);
	font-size: 15px;
}

@media (max-width: 700px) {
	.wigwam-process-body ol {
		flex-direction: column;
		gap: 20px;
	}

	.wigwam-process-body ol > li {
		text-align: left;
		display: flex;
		align-items: flex-start;
		gap: 14px;
	}

	.wigwam-process-body ol > li::before {
		margin: 0 !important;
		flex-shrink: 0;
	}
}

/* ---------- Editorial: risk-reversal / trust callout ---------- */

.wigwam-guarantee {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 1.5em 0;
	padding: 18px 22px;
	background: var(--wig-paper);
	border: 1px solid var(--wig-line);
	border-radius: 8px;
}

.wigwam-guarantee-icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--wig-blue);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
}

.wigwam-guarantee-text {
	margin: 0 !important;
	font-size: 14px;
	font-weight: 600;
	color: var(--wig-ink);
}

/* ---------- Editorial: comparison table ---------- */
/* The <table> itself already gets the site's real zebra/blue-header
   table styling from post-content-styling.css -- this only adds an
   optional highlighted column (author adds
   class="wigwam-compare-highlight" to the relevant th/td) and controls
   the outer spacing since the wrapper div supplies its own margin. */

.wigwam-compare-table {
	margin: 1.75em 0;
}

.wigwam-compare-table table {
	margin: 0 !important;
}

.wigwam-compare-table .wigwam-compare-highlight {
	background: var(--wig-paper) !important;
}

.wigwam-compare-table thead .wigwam-compare-highlight {
	background: var(--wig-coral) !important;
}