/* FilmIndustry Jobs UP1677 - Final Public Release Cleanup
   Scope: public/mobile/desktop release hardening only.
   Guardrails: no payment/email/AI/scheduler unlock. */

:root {
  --fij-page-bg: #f3f4f1;
  --fij-dark: #07111f;
  --fij-cyan: #00c2d7;
  --fij-pink: #ff0a66;
}

.fij-design-v1677,
.fij-design-v1677 * { box-sizing: border-box; }

.fij-design-v1677 { overflow-x: hidden; }
.fij-design-v1677 img,
.fij-design-v1677 svg { max-width: 100%; }

/* Do not allow removed homepage modules or old final employer CTAs to reappear from cached/older partials. */
.fij-design-v1677.fij-home-context .career-hub-home,
.fij-design-v1677.fij-home-context .home-career-hub,
.fij-design-v1677.fij-home-context .fij-home-career-hub,
.fij-design-v1677.fij-home-context [data-fij-home-career-hub],
.fij-design-v1677 .fij-final-employer-cta,
.fij-design-v1677 .final-employer-cta,
.fij-design-v1677 [data-fij-final-cta] { display: none !important; }

/* Final button hierarchy: avoid accidental full-width billboard buttons outside forms/search/detail actions. */
@media (max-width: 760px) {
  .fij-design-v1677 .container,
  .fij-design-v1677 .section > .container,
  .fij-design-v1677 main > .container {
    width: 100%;
    max-width: 100%;
    padding-left: 14px;
    padding-right: 14px;
  }

  .fij-design-v1677 .hero,
  .fij-design-v1677 .hero-compact,
  .fij-design-v1677 .fjx-hero {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .fij-design-v1677 h1 {
    font-size: clamp(2rem, 9vw, 3.2rem);
    line-height: .96;
    letter-spacing: -.045em;
  }

  .fij-design-v1677 h2 {
    font-size: clamp(1.45rem, 6.5vw, 2.05rem);
    line-height: 1.04;
  }

  .fij-design-v1677 .card,
  .fij-design-v1677 article.card,
  .fij-design-v1677 .job-card,
  .fij-design-v1677 .fij-job-card,
  .fij-design-v1677 .company-card,
  .fij-design-v1677 .talent-card,
  .fij-design-v1677 .pricing-card {
    padding: 14px !important;
    border-width: 1px !important;
    box-shadow: none !important;
  }

  .fij-design-v1677 .card + .card,
  .fij-design-v1677 .job-card + .job-card,
  .fij-design-v1677 .fij-job-card + .fij-job-card {
    margin-top: 12px;
  }

  .fij-design-v1677 .button-row,
  .fij-design-v1677 .actions,
  .fij-design-v1677 .card-actions {
    gap: 8px;
  }

  .fij-design-v1677 .btn,
  .fij-design-v1677 button.btn,
  .fij-design-v1677 a.btn,
  .fij-design-v1677 .button-row .btn {
    min-height: 38px;
    width: auto;
    max-width: 280px;
    padding: 10px 14px;
    font-size: 11px;
    line-height: 1.1;
    letter-spacing: .08em;
  }

  .fij-design-v1677 .search .btn,
  .fij-design-v1677 form.search button[type=submit],
  .fij-design-v1677 .auth-card .btn,
  .fij-design-v1677 .fij-auth-form-panel .btn,
  .fij-design-v1677 .fij-sticky-apply .btn,
  .fij-design-v1677 .sticky-apply .btn {
    width: 100%;
    max-width: none;
  }

  .fij-design-v1677 .tag-cloud span,
  .fij-design-v1677 .job-chip,
  .fij-design-v1677 .chip,
  .fij-design-v1677 .badge,
  .fij-design-v1677 .meta span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 0;
    font-size: 10px;
    line-height: 1.15;
    letter-spacing: .04em;
    white-space: normal;
  }

  .fij-design-v1677 .fij-public-header-inner {
    min-height: 58px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .fij-design-v1677 .fij-mobile-menu-button {
    min-width: 42px;
    min-height: 38px;
    padding: 8px 10px;
  }

  .fij-design-v1677 .fij-mobile-drawer {
    width: min(86vw, 330px);
    max-width: 330px;
  }

  .fij-design-v1677 .fij-mobile-bottom-app-bar,
  .fij-design-v1677 .mobile-bottom-app-bar,
  .fij-design-v1677 .fij-bottom-app-bar {
    min-height: 58px;
    padding-bottom: max(6px, env(safe-area-inset-bottom));
  }

  .fij-design-v1677 .fij-mobile-bottom-app-bar a,
  .fij-design-v1677 .mobile-bottom-app-bar a,
  .fij-design-v1677 .fij-bottom-app-bar a {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 7px 2px 5px;
    overflow: hidden;
    text-align: center;
    font-size: 9px;
    line-height: 1;
  }

  .fij-design-v1677 .fij-mobile-bottom-app-bar svg,
  .fij-design-v1677 .mobile-bottom-app-bar svg,
  .fij-design-v1677 .fij-bottom-app-bar svg {
    width: 18px;
    height: 18px;
  }

  .fij-design-v1677.fij-job-detail-context .fij-mobile-bottom-app-bar,
  .fij-design-v1677.fij-article-detail-context .fij-mobile-bottom-app-bar,
  .fij-design-v1677.fij-company-detail-context .fij-mobile-bottom-app-bar,
  .fij-design-v1677.fij-application-detail-context .fij-mobile-bottom-app-bar,
  .fij-design-v1677.fij-job-detail-context .mobile-bottom-app-bar,
  .fij-design-v1677.fij-article-detail-context .mobile-bottom-app-bar,
  .fij-design-v1677.fij-company-detail-context .mobile-bottom-app-bar,
  .fij-design-v1677.fij-application-detail-context .mobile-bottom-app-bar {
    display: none !important;
  }

  .fij-design-v1677 .fij-public-footer {
    padding-bottom: 86px;
  }

  .fij-design-v1677 .fij-public-footer .container,
  .fij-design-v1677 footer .container {
    display: block;
  }

  .fij-design-v1677 .fij-public-footer nav,
  .fij-design-v1677 footer nav,
  .fij-design-v1677 .footer-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
  }

  .fij-design-v1677 .lucas-floating,
  .fij-design-v1677 .fij-lucas-floating,
  .fij-design-v1677 .lucas-widget-floating {
    width: 46px;
    height: 46px;
    right: 12px;
    bottom: 78px;
  }
}

@media (min-width: 761px) {
  .fij-design-v1677 .container { max-width: 1180px; }
  .fij-design-v1677 .card:hover,
  .fij-design-v1677 .job-card:hover,
  .fij-design-v1677 .company-card:hover { transform: translateY(-2px); }
}

@media (prefers-reduced-motion: reduce) {
  .fij-design-v1677 *,
  .fij-design-v1677 *::before,
  .fij-design-v1677 *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}