/* =============================================================================
 * Blue Horse Pictures — Breadcrumb Hero (image-free)
 * =============================================================================
 * Loaded after style.css / responsive.css / dark-theme.css / gallery-masonry.css
 * so all styles here win on cascade order for any accidental class collisions.
 *
 * Used on:
 *   /photoshoot/<slug>             (category.php)
 *   /industries/<slug>             (industries.php)
 *   /industry/<slug>/<sub-slug>    (industrie-inner.php)
 *
 * The other pages currently using .breadcrumb-wrap (about, contact, blogs,
 * blog-detail, privacy-policy, 404, thank-you, video, catalogs) are unchanged
 * for now. If site-wide consistency is wanted, they can migrate to
 * .bhp-breadcrumb-hero with the same markup pattern.
 * ============================================================================= */

.bhp-breadcrumb-hero {
    position: relative;
    background: linear-gradient(180deg, #000059 0%, #00003f 100%);
    color: #ffffff;
    padding: 110px 0 90px;
    overflow: hidden;
    isolation: isolate;
}

/* Subtle top-center radial glow — depth without imagery */
.bhp-breadcrumb-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.06) 0%, transparent 60%);
    z-index: -1;
    pointer-events: none;
}

.bhp-breadcrumb-hero .container {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
}

/* Gold accent bar above the title */
.bhp-bh-accent {
    display: block;
    width: 60px;
    height: 3px;
    background: #d4a95a;
    margin: 0 auto 28px;
    border-radius: 2px;
}

/* Page title (h1) */
.bhp-bh-title {
    font-family: "Lexend", sans-serif;
    font-weight: 700;
    font-size: clamp(32px, 5.5vw, 64px);
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: #ffffff;
    margin: 0 0 24px;
    padding: 0;
}

/* Breadcrumb trail */
.bhp-bh-trail {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 400;
    letter-spacing: 0.2px;
}
.bhp-bh-trail a {
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    transition: color 0.15s ease;
}
.bhp-bh-trail a:hover {
    color: #ffffff;
}
.bhp-bh-trail .sep {
    color: rgba(255, 255, 255, 0.3);
    font-weight: 300;
}
.bhp-bh-trail .parent {
    color: rgba(255, 255, 255, 0.65);
}
.bhp-bh-trail .current {
    color: #ffffff;
    font-weight: 500;
}

/* Mobile tuning */
@media (max-width: 767px) {
    .bhp-breadcrumb-hero { padding: 80px 0 60px; }
    .bhp-bh-accent { margin-bottom: 20px; width: 48px; height: 2px; }
    .bhp-bh-title { margin-bottom: 18px; }
    .bhp-bh-trail { font-size: 12px; gap: 6px; }
}

@media (prefers-reduced-motion: reduce) {
    .bhp-bh-trail a { transition: none; }
}