/* NYSC Enhancements v1.0.1 — additive styles only. */

/* 1. Stale-results notice */
#nysc-stale {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  background: #fff8e6;
  border: 1px solid #f0c75e;
  border-radius: 10px;
  padding: 10px 14px;
  margin: 0 0 14px;
  font-size: 0.95em;
}
#nysc-stale[hidden] { display: none; }
#nysc-stale .ny-btn { white-space: nowrap; }

/* 2. Take-home frequency chips */
.ny-result-mini {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.ny-result-mini > div {
  background: #f2f6fd;
  border: 1px solid #dbe6f7;
  border-radius: 10px;
  padding: 8px 14px;
  text-align: center;
  flex: 1 1 120px;
}
.ny-result-mini strong {
  display: block;
  font-size: 1.05em;
}
.ny-result-mini small {
  color: #5b6b85;
}

/* 3. PFL toggle field — matches the form's .ny-field rhythm */
.nysc-toggle-field label {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  cursor: pointer;
  font-weight: 600;
}
.nysc-toggle-field input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: #005cff;
  flex: none;
}

/* 4. Liability explainer inherits .ny-result-note; slight emphasis */
#nysc-explainer {
  font-size: 0.92em;
  color: #44536b;
}

/* 5. Salary example cards: 4 per row on desktop (user request 2026-10-15).
   Only the column count changes; everything else (tablet/mobile rules,
   spacing, card design) is untouched. */
@media (min-width: 1081px) {
  .ny-examples { grid-template-columns: repeat(4, 1fr); }
}

/* 6. Premium hover (v1.0.7, user request): gentle lift, deeper soft-blue
   shadow, light blue edge, arrow nudge. No color changes, restrained. */
.ny-example, .ny-guide, .ny-tool, .ny-place-card, .ny-compare-card {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ny-example:hover, .ny-guide:hover, .ny-tool:hover, .ny-place-card:hover, .ny-compare-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 38px rgba(0, 70, 160, .13);
  border-color: #b9d4f5;
}
.nysc-arrow { display: inline-block; transition: transform .18s ease; }
.ny-example:hover .nysc-arrow, .ny-guide:hover .nysc-arrow { transform: translateX(4px); }
.ny-tool > b { display: inline-block; transition: transform .18s ease; }
.ny-tool:hover > b { transform: translateX(4px); }

/* 7. Neutralize the theme's global button:hover paint on card-<button>s
   (Kadence paints ALL buttons navy on hover). Cards must stay white —
   lift + shadow only, per user request. */
button.ny-example:hover, button.ny-tool:hover {
  background: #fff !important;
  border-color: #b9d4f5 !important;
  color: var(--ny-navy) !important;
}
button.ny-example:hover .ny-icon-circle {
  background: #edf5ff !important;
  color: var(--ny-blue) !important;
}
button.ny-example:hover span {
  color: var(--ny-muted) !important;
}