/* care-items-patch.css
   Purpose: reconcile the existing .care-grid tile styling (built around
   colored-square + white Font-Awesome-glyph icons) with the new full-color
   circular SVG icon set. Load this AFTER home-reference.css so it wins the
   cascade without needing to touch/guess at the original file's rules.
*/

/* Outer tile: one consistent card instead of alternating per-item pastel backgrounds */
.care-grid [data-care-item] {
  background: #ffffff !important;
  border: 1px solid #e7edf3 !important;
  box-shadow: 0 1px 2px rgba(16, 40, 64, 0.04) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.care-grid [data-care-item]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(16, 40, 64, 0.08) !important;
}

/* Icon wrapper: strip the old solid-color chip so the SVG's own pale
   circular backdrop is the only badge behind the glyph */
.care-grid [data-care-item] span {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.care-grid [data-care-item] span img {
  width: 56px;
  height: 56px;
  display: block;
  filter: none !important; /* guard against any invert()/brightness() rule aimed at FA glyphs */
}

/* Label stays legible on the new white card background */
.care-grid [data-care-item] strong {
  color: #123a52 !important;
}

/* Icon: deep brand navy so glyphs read clearly on all pastel backgrounds */
.care-grid [data-care-item] span i {
  color: #043653 !important;
}

/* Stronger contrast: per-background icon color tuning */
.care-tabs .care-grid a:nth-child(4n+1) span i { color: #1e3a8a !important; } /* blue card  → dark blue  */
.care-tabs .care-grid a:nth-child(4n+2) span i { color: #065f46 !important; } /* green card → dark green */
.care-tabs .care-grid a:nth-child(4n+3) span i { color: #78350f !important; } /* yellow card→ dark amber */
.care-tabs .care-grid a:nth-child(4n)   span i { color: #312e81 !important; } /* purple card→ dark indigo */