/* ========================================================================== 
   KHA DENTAL — NON-HOME SECTION SYSTEM
   Keeps Elementor section headings and text contrast consistent while the
   homepage retains its individually art-directed typography.
   ========================================================================== */

body.page:not(.home):not(.wp-admin) {
	--kha-section-title-size: clamp(32px, 2.55vw, 38px);
	--kha-section-title-mobile: clamp(27px, 7.4vw, 32px);
	--kha-on-gold: #fff;
}

/* Added only to real section headings by nonhome-section-system.js. This
   deliberately excludes card titles, accordions and article subheadings. */
body.page:not(.home):not(.wp-admin) :where(main, .site-content) .kha-section-title {
	max-width: min(100%, 980px);
	font-family: var(--kha-font-sans) !important;
	font-size: var(--kha-section-title-size) !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: -.03em !important;
	text-wrap: balance;
	overflow-wrap: normal;
}

/* Preserve authored alignment. Centered Elementor titles need both the text
   and their widget box centred; otherwise a max-width heading can look
   visually offset even while `text-align:center` is active. */
body.page:not(.home):not(.wp-admin) :where(main, .site-content) .kha-section-title-widget--centered {
	width: 100% !important;
	max-width: 1080px !important;
	margin-inline: auto !important;
	align-self: center !important;
}

body.page:not(.home):not(.wp-admin) :where(main, .site-content) .kha-section-title.kha-title-centered {
	width: 100%;
	margin-inline: auto !important;
	text-align: center !important;
}

/* The metallic text treatment in brand-finish.css is designed for white
   surfaces. On a gold section it must become a clean, high-contrast white.
   Only elements confirmed by JS to sit directly on gold receive this class;
   content inside white cards is intentionally left unchanged. */
body.page:not(.home):not(.wp-admin) :where(main, .site-content) .kha-gold-surface .kha-on-gold,
body.page:not(.home):not(.wp-admin) :where(main, .site-content) .kha-gold-surface .kha-on-gold :where(a, span, strong, em, small) {
	color: var(--kha-on-gold) !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	-webkit-background-clip: initial !important;
	background-clip: initial !important;
	-webkit-text-fill-color: var(--kha-on-gold) !important;
	text-shadow: none !important;
}

body.page:not(.home):not(.wp-admin) :where(main, .site-content) .kha-on-gold hr {
	border-color: rgba(255, 255, 255, .62) !important;
}

@media (max-width: 767px) {
	body.page:not(.home):not(.wp-admin) :where(main, .site-content) .kha-section-title {
		font-size: var(--kha-section-title-mobile) !important;
		line-height: 1.24 !important;
		letter-spacing: -.025em !important;
	}
}