/* ============================================================
   IC JOBCOIN POLISH v2 — 2026-04-27
   Allineamento visivo della sezione /lavoro-servizi/ alla brand
   identity InfoComuni: navy, gold, font, return-bar coerente.
   Selettori basati sulle classi reali (jc-*) del modulo.
   ============================================================ */

/* === RETURN BAR coerente con design system === */
#ic-return-bar {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  background: linear-gradient(90deg, #06182d 0%, #0b2340 50%, #13355c 100%) !important;
  border-bottom: 1px solid rgba(255,204,51,.4) !important;
}

/* === TOPBAR JobCoin: brand mono allineato InfoComuni === */
.jc-topbar {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .04em !important;
}
.jc-topbar__logo {
  background: #ffcc33 !important;
  color: #0b2340 !important;
  font-family: 'Anton', 'Oswald', sans-serif !important;
}
.jc-topbar__center-text {
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
}

/* === HERO: navy gradient + gold accent === */
.jc-hero {
  background: linear-gradient(135deg, #0b2340 0%, #06182d 60%, #13355c 100%) !important;
  color: #fff !important;
  position: relative !important;
}
.jc-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(255,204,51,.18) 0%, transparent 30%),
    radial-gradient(ellipse at 0% 100%, rgba(20,101,163,.12) 0%, transparent 50%) !important;
  pointer-events: none !important;
}
.jc-hero__eye {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-size: 12px !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
  color: #ffcc33 !important;
  font-weight: 600 !important;
}
.jc-hero__chip {
  background: rgba(255,204,51,.14) !important;
  color: #ffcc33 !important;
  border: 1px solid rgba(255,204,51,.3) !important;
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-size: 11px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
}
.jc-hero h1, .jc-hero h2 {
  font-family: 'Anton', 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: -.02em !important;
  line-height: .92 !important;
}
.jc-hero__lede {
  font-family: 'Inter', system-ui, sans-serif !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
}

/* === COIN logo: glow gold InfoComuni === */
.jc-coin {
  filter: drop-shadow(0 0 32px rgba(255,204,51,.35)) !important;
}

/* === CTA: gold primary, ghost outline === */
.jc-cta {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  border-radius: 999px !important;
  border: 0 !important;
  transition: all 200ms ease !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 26px !important;
}
.jc-cta--primary {
  background: #ffcc33 !important;
  color: #0b2340 !important;
  box-shadow: 0 0 32px rgba(255,204,51,.32) !important;
}
.jc-cta--primary:hover {
  background: #ffd859 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 24px rgba(255,204,51,.45) !important;
}
.jc-cta--ghost {
  background: transparent !important;
  color: #fff !important;
  border: 1.5px solid rgba(255,204,51,.55) !important;
}
.jc-cta--ghost:hover {
  background: rgba(255,204,51,.10) !important;
  border-color: #ffcc33 !important;
}

