/* Declared presentation fixes for the mirrored Weebly export (ray-tax.com).
   Source of truth; copied to public/rtg/customizations.css by `npm run customize`
   and linked into every marketing document by the `customizations_stylesheet` edit
   (which also loads DM Sans from Google Fonts). */

/* Typography: the RTG Figma design (file l4YMhuvNIKuvfIjVfI1XQx) sets every text run in
   DM Sans (Regular / SemiBold / Bold / Black). The Weebly export mixes five families —
   Josefin Sans (top bar), Oswald (headings, menus), Montserrat (buttons), Open Sans (copy),
   Cardo (footer) — set from theme CSS and inline styles, so the override is !important and
   element-wide. Excluded: Font Awesome (.fa*) and Weebly's wsocial icon glyphs, which are
   fonts, and the Powered-by-Ownwell lockup, which carries its own Figtree stack. */
body:not(#ownwell-specificity):not(#ownwell-specificity),
body:not(#ownwell-specificity):not(#ownwell-specificity)
	:not(
		.fa,
		[class*="fa-"],
		.wsite-social-item,
		.wsite-social-item *,
		[style*="Figtree"],
		[style*="Figtree"] *
	) {
	font-family:
		"DM Sans", Figtree, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
/* Figma weights: headings Bold (700), the hero title Black (900), buttons SemiBold (600) with
   1px tracking. Oswald and Montserrat carried their weight in the face; DM Sans needs it
   declared. Weebly's per-page <style> sets these with !important at class specificity
   (e.g. `.wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2`), so every
   selector here is prefixed with `body:not(#ownwell-specificity):not(#ownwell-specificity)` to outrank it — the id
   never exists, the :not() only adds id-level specificity. */
body:not(#ownwell-specificity):not(#ownwell-specificity) h1,
body:not(#ownwell-specificity):not(#ownwell-specificity) h2,
body:not(#ownwell-specificity):not(#ownwell-specificity) h3,
body:not(#ownwell-specificity):not(#ownwell-specificity) .wsite-content-title {
	font-weight: 700 !important;
}
body:not(#ownwell-specificity):not(#ownwell-specificity)
	.wsite-header-section
	h1.wsite-content-title,
body:not(#ownwell-specificity):not(#ownwell-specificity)
	.banner-wrap
	.banner
	h2 {
	font-weight: 900 !important;
}
body:not(#ownwell-specificity):not(#ownwell-specificity)
	.wsite-button
	.wsite-button-inner,
body:not(#ownwell-specificity):not(#ownwell-specificity) button.wsite-button {
	font-weight: 600 !important;
	letter-spacing: 1px !important;
}

@media screen and (max-width: 767px) {
	/* Bootstrap 3.4.1 (linked on every page) has `table td[class*="col-"] { display: table-cell }`.
	   That substring selector accidentally matches Weebly's `wsite-multicol-col` and, at
	   specificity (0,1,2), beats the theme's own stacking rule
	   `td.wsite-multicol-col { display: block; width: 100% !important }` (files/main_style.css).
	   Restore stacking with a more specific selector. Live ray-tax.com has the same bug. */
	.wsite-multicol-table td.wsite-multicol-col {
		display: block;
		width: 100% !important;
	}

	/* Commercial results table (#broadlytable, 6 columns): scroll horizontally inside its
	   card instead of being clipped by the theme's `.wsite-section-elements { overflow: hidden }`. */
	#broadlytable {
		width: auto;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	#broadlytable th,
	#broadlytable td {
		white-space: nowrap;
	}
}