/* FilmIndustryJobs 1.8.7.22 — Community page + official social brand system */

.fij-social-brand-badge {
  --fij-community-brand: var(--fj-teal);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  background: #fff;
  border: 1px solid var(--fj-line);
  box-shadow: 0 10px 28px rgba(16,18,35,.08);
}
.fij-social-brand-badge--facebook { --fij-community-brand: #1877f2; }
.fij-social-brand-badge--linkedin { --fij-community-brand: #0a66c2; }
.fij-social-brand-badge--reddit { --fij-community-brand: #ff4500; }
.fij-social-brand-badge--tiktok { --fij-community-brand: #101223; }
.fij-social-brand-badge svg { display:block; width:34px; height:34px; }

.fij-community-section,
.fij-community-follow-section,
.fij-community-expect-section,
.fij-community-cta-section { position: relative; }
.fij-community-section-head { align-items:end; margin-bottom:26px; }
.fij-community-section-head > p { max-width:540px; margin:0; color:var(--fj-muted); }

.fij-community-card-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.fij-community-card {
  --fij-community-brand: var(--fj-teal);
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:330px;
  padding:26px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--fj-line);
  box-shadow:var(--fj-shadow-soft);
}
.fij-community-card::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,var(--fij-community-brand) 0 48%,var(--fj-orange) 48% 58%,var(--fj-teal) 58% 100%);
}
.fij-community-card::after {
  content:"";
  position:absolute;
  right:-54px;
  bottom:-54px;
  width:128px;
  height:128px;
  background:var(--fj-surface-soft);
  border:1px solid var(--fj-line);
  transform:rotate(12deg);
  pointer-events:none;
}
.fij-community-card--facebook { --fij-community-brand:#1877f2; }
.fij-community-card--linkedin { --fij-community-brand:#0a66c2; }
.fij-community-card--reddit { --fij-community-brand:#ff4500; }
.fij-community-card__head { display:flex; align-items:center; gap:16px; position:relative; z-index:1; }
.fij-community-card__type { display:block; margin-bottom:5px; color:var(--fj-teal-dark); font-size:11px; line-height:1.2; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.fij-community-card h3 { margin:0; font-size:clamp(20px,1.6vw,24px); }
.fij-community-card > p { position:relative; z-index:1; margin:20px 0 24px; color:var(--fj-muted); font-size:15px; line-height:1.62; }
.fij-community-card__action { position:relative; z-index:1; margin-top:auto; align-self:flex-start; gap:8px; }
.fij-community-card__action .fij-inline-icon { width:16px; height:16px; }
.fij-community-empty-state strong { display:block; margin-bottom:6px; color:var(--fj-ink); }
.fij-community-empty-state p { margin:0; }

.fij-community-follow-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.fij-community-follow-card {
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:12px 14px;
  min-width:0;
  padding:20px;
  background:#fff;
  border:1px solid var(--fj-line);
  box-shadow:var(--fj-shadow-soft);
}
.fij-community-follow-card .fij-social-brand-badge { width:50px; height:50px; flex-basis:50px; grid-row:1 / span 2; box-shadow:none; }
.fij-community-follow-card .fij-social-brand-badge svg { width:28px; height:28px; }
.fij-community-follow-card__copy { min-width:0; }
.fij-community-follow-card h3 { margin:0 0 5px; font-size:18px; }
.fij-community-follow-card p { margin:0; color:var(--fj-muted); font-size:13px; line-height:1.48; }
.fij-community-follow-card .btn { grid-column:2; justify-self:start; gap:6px; }
.fij-community-follow-card .btn .fij-inline-icon { width:14px; height:14px; }

.fij-community-expect-panel {
  display:grid;
  grid-template-columns:minmax(210px,.8fr) minmax(0,2.6fr);
  gap:28px;
  padding:26px;
  background:var(--fj-surface-soft);
  border:1px solid var(--fj-line);
}
.fij-community-expect-intro h2 { margin-bottom:0; }
.fij-community-expect-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
}
.fij-community-expect-item {
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  min-width:0;
  padding:4px 18px;
  border-left:1px solid var(--fj-line-strong);
}
.fij-community-expect-icon { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; color:var(--fj-teal-dark); }
.fij-community-expect-icon .fij-inline-icon { width:26px; height:26px; }
.fij-community-expect-item h3 { margin:0 0 5px; font-size:16px; }
.fij-community-expect-item p { margin:0; color:var(--fj-muted); font-size:12px; line-height:1.45; }

.fij-community-cta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  padding:30px 34px;
  color:#fff;
  background:linear-gradient(135deg,var(--fj-purple) 0%,var(--fj-purple-dark) 100%);
  border:1px solid rgba(16,18,35,.12);
}
.fij-community-cta .eyebrow { color:#b9fff0; }
.fij-community-cta h2 { color:#fff; margin-bottom:6px; }
.fij-community-cta p { max-width:650px; margin:0; color:rgba(255,255,255,.82); }
.fij-community-cta .btn { min-width:150px; }
.fij-community-cta .btn.secondary { border-color:#fff; }

/* Global public footer social links. */
.fij-public-footer .fij-footer-social { margin-top:22px; }
.fij-public-footer .fij-footer-social__label {
  margin:0 0 10px;
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
}
.fij-public-footer .fij-footer-social__links { display:flex; flex-wrap:wrap; gap:10px; }
.fij-public-footer .fij-footer-social__link {
  --fij-social-brand:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  margin:0;
  padding:0;
  color:#fff;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.22);
  border-radius:0;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.fij-public-footer .fij-footer-social__link svg { display:block; width:20px; height:20px; }
.fij-public-footer .fij-footer-social__link--facebook { --fij-social-brand:#1877f2; }
.fij-public-footer .fij-footer-social__link--linkedin { --fij-social-brand:#0a66c2; }
.fij-public-footer .fij-footer-social__link--reddit { --fij-social-brand:#ff4500; }
.fij-public-footer .fij-footer-social__link--tiktok { --fij-social-brand:#fe2c55; }
.fij-public-footer .fij-footer-social__link:hover,
.fij-public-footer .fij-footer-social__link:focus-visible {
  color:#fff;
  background:var(--fij-social-brand);
  border-color:var(--fij-social-brand);
  transform:translateY(-2px);
}
.fij-public-footer .fij-footer-social__link:focus-visible { outline:3px solid #fff; outline-offset:3px; }

@media (max-width:1040px) {
  .fij-community-follow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fij-community-expect-panel { grid-template-columns:1fr; }
  .fij-community-expect-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fij-community-expect-item:nth-child(odd) { border-left:0; }
}

@media (max-width:860px) {
  .fij-community-section-head { display:block; margin-bottom:20px; }
  .fij-community-section-head > p { max-width:none; margin-top:10px; }
  .fij-community-card-grid { grid-template-columns:1fr; }
  .fij-community-card { min-height:0; padding:22px; }
  .fij-community-card__action { width:100%; }
  .fij-community-follow-grid { grid-template-columns:1fr; }
  .fij-community-follow-card { grid-template-columns:48px minmax(0,1fr); }
  .fij-community-expect-grid { grid-template-columns:1fr; }
  .fij-community-expect-item,
  .fij-community-expect-item:nth-child(odd) { padding:14px 0; border-left:0; border-top:1px solid var(--fj-line-strong); }
  .fij-community-expect-item:first-child { border-top:0; }
  .fij-community-cta { display:grid; padding:24px; }
  .fij-community-cta .action-stack { display:grid; grid-template-columns:1fr; width:100%; }
  .fij-community-cta .action-stack > * { width:100%; }
  .fij-public-footer .fij-footer-social { margin-top:18px; }
  .fij-public-footer .fij-footer-social__link { width:44px; height:44px; flex-basis:44px; }
}

@media (max-width:420px) {
  .fij-community-card__head { align-items:flex-start; }
  .fij-social-brand-badge { width:52px; height:52px; flex-basis:52px; }
  .fij-social-brand-badge svg { width:30px; height:30px; }
}

@media (prefers-reduced-motion:reduce) {
  .fij-public-footer .fij-footer-social__link { transition:none; }
}

/* FilmIndustryJobs 1.8.7.23 — extended social channels and communities */
.fij-social-brand-badge--instagram { --fij-community-brand:#e4405f; }
.fij-social-brand-badge--youtube { --fij-community-brand:#ff0000; }
.fij-social-brand-badge--threads { --fij-community-brand:#000000; }
.fij-social-brand-badge--x { --fij-community-brand:#000000; }
.fij-social-brand-badge--bluesky { --fij-community-brand:#1185fe; }
.fij-social-brand-badge--discord { --fij-community-brand:#5865f2; }
.fij-social-brand-badge--whatsapp { --fij-community-brand:#25d366; }
.fij-social-brand-badge--telegram { --fij-community-brand:#26a5e4; }

.fij-community-card--discord { --fij-community-brand:#5865f2; }
.fij-community-card--whatsapp { --fij-community-brand:#25d366; }
.fij-community-card--telegram { --fij-community-brand:#26a5e4; }

.fij-public-footer .fij-footer-social__link--instagram { --fij-social-brand:#e4405f; }
.fij-public-footer .fij-footer-social__link--youtube { --fij-social-brand:#ff0000; }
.fij-public-footer .fij-footer-social__link--threads { --fij-social-brand:#000000; }
.fij-public-footer .fij-footer-social__link--x { --fij-social-brand:#000000; }
.fij-public-footer .fij-footer-social__link--bluesky { --fij-social-brand:#1185fe; }