/* === STATS: numeri Anton, label mono === */
.jc-stats { background: var(--ic-paper, #fbf9f4) !important; }
.jc-stat__num {
  font-family: 'Anton', 'Oswald', sans-serif !important;
  font-weight: 400 !important;
  color: #0b2340 !important;
  font-size: clamp(40px, 4vw, 64px) !important;
  line-height: 1 !important;
}
.jc-stat__lbl {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-size: 11px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #4a5568 !important;
  font-weight: 600 !important;
}

/* === SECTION HEADER === */
.jc-eye {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-size: 12px !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: #1465a3 !important;
  font-weight: 600 !important;
}
.jc-lede {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #4a5568 !important;
}
.jc-section__head h2 {
  font-family: 'Oswald', system-ui, sans-serif !important;
  font-weight: 600 !important;
  color: #0b2340 !important;
  letter-spacing: -.005em !important;
}

/* === STEPS === */
.jc-step {
  background: #fff !important;
  border: 1px solid rgba(11,35,64,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(11,35,64,.04) !important;
  transition: all 200ms ease !important;
}
.jc-step:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(11,35,64,.10) !important;
  border-color: rgba(11,35,64,.18) !important;
}
.jc-step__num {
  font-family: 'Anton', 'Oswald', sans-serif !important;
  background: linear-gradient(135deg, #ffcc33, #ffd859) !important;
  color: #0b2340 !important;
}
.jc-step__icon {
  background: rgba(255,204,51,.14) !important;
  color: #c89b3c !important;
}

/* === ROLES === */
.jc-roles { background: var(--ic-paper, #fbf9f4) !important; }
.jc-role {
  background: #fff !important;
  border: 1px solid rgba(11,35,64,.08) !important;
  border-radius: 14px !important;
  transition: all 200ms ease !important;
}
.jc-role:hover {
  border-color: #ffcc33 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(11,35,64,.10) !important;
}
.jc-role__icon {
  background: rgba(30,58,138,.10) !important;
  color: #1e3a8a !important;
}

/* === CARDS marketplace === */
.jc-card {
  background: #fff !important;
  border: 1px solid rgba(11,35,64,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(11,35,64,.04) !important;
  transition: all 200ms ease !important;
  padding: 18px !important;
}
.jc-card:hover {
  border-color: rgba(11,35,64,.18) !important;
  box-shadow: 0 6px 16px rgba(11,35,64,.10) !important;
}
.jc-card__name {
  font-family: 'Oswald', system-ui, sans-serif !important;
  font-weight: 600 !important;
  color: #0b2340 !important;
  letter-spacing: -.005em !important;
}
.jc-card__role {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #1465a3 !important;
}
.jc-card__verified {
  color: #15803d !important;
  font-weight: 600 !important;
}
.jc-card__stars { color: #ffcc33 !important; }
.jc-card__price-coin { color: #c89b3c !important; }
.jc-card__cta {
  background: #1e3a8a !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 700 !important;
  border: 0 !important;
  padding: 10px 16px !important;
  transition: all 200ms ease !important;
}
.jc-card__cta:hover {
  background: #1e40af !important;
  transform: translateY(-1px) !important;
}

/* === TAG === */
.jc-tag {
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-size: 10px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  padding: 3px 8px !important;
}
.jc-tag--gold {
  background: rgba(255,204,51,.16) !important;
  color: #c89b3c !important;
}

/* === ECONOMY === */
.jc-economy { background: var(--ic-paper, #fbf9f4) !important; }
.jc-economy__bullet { color: #ffcc33 !important; }
.jc-economy__visual { color: #1465a3 !important; }

/* === FINAL CTA === */
.jc-final {
  background: linear-gradient(135deg, #0b2340 0%, #06182d 100%) !important;
  color: #fff !important;
  position: relative !important;
  overflow: hidden !important;
}
.jc-final::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 50% 50%, rgba(255,204,51,.10) 0%, transparent 60%) !important;
  pointer-events: none !important;
}

/* === FOOTER === */
.jc-footer {
  background: #06182d !important;
  border-top: 1px solid rgba(255,204,51,.15) !important;
  color: rgba(255,255,255,.7) !important;
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
}
.jc-footer__logo {
  font-family: 'Anton', 'Oswald', sans-serif !important;
  color: #ffcc33 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em !important;
}

/* === FORM (per pagine secondarie) === */
.jc-input,
.lavoro-servizi input[type="text"],
.lavoro-servizi input[type="email"],
.lavoro-servizi textarea {
  border: 1.5px solid rgba(11,35,64,.14) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 15px !important;
  transition: border-color 200ms ease !important;
}
.jc-input:focus,
.lavoro-servizi input:focus,
.lavoro-servizi textarea:focus {
  outline: none !important;
  border-color: #1e3a8a !important;
  box-shadow: 0 0 0 3px rgba(30,58,138,.12) !important;
}