/* Page Hero Section */
.zolar-page-hero {
    position: relative;
    width: 100%;
    /* Accounting for the absolute transparent header */
    padding: 220px 0 120px 0; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Dark Overlay */
.zolar-page-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(8, 21, 29, 0.7); /* Deep dark blue overlay for text readability */
    z-index: 1;
}

/* Content Container */
.zolar-page-hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
}

/* Title */
.zolar-page-hero-title {
    font-size: clamp(3rem, 4vw + 1rem, 5rem); /* Responsive fluid typography */
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 15px 0;
    font-family: var(--zolar-heading-font, sans-serif);
    text-transform: capitalize;
}

/* Breadcrumbs */
.zolar-page-hero-breadcrumbs {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
}

.zolar-page-hero-breadcrumbs a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.zolar-page-hero-breadcrumbs a:hover {
    color: var(--zolar-accent, #c8e86b);
}

.zolar-page-hero-breadcrumbs span {
    color: var(--zolar-accent, #c8e86b); /* Current page gets accent color */
}

/* Responsive */
@media (max-width: 768px) {
    .zolar-page-hero {
        padding: 160px 0 80px 0;
    }
    
    .zolar-page-hero-breadcrumbs {
        font-size: 14px;
    }
}