/*
 * Shared styles for provider landing pages (the `provider_page` CPT, /provider/*).
 *
 * Enqueued for every /provider/ page from enqueue_theme_scripts() in
 * functions.php, ahead of any per-template stylesheet, so a template-specific
 * file can override anything here without an !important.
 *
 * Per-template styles belong in their own file
 * (assets/provider-pages/css/<template>.css), the way the landing pages do it.
 */

.provider_header {
	background: #fff;
}

.provider_header_inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 12px 20px;
}

.provider_header_logo img {
	display: block;
	max-width: 180px;
	height: auto;
}

/*
 * The body of a provider page is authored in Elementor, which emits its own
 * full-width sections with their own padding and content-width settings. So
 * .provider_main deliberately imposes no max-width and no horizontal padding —
 * constraining it here would box in every Elementor section and make full-bleed
 * hero rows impossible. Let Elementor own the layout of what it renders.
 *
 * The header above it is still constrained, via .provider_header_inner.
 */
.provider_main {
	margin: 0;
	padding: 0;
}

/*
 * Fallback readability for a page whose body is plain editor content rather than
 * an Elementor layout. Scoped to direct children so it never reaches inside an
 * Elementor section, whose own width settings must win.
 */
.provider_content > p,
.provider_content > h1,
.provider_content > h2,
.provider_content > h3,
.provider_content > h4,
.provider_content > ul,
.provider_content > ol,
.provider_content > blockquote,
.provider_content > table {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

/*
 * Footer (footer-provider.php).
 *
 * Centred text throughout, in a container capped at the same 1200px the header
 * uses so the two line up. The horizontal padding keeps the copy off the viewport
 * edge on narrow screens — without it the disclaimer text runs edge to edge on a
 * phone, since nothing else constrains this footer.
 */
.provider_footer {
	text-align: center;
}

.provider_footer_content {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* Centre the inline footer badge along with the text it sits among. */
.provider_footer_content .foot_img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.provider_footer_content .footer__link--2-left {
	padding: 15px 0;
}

.provider_footer .footer__bottom {
    padding: 30px 0;
}

.provider_footer .footer__content--bottom {
    font-size: 16px;
}