/* ==========================================================================
   KK IT Solutions — corrections to the delivered design CSS

   css/style.css is the designer's file and is kept exactly as delivered, so
   it stays diffable against the original. Genuine defects found in it are
   corrected here instead, each with a note on what was wrong.

   Loaded after style.css and responsive.css.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. The number badge on the two-up cards vanished on hover
      (About page — Mission & Vision)

   .usp-card:hover .usp-card__num          sets background: accent, color: #fff
   .grid--2 > .usp-card .usp-card__num     sets background: #fff

   Both are three classes, so specificity ties and the later rule wins the
   background — leaving a white pill with white text, and the "01" invisible.
   The second card escaped it only because its :nth-child(2n) rule re-sets
   the colour at a higher specificity.

   The two-up variant deliberately wants a white pill on a tinted card, so
   the fix restores the dark text rather than the orange fill.
   -------------------------------------------------------------------------- */
.grid--2 > .usp-card:hover .usp-card__num {
  color: var(--accent-deep);
}
.grid--2 > .usp-card:nth-child(2n):hover .usp-card__num {
  color: #B4700E;
}