/* Taktaz — page title banner
   Designed as the deeper continuation of the site header: same hue axis (indigo left → teal right),
   one step darker so the header stays on top, a quiet technical grid, and restrained typography. */

/* header/banner seam: replace the harsh white rule under the header with a soft one (inner pages) */
body:not(.home) .elementor-1550 .elementor-element.elementor-element-b15974b { border-bottom-color: rgba(255, 255, 255, .1) !important; }

.page-header {
	position: relative; overflow: hidden !important; isolation: isolate;
	height: auto !important; min-height: 0 !important;
	padding: 58px 0 54px !important; margin-bottom: 44px !important;
	background: linear-gradient(90deg, #15163c 0%, #102f58 48%, #0c587c 100%) !important;
	box-shadow: inset 0 14px 22px -14px rgba(4, 8, 24, .55); /* the header casts a soft shadow onto the banner */
	--mx: 0; --my: 0; --gx: 70%; --gy: 30%;
}
.page-header .wgl-background-image_parallax { display: none !important; }
.page-header .page-header_wrapper { position: relative; z-index: 1; }

/* quiet technical grid, strongest behind the title, shifts a few px with the pointer */
.page-header:before {
	content: ""; position: absolute; inset: -24px; z-index: -2; pointer-events: none;
	background-image:
		linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
	background-size: 64px 64px;
	background-position: center center;
	transform: translate3d(calc(var(--mx) * -8px), calc(var(--my) * -8px), 0);
	-webkit-mask-image: radial-gradient(ellipse 55% 95% at 50% 50%, #000 10%, transparent 80%);
	mask-image: radial-gradient(ellipse 55% 95% at 50% 50%, #000 10%, transparent 80%);
}
/* depth: teal glow on the right (matches the header's light end), pointer light, bottom hairline */
.page-header:after {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background:
		linear-gradient(90deg, transparent 8%, rgba(94, 200, 240, .45) 50%, transparent 92%) bottom / 100% 1px no-repeat,
		radial-gradient(560px circle at var(--gx) var(--gy), rgba(120, 200, 240, .10), transparent 65%),
		radial-gradient(60% 120% at 100% 50%, rgba(24, 151, 189, .28), transparent 70%);
}

/* typography */
.page-header .page-header_title {
	color: #fff !important; font-size: 36px !important; line-height: 1.5 !important; font-weight: 800 !important;
	letter-spacing: 0; text-shadow: none; margin: 0 !important;
}
.page-header .page-header_breadcrumbs { margin-top: 14px !important; line-height: 1 !important; }
.page-header .page-header_breadcrumbs .breadcrumbs {
	display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px; border-radius: 999px;
	background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12);
}
.page-header .page-header_breadcrumbs :is(a, span) { color: rgba(255, 255, 255, .68) !important; font-size: 13px !important; line-height: 1 !important; }
.page-header .page-header_breadcrumbs .current { color: #fff !important; font-weight: 600; }
.page-header .page-header_breadcrumbs a:hover { color: #fff !important; }
/* home link is an icon only (the theme hides its text) */
.page-header .page-header_breadcrumbs a.home { font-size: 0 !important; display: inline-flex; align-items: center; }
.page-header .page-header_breadcrumbs a.home:before { font-size: 15px !important; top: 0 !important; line-height: 1; }
.page-header .page-header_breadcrumbs .divider { display: inline-flex; align-items: center; margin: 0 !important; opacity: .55; }
.page-header .page-header_breadcrumbs .divider:before { font-size: 10px !important; }

@media (max-width: 767px) {
	.page-header { padding: 38px 0 34px !important; margin-bottom: 26px !important; }
	.page-header .page-header_title { font-size: 26px !important; }
	.page-header:before { background-size: 48px 48px; }
}
@media (prefers-reduced-motion: reduce) { .page-header:before { transform: none !important; } }

/* archive type overline above the title (tag / category / author archives) */
body:is(.tag, .category, .author) .page-header .page-header_title:before {
	display: block; width: max-content; margin: 0 auto 10px; padding: 4px 12px; border-radius: 999px;
	font-size: 12px; font-weight: 600; line-height: 1.6; letter-spacing: 0;
	color: #9fdcf5; background: rgba(94, 200, 240, .12); border: 1px solid rgba(94, 200, 240, .25);
}
body.tag .page-header .page-header_title:before { content: "برچسب"; }
body.category .page-header .page-header_title:before { content: "دسته‌بندی"; }