/**
 * أنماط هيدر الصفحات الداخلية في الثيم الابن: صورة بطبقة بلون الثيم، وقبّتان ذهبيتان مدبّبتان،
 * ومسار التنقل والعنوان والوصف على اليمين.
 *
 * يُحمَّل في كل الصفحات (انظر association_child_enqueue_styles في functions.php).
 * القالب: template-parts/header/page-header.php (نسخة الابن).
 */

.child-page-hero {
	--child-page-hero-accent: var(--theme-secondary, #ca9c5e);
	--child-page-hero-dark-rgb: var(--theme-primary-rgb, 26, 66, 97);
	/* الطبقة فوق الصورة: أغمق من اليمين حيث النص، وأخف من اليسار لتظهر الصورة */
	--child-page-hero-overlay: linear-gradient(to left,
			rgba(var(--child-page-hero-dark-rgb), 0.92) 0%,
			rgba(var(--child-page-hero-dark-rgb), 0.78) 40%,
			rgba(var(--child-page-hero-dark-rgb), 0.5) 100%);

	position: relative;
	display: flex;
	align-items: center;
	min-height: clamp(230px, 24vw, 330px);
	margin-bottom: 40px;
	padding: clamp(44px, 6vw, 80px) 0;
	overflow: hidden;
	isolation: isolate;
	background: var(--theme-primary, #1a4261);
	color: #ffffff;
}

.child-page-hero__img {
	position: absolute;
	inset: 0;
	z-index: -3;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.child-page-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: -2;
	background: var(--child-page-hero-overlay);
}

/* القبّتان: شريطان ذهبيان شفافان يخرجان من أسفل الهيدر، والخلفية منهما أخف */
.child-page-hero__domes {
	position: absolute;
	bottom: 0;
	left: 4%;
	z-index: -1;
	width: min(62%, 760px);
	height: 100%;
	color: var(--child-page-hero-accent);
	pointer-events: none;
}

.child-page-hero__dome {
	fill: none;
	stroke: url(#child-page-hero-dome);
	stroke-width: 58;
	stroke-linejoin: round;
}

.child-page-hero__dome--back {
	opacity: 0.55;
}

/* النص على اليمين */
.child-page-hero__container {
	position: relative;
	text-align: right;
}

.child-page-hero .breadcrumbs {
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 10px;
	font-size: 0.9rem;
}

.child-page-hero__title {
	max-width: 760px;
	margin: 0 0 10px;
	color: #ffffff;
	font-size: clamp(1.8rem, 1.2rem + 2.4vw, 3rem);
	font-weight: 800;
	line-height: 1.3;
}

.child-page-hero__desc {
	max-width: 620px;
	margin: 0;
	color: var(--child-page-hero-accent);
	font-size: clamp(0.95rem, 0.9rem + 0.25vw, 1.08rem);
	font-weight: 600;
	line-height: 1.8;
}

/* بيانات المنشور (التاريخ والكاتب): تُطبع بأنماط سطرية من القالب، فتُفرض ألوانها ومحاذاتها هنا */
.child-page-hero__meta > div {
	justify-content: flex-start !important;
}

.child-page-hero__meta,
.child-page-hero__meta span,
.child-page-hero__meta svg {
	color: rgba(255, 255, 255, 0.85) !important;
}

@media (max-width: 768px) {
	.child-page-hero {
		--child-page-hero-overlay: linear-gradient(to left,
				rgba(var(--child-page-hero-dark-rgb), 0.9) 0%,
				rgba(var(--child-page-hero-dark-rgb), 0.8) 100%);
		margin-bottom: 28px;
	}

	.child-page-hero__domes {
		left: -12%;
		width: 95%;
		opacity: 0.6;
	}
}