/* Enqueued only on allamericanstructures.us when SBB frontend assets are active.
 * Important declarations override component-generated ID rules, not theme globals.
 * Colors and geometry follow saved SBB settings, with observed site fallbacks. */
.sbb-section,
.sbb-blog-shell,
.sbb-standard-layout,
.sbb-blog-hub,
.sbb-blog-carousel,
.sbb-framewatch-shop {
	font-family: "Inter", "Segoe UI", Arial, sans-serif;
	font-family: inherit !important;
}

.sbb-section :is(h1, h2, h3, h4, h5, h6),
.sbb-blog-hub :is(h1, h2, h3, h4, h5, h6),
.sbb-blog-carousel :is(h1, h2, h3, h4, h5, h6),
.sbb-framewatch-shop :is(h1, h2, h3, h4, h5, h6) {
	font-family: "Montserrat", "Inter", "Segoe UI", Arial, sans-serif !important;
}

.sbb-blog-hub,
.sbb-blog-carousel,
.sbb-cta {
	background: var(--sbb-background-color, #fcfbf8) !important;
	color: var(--sbb-text-color, #263845) !important;
}

.sbb-blog-hub .sbb-blog-hub__side,
.sbb-blog-hub .sbb-blog-hub__card,
.sbb-blog-carousel .sbb-blog-carousel__card-inner {
	background: var(--sbb-card-background-color, #fff) !important;
	border-radius: var(--sbb-section-border-radius, 24px) !important;
}

.sbb-blog-hub .sbb-blog-hub__title,
.sbb-blog-hub .sbb-blog-hub__post-title,
.sbb-blog-carousel .sbb-blog-carousel__title,
.sbb-blog-carousel .sbb-blog-carousel__post-title {
	color: var(--sbb-primary-color, #173a55) !important;
}

.sbb-section .sbb-button,
.sbb-blog-hub .sbb-blog-hub__button,
.sbb-blog-carousel .sbb-blog-carousel__button {
	min-height: 50px;
	padding: var(--sbb-button-padding-vertical, 14px) var(--sbb-button-padding-horizontal, 20px) !important;
	border-radius: var(--sbb-button-border-radius, 12px) !important;
	font-family: inherit;
}

.sbb-section .sbb-button,
.sbb-blog-hub .sbb-blog-hub__button--primary,
.sbb-blog-carousel .sbb-blog-carousel__button {
	border-color: var(--sbb-button-background-color, #a93643) !important;
	background: var(--sbb-button-background-color, #a93643) !important;
	color: var(--sbb-button-text-color, #fff) !important;
	-webkit-text-fill-color: var(--sbb-button-text-color, #fff) !important;
}

.sbb-section .sbb-button:hover,
.sbb-blog-hub .sbb-blog-hub__button--primary:hover,
.sbb-blog-carousel .sbb-blog-carousel__button:hover {
	background: color-mix(in srgb, var(--sbb-button-background-color, #a93643) 80%, black) !important;
}

.sbb-section .sbb-button:focus-visible,
.sbb-blog-hub .sbb-blog-hub__button:focus-visible,
.sbb-blog-carousel .sbb-blog-carousel__button:focus-visible {
	outline: 3px solid var(--sbb-primary-color, #173a55);
	outline-offset: 4px;
}

/* The theme gives every paragraph a muted gray. Keep reading copy aligned
 * with the selected Blog Design text color; intro and metadata stay muted. */
.sbb-screen .sbb-screen-content p,
.sbb-screen .sbb-screen-card__excerpt,
.sbb-screen .sbb-screen-cta p {
	color: var(--sbb-screen-text, #263845);
}