/* =========================================================
   OTHER FLAGS — FLAG CARD HOVER
   CHECKLIST TEXT VISIBILITY FIX ONLY
   ========================================================= */

/* checklist rows remain light, therefore text must stay dark */
html body
.ofs-hover-invert-card:hover
.ofs-support
> div,
html body
.ofs-hover-invert-card:focus-within
.ofs-support
> div{
  color:#21485d !important;

  background:#f4f9fb !important;

  border-color:
    rgba(102,184,215,.18) !important;
}


/* keep checklist circle blue with white tick */
html body
.ofs-hover-invert-card:hover
.ofs-support
> div::before,
html body
.ofs-hover-invert-card:focus-within
.ofs-support
> div::before{
  color:#ffffff !important;
  background:#3b9ec6 !important;
}


/* subtle row hover */
html body
.ofs-hover-invert-card:hover
.ofs-support
> div:hover{
  color:#123c54 !important;

  background:#e7f5fb !important;

  transform:translateX(3px) !important;
}