/*
  UP1851.1 — Public Facts Icon Removal + Mobile Readability Polish
  Scope: remove decorative contextual icons from public fact/list information blocks,
  especially job/company facts on mobile. Navigation/appbar/admin/workspace icons stay untouched.
*/

:root {
  --fij-fact-label-color-clean: #667085;
  --fij-fact-value-color-clean: #161b26;
}

/* Hide decorative fact icons in public job/company detail information panels. */
.fij-public-shell .fij-job-facts-card .fij-heading-icon-v1813,
.fij-public-shell .fij-job-facts-card .fij-mini-icon-v1813,
.fij-public-shell .fij-job-facts-card dt > svg,
.fij-public-shell .fij-job-facts-card h2 > svg,
.fij-public-shell .fij-company-facts-card-v1767 .fij-heading-icon-v1813,
.fij-public-shell .fij-company-facts-card-v1767 .fij-mini-icon-v1813,
.fij-public-shell .fij-company-facts-card-v1767 dt > svg,
.fij-public-shell .fij-company-facts-card-v1767 h2 > svg,
.fij-public-shell .fij-company-facts-card .fij-heading-icon-v1813,
.fij-public-shell .fij-company-facts-card .fij-mini-icon-v1813,
.fij-public-shell .fij-company-facts-card dt > svg,
.fij-public-shell .fij-company-facts-card h2 > svg,
.fij-public-shell .fij-fact-row-v1813 .fij-mini-icon-v1813 {
  display: none !important;
}

/* Also remove decorative icons from detail/action panel titles where the title text is self-explanatory. */
.fij-public-shell .fij-job-action-card .fij-heading-icon-v1813,
.fij-public-shell .fij-job-notes-card .fij-heading-icon-v1813,
.fij-public-shell .fij-company-open-jobs .fij-heading-icon-v1813,
.fij-public-shell .fij-empty-company-jobs-v1767 .fij-heading-icon-v1813 {
  display: none !important;
}

/* Clean label/value typography after icon removal. */
.fij-public-shell .fij-job-facts-card h2,
.fij-public-shell .fij-job-action-card h2,
.fij-public-shell .fij-job-notes-card h2,
.fij-public-shell .fij-company-facts-card-v1767 h2,
.fij-public-shell .fij-company-facts-card h2,
.fij-public-shell .fij-company-open-jobs h2,
.fij-public-shell .fij-empty-company-jobs-v1767 h3 {
  display: block !important;
  gap: 0 !important;
  color: #151927 !important;
  letter-spacing: -0.04em !important;
}

.fij-public-shell .fij-job-facts-card dt,
.fij-public-shell .fij-company-facts-card-v1767 dt,
.fij-public-shell .fij-company-facts-card dt,
.fij-public-shell .fij-fact-row-v1813 dt {
  display: block !important;
  gap: 0 !important;
  padding-left: 0 !important;
  color: var(--fij-fact-label-color-clean) !important;
  font-weight: 780 !important;
  letter-spacing: .07em !important;
  line-height: 1.22 !important;
  word-spacing: 0 !important;
}

.fij-public-shell .fij-job-facts-card dd,
.fij-public-shell .fij-company-facts-card-v1767 dd,
.fij-public-shell .fij-company-facts-card dd,
.fij-public-shell .fij-fact-row-v1813 dd {
  color: var(--fij-fact-value-color-clean) !important;
  font-weight: 570 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.48 !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* Keep company/job list metadata clean without decorative SVG noise. */
.fij-public-shell .fij-company-list-item .fij-mini-icon-v1813,
.fij-public-shell .fij-company-list-item .fij-heading-icon-v1813,
.fij-public-shell .fij-company-list-item .meta-token svg,
.fij-public-shell .fij-company-list-item .fij-source-badge svg,
.fij-public-shell .fij-job-card .fij-mini-icon-v1813,
.fij-public-shell .fij-job-card .meta-token svg,
.fij-public-shell .job-card .fij-mini-icon-v1813,
.fij-public-shell .job-card .meta-token svg {
  display: none !important;
}

.fij-public-shell .fij-company-list-item .meta-token,
.fij-public-shell .fij-company-list-item .fij-source-badge,
.fij-public-shell .fij-job-card .meta-token,
.fij-public-shell .job-card .meta-token {
  gap: 0 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 860px) {
  /* Mobile fact cards: pure editorial label/value system, no icon compensation spacing. */
  .fij-public-shell .fij-job-facts-card,
  .fij-public-shell .fij-job-action-card,
  .fij-public-shell .fij-company-facts-card-v1767,
  .fij-public-shell .fij-company-facts-card {
    padding: 18px !important;
  }

  .fij-public-shell .fij-job-facts-card h2,
  .fij-public-shell .fij-job-action-card h2,
  .fij-public-shell .fij-company-facts-card-v1767 h2,
  .fij-public-shell .fij-company-facts-card h2,
  .fij-public-shell .fij-company-kicker {
    margin-bottom: 13px !important;
    padding-left: 0 !important;
    font-size: clamp(25px, 7vw, 34px) !important;
    line-height: 1.12 !important;
    font-weight: 750 !important;
  }

  .fij-public-shell .fij-job-facts-card dl div,
  .fij-public-shell .fij-company-facts-card-v1767 dl div,
  .fij-public-shell .fij-company-facts-card dl div,
  .fij-public-shell .fij-fact-row-v1813 {
    padding: 13px 0 !important;
    gap: 6px !important;
  }

  .fij-public-shell .fij-job-facts-card dt,
  .fij-public-shell .fij-company-facts-card-v1767 dt,
  .fij-public-shell .fij-company-facts-card dt,
  .fij-public-shell .fij-fact-row-v1813 dt {
    font-size: 11px !important;
    font-weight: 760 !important;
    letter-spacing: .065em !important;
  }

  .fij-public-shell .fij-job-facts-card dd,
  .fij-public-shell .fij-company-facts-card-v1767 dd,
  .fij-public-shell .fij-company-facts-card dd,
  .fij-public-shell .fij-fact-row-v1813 dd {
    font-size: 15.8px !important;
    line-height: 1.5 !important;
    font-weight: 560 !important;
  }

  /* Salary/source rows can be long. Keep them readable and less visually heavy. */
  .fij-public-shell .fij-job-facts-card dd {
    max-width: 100% !important;
  }

  .fij-public-shell .fij-job-facts-card dd:where(:not(:empty)) {
    text-wrap: pretty !important;
  }
}

@media (max-width: 420px) {
  .fij-public-shell .fij-job-facts-card h2,
  .fij-public-shell .fij-job-action-card h2,
  .fij-public-shell .fij-company-facts-card-v1767 h2,
  .fij-public-shell .fij-company-facts-card h2,
  .fij-public-shell .fij-company-kicker {
    font-size: clamp(24px, 7.2vw, 31px) !important;
  }

  .fij-public-shell .fij-job-facts-card dd,
  .fij-public-shell .fij-company-facts-card-v1767 dd,
  .fij-public-shell .fij-company-facts-card dd,
  .fij-public-shell .fij-fact-row-v1813 dd {
    font-size: 15.5px !important;
    font-weight: 550 !important;
  }
}
