/**
 * Theme integration — shared by the plugin's virtual pages (doctor + region).
 *
 * Scoped to `body.tnd-doctor-body` (added by TemplateLoader on every plugin virtual
 * page) and enqueued only on those pages, so a CSS-combining plugin can't leak it
 * site-wide. Hides the host theme's blog sidebar and its duplicate page-title /
 * breadcrumb header, and reclaims the full content width so our own 1200px-boxed
 * container can line up with the nav.
 *
 * @package TendoNova\Doctors
 */

/* Hide the theme's sidebar / widget area (generic). */
body.tnd-doctor-body #secondary,
body.tnd-doctor-body .widget-area,
body.tnd-doctor-body .sidebar,
body.tnd-doctor-body #sidebar,
body.tnd-doctor-body .site-sidebar,
body.tnd-doctor-body aside.widget-area,
body.tnd-doctor-body [class*="sidebar"][class*="widget"] {
	display: none !important;
}

/* Reclaim full content width once the sidebar is gone (generic). */
body.tnd-doctor-body #primary,
body.tnd-doctor-body .content-area,
body.tnd-doctor-body .site-main,
body.tnd-doctor-body main#main,
body.tnd-doctor-body .site-content,
body.tnd-doctor-body #content {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	flex: 1 1 100% !important;
}

/* Hide the theme's duplicate page title / breadcrumb header (generic). */
body.tnd-doctor-body .page-header,
body.tnd-doctor-body .entry-header,
body.tnd-doctor-body .breadcrumb,
body.tnd-doctor-body .breadcrumbs,
body.tnd-doctor-body .breadcrumb-area,
body.tnd-doctor-body .page-title-bar,
body.tnd-doctor-body .page-title,
body.tnd-doctor-body .archive-header {
	display: none !important;
}

/* --- JupiterX (Elementor) theme: exact selectors, confirmed from live markup.
   .jupiterx-main-header = the title + breadcrumb bar; .jupiterx-sidebar/.jupiterx-secondary
   = the widget column (Bootstrap col-lg-3); #jupiterx-primary = content (col-lg-9). --- */
body.tnd-doctor-body .jupiterx-main-header {
	display: none !important;
}
body.tnd-doctor-body .jupiterx-sidebar,
body.tnd-doctor-body .jupiterx-secondary {
	display: none !important;
}
body.tnd-doctor-body #jupiterx-primary,
body.tnd-doctor-body .jupiterx-primary {
	flex: 0 0 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}
/* Drop JupiterX's 1140px .container cap + side padding on the main content so our
   1200px-boxed container can span and align with the nav. Scoped to the content area
   only — the header/footer keep their own containers, so the nav is untouched. */
body.tnd-doctor-body .jupiterx-main-content > .container {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* ============================================================================
   ONE SHARED PAGE-HEADER BANNER — the single source for every page header.
   Put `tnd-page-banner` on a header element and it gets all of this; add
   `tnd-page-banner--solid` for a flat #592e6d fill (region headers omit it so
   they can show their photo). The title uses `tnd-page-banner__title`.
   Change look/spacing for ALL page headers right here — nothing else to edit.
   ========================================================================== */
.tnd-page-banner {
	border-radius: 35px !important;
	margin: 0 0 32px !important;            /* no top margin — stacks under the nav */
	padding: 49px 40px 50px 40px !important;
	color: #fff !important;
	overflow: hidden;
}
.tnd-page-banner--solid { background: #592e6d !important; }
.tnd-page-banner__title {
	font-size: 38px !important;
	font-weight: 600 !important;
	line-height: 1em !important;
	letter-spacing: 0 !important;
	color: #fff !important;
	margin: 0 !important;
}
@media (max-width: 600px) {
	.tnd-page-banner { padding: 30px 22px !important; }
	.tnd-page-banner__title { font-size: 27px !important; }
}