/**
 * PowerX Page Title Component Styles
 *
 * Dynamic page title banner styling supporting clean semantic headings,
 * responsive alignments, prefix/suffix badges, and accent underline bars.
 *
 * =========================================================================
 * TABLE OF CONTENTS
 * =========================================================================
 * 1.0 MAIN WRAPPER & ALIGNMENTS
 * 2.0 TITLE TYPOGRAPHY & LINK STATES
 * 3.0 PREFIX & SUFFIX LABELS
 * 4.0 UNDERLINE ACCENT DECORATIONS
 * =========================================================================
 *
 * @package PowerX_Core
 * @version 0.0.1
 */

/* =========================================================================
 * 1.0 MAIN WRAPPER & ALIGNMENTS
 * ========================================================================= */
.elementor-widget-px-page-title,
.elementor-widget-px-page-title-v2,
.px-page-title-wrap {
	display: block;
	width: 100%;
}

.px-page-title-wrap.px-align-left {
	text-align: left;
}

.px-page-title-wrap.px-align-center {
	text-align: center;
}

.px-page-title-wrap.px-align-right {
	text-align: right;
}

/* =========================================================================
 * 2.0 TITLE TYPOGRAPHY & LINK STATES
 * ========================================================================= */
.px-page-title-wrap .px-page-title-text {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: 1.2;
	letter-spacing: inherit;
	color: var(--powerx-heading-color, var(--powerx-neutral-900, #212134));
	display: inline-block;
	width: 100%;
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
}

.px-page-title-wrap .px-title-link {
	color: inherit;
	text-decoration: none;
	transition: color 0.25s ease;
}

.px-page-title-wrap .px-title-link:hover {
	color: var(--powerx-primary-color, var(--powerx-primary-500, #4945ff));
}

/* =========================================================================
 * 3.0 PREFIX & SUFFIX LABELS
 * ========================================================================= */
.px-page-title-wrap .px-title-prefix,
.px-page-title-wrap .px-title-suffix {
	opacity: 0.85;
	font-weight: normal;
}

/* =========================================================================
 * 4.0 UNDERLINE ACCENT DECORATIONS
 * ========================================================================= */
.px-page-title-wrap.px-has-decor .px-title-decor-bar {
	display: block;
	margin-top: var(--px-title-decor-mt, 12px);
	transition: width 0.3s ease;
}

.px-page-title-wrap.px-align-left .px-title-decor-bar {
	margin-left: 0;
	margin-right: auto;
}

.px-page-title-wrap.px-align-center .px-title-decor-bar {
	margin-left: auto;
	margin-right: auto;
}

.px-page-title-wrap.px-align-right .px-title-decor-bar {
	margin-left: auto;
	margin-right: 0;
}

.px-page-title-wrap.px-decor-accent_bar .px-title-decor-bar {
	width: 50px;
	height: var(--px-title-decor-h, 4px);
	border-radius: var(--powerx-radius-full, 9999px);
	background: var(--powerx-primary-color, var(--powerx-primary-500, #4945ff));
}

.px-page-title-wrap.px-decor-glow_bar .px-title-decor-bar {
	width: 60px;
	height: var(--px-title-glow-h, 3px);
	border-radius: var(--powerx-radius-full, 9999px);
	background: linear-gradient(90deg, var(--powerx-primary-color, var(--powerx-primary-500, #4945ff)) 0%, transparent 100%);
}

.px-page-title-wrap.px-decor-full_divider .px-title-decor-bar {
	width: 100%;
	height: var(--px-title-divider-h, 1px);
	background: var(--powerx-neutral-200, #dcdce4);
}