/* Base hero styling: cover background, dark overlay, light text */
#page-header{
	position:relative;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

#page-header::before{
	content:"";
	position:absolute;
	inset:0;
	background:#000;
	opacity:var(--mada-hero-overlay, 0.5);
	pointer-events:none;
}

#page-header .page-header__content{
	position:relative;
	z-index:1;
}

/* Light text on dark background */
#page-header .page-header__title,
#page-header .site-breadcrumb,
#page-header .site-breadcrumb a,
#page-header .site-breadcrumb span{
	color:#fff;
}

#page-header .site-breadcrumb a{
	text-decoration:none;
	opacity:0.9;
}

#page-header .site-breadcrumb a:hover{
	opacity:1;
}

/* If your theme uses the 'dot-between' element for breadcrumbs */
#page-header .site-breadcrumb .dot-between{
	background:rgba(255,255,255,0.9);
}