/* Trusora brand styling, site-wide. Simple additive CSS rather than a
 * Global Styles (theme.json) override - no wp_global_styles entity
 * exists yet for this theme (the Site Editor's never been opened on
 * this install), and standing one up correctly via REST from scratch
 * isn't worth the risk versus a plain enqueued stylesheet that does the
 * same job. Brand navy (#1F4E79) matches the logo; kept minimal
 * deliberately - this covers links/buttons/nav, not a full re-theme.
 *
 * Orange (#F2994A, from the logo's checkmark) added as a light,
 * deliberately secondary accent - headings/read-more/hover states only,
 * not spread everywhere, so navy stays the dominant brand colour. */

a:not(.wp-block-button__link) {
	color: #1F4E79;
}

a:not(.wp-block-button__link):hover {
	color: #163a5c;
}

.wp-block-button__link,
.wp-block-search__button {
	background-color: #1F4E79 !important;
	border-color: #1F4E79 !important;
}

.wp-block-button__link:hover {
	background-color: #163a5c !important;
}

.wp-block-navigation__container .wp-block-navigation-item > .wp-block-navigation-item__content {
	font-weight: 500;
}

.wp-block-navigation__container .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
	color: #1F4E79;
}

/* Site header: subtle bottom border instead of the flat grey block
 * background, reads a little less like an unstyled default theme. Sticky
 * so the nav stays reachable while scrolling a long article - needs an
 * explicit background colour (its own has-base-background-color class
 * only paints while in normal flow) and a z-index so page content
 * scrolls underneath it rather than through it. */
.wp-site-blocks > header {
	border-bottom: 1px solid #e5e7eb;
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: #ffffff;
}

/* Orange accent - small, deliberate touches only. */

h2.wp-block-heading {
	position: relative;
	padding-bottom: 0.5rem;
}

h2.wp-block-heading::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 48px;
	height: 3px;
	background: #F2994A;
	border-radius: 2px;
}

.wp-block-post-title a:hover {
	color: #F2994A;
}

.wp-block-read-more {
	display: inline-block;
	padding: 0.5rem 1.25rem;
	border: 1.5px solid #F2994A;
	border-radius: 999px;
	color: #F2994A !important;
	font-weight: 500;
	text-decoration: none !important;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.wp-block-read-more:hover {
	background-color: #F2994A;
	color: #ffffff !important;
}

/* Amazon affiliate product mention (article_writer.py wraps the one
 * paragraph containing the link in this class, at most once per
 * article) - a visually distinct but understated callout, not a
 * banner-style ad box, matching the site's "helpful pointer, never the
 * point of the piece" stance on business links too. The label text
 * lives here (::before), not in the model's own output, so it stays
 * consistent regardless of what the article prompt produces. */
.trusora-product-pick {
	background-color: #FDF3EA;
	border-left: 3px solid #F2994A;
	border-radius: 6px;
	padding: 1rem 1.25rem;
	margin: 1.5rem 0;
}

.trusora-product-pick::before {
	content: "Recommended product";
	display: block;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #F2994A;
	margin-bottom: 0.4rem;
}

.trusora-product-pick p {
	margin: 0;
}

/* GeoDirectory single-listing pages (reactivated 2026-09-13) render at
 * full viewport width - its own block template
 * (geodirectory/geodirectory//gd-single) isn't wrapped in a constrained
 * layout the way every theme template on this site is, and editing that
 * template via the same REST route used for theme templates elsewhere
 * silently didn't persist (it's a plugin-registered block template, not
 * a theme one - a different mechanism under the hood). Constraining it
 * here in CSS gets the same visual result without depending on that
 * template edit path working. 1280px matches the theme's own
 * --wp--style--global--wide-size, so it lines up with the same width
 * used elsewhere on the site (hero image row, business page layout). */
body.single-gd_place .wp-block-geodirectory-geodir-widget-notifications,
body.single-gd_place .wp-block-geodirectory-geodir-widget-post-images,
body.single-gd_place .wp-block-geodirectory-geodir-widget-single-taxonomies,
body.single-gd_place .wp-block-geodirectory-geodir-widget-single-tabs,
body.single-gd_place .wp-block-geodirectory-geodir-widget-single-next-prev {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	box-sizing: border-box;
}