/* UP1871 — mobile public design polish.
   Scope: safe frontend-only fixes for appbar routes, article card media, related-section icons and mobile hero readability.
   No backend, database or crawler behavior is changed here. */

/* Career Hub highlighted article: remove the old decorative/gradient placeholder.
   A real featured image is rendered by Blade when a safe http(s) featured_image_url exists. */
.fij-public-shell .fij-career-featured-card::before,
.fij-public-shell .fij-career-featured-card::after,
.fij-career-featured-card::before,
.fij-career-featured-card::after {
    content: none !important;
    display: none !important;
}

.fij-public-shell .fij-career-featured-card,
.fij-career-featured-card {
    justify-content: flex-start !important;
    gap: 0 !important;
}

.fij-career-featured-card .fij-career-featured-media {
    display: block;
    width: 100%;
    margin: 0 0 1.05rem;
    border: 1px solid rgba(15, 23, 42, .10);
    background: #f8fafc;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.fij-career-featured-card .fij-career-featured-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fij-career-featured-card.no-featured-image {
    min-height: 0 !important;
}

/* Heading icons on mobile should stay readable and should not inherit small inline-icon opacity. */
.fij-public-shell .fij-heading-icon-v1813 {
    color: #0f8f78 !important;
    opacity: 1 !important;
    flex: 0 0 auto;
}

.fij-public-shell .fij-heading-icon-v1813 .fij-inline-icon,
.fij-public-shell .fij-heading-icon-v1813 svg {
    width: 1.12em !important;
    height: 1.12em !important;
    opacity: 1 !important;
    stroke-width: 2.15 !important;
}

/* First-pass mobile hero readability: keep current assets, but reduce the over-heavy dark wash on mobile.
   Full free-stock image replacement remains a separate asset pass. */
@media (max-width: 860px) {
    .fij-public-shell .fij-home-hero {
        background-image: linear-gradient(180deg, rgba(4,14,22,.68), rgba(4,14,22,.46)), url('/assets/hero/filmjobs-hero-production-visible-01.webp') !important;
    }

    .fij-public-shell .fij-jobs-hero,
    .fij-public-shell .fij-saved-jobs-hero {
        background-image: linear-gradient(180deg, rgba(5,16,25,.70), rgba(5,16,25,.48)), url('/assets/hero/filmjobs-hero-production-visible-02.webp') !important;
    }

    .fij-public-shell .fij-companies-hero,
    .fij-public-shell .fij-company-profile-hero,
    .fij-public-shell .fij-claim-hero-v1847 {
        background-image: linear-gradient(180deg, rgba(7,15,25,.70), rgba(7,15,25,.50)), url('/assets/hero/filmjobs-hero-production-visible-03.webp') !important;
    }

    .fij-public-shell .fij-career-hub-hero,
    .fij-public-shell .fij-article-hero,
    .fij-public-shell .fij-author-hero,
    .fij-public-shell .fij-contact-hero-v1767,
    .fij-public-shell .seo-list-hero:not(.fij-jobs-hero):not(.fij-companies-hero),
    .fij-public-shell .hero.seo-hero:not(.fij-jobs-hero):not(.fij-companies-hero),
    .fij-public-shell .appflow-hero,
    .fij-public-shell .aw-public-hero,
    .fij-public-shell .fij-page-hero {
        background-image: linear-gradient(180deg, rgba(7,15,25,.70), rgba(7,15,25,.48)), url('/assets/hero/filmjobs-hero-production-visible-01.webp') !important;
    }

    .fij-public-shell .hero h1,
    .fij-public-shell .fij-home-hero h1,
    .fij-public-shell .fij-page-hero h1 {
        text-shadow: 0 2px 16px rgba(0,0,0,.34) !important;
    }

    .fij-career-featured-card {
        padding: 22px 18px !important;
        min-height: 0 !important;
    }

    .fij-career-featured-card .fij-career-featured-media {
        margin-bottom: .95rem;
    }
}