/* ==========================================================================
   page-hero.css – Inner page banner and breadcrumbs
   Part of the Devraj Pathak theme. Breakpoints are in responsive.css.
   ========================================================================== */

.dp-page-hero {
	position: relative; padding: 90px 0 80px; text-align: center; color: var(--dp-white);
	background: var(--dp-forest) var(--dp-hero-bg) center / cover no-repeat; isolation: isolate;
}
.dp-page-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(14, 33, 28, .82); }
.dp-page-hero__title { color: var(--dp-white); font-size: clamp(36px, 5vw, 60px); margin: 0; }
.dp-page-hero__sub { max-width: 680px; margin: 14px auto 0; color: rgba(255, 255, 255, .78); }
.dp-page-hero__sub p { margin: 0; }
.dp-page-hero .dp-post-meta { color: var(--dp-gold-2); }
/* Breadcrumbs */
.dp-breadcrumbs ol { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; font-size: 13.5px; }
.dp-breadcrumbs li { color: var(--dp-gold-2); }
.dp-breadcrumbs li + li::before { content: "/"; margin-right: 6px; color: rgba(255, 255, 255, .4); }
.dp-breadcrumbs a { color: rgba(255, 255, 255, .75); }
.dp-breadcrumbs a:hover { color: var(--dp-white); }
.dp-page-hero .dp-eyebrow { justify-content: center; }
.dp-page-hero .dp-eyebrow::before { display: none; }