/* ==========================================================================
   Radiant Living Family Care — Interaction States (rl-iN)
   Extracted verbatim from DESIGN-REFERENCE/src/styles.css
   ========================================================================== */

.rl-i1:hover { color: #FBF8F3 !important; }
.rl-i2:hover { color: #16242F !important; }
.rl-i3:hover { background: #F1EADE !important; color: #16242F !important; }
.rl-i4:hover { border-color: #1F3343 !important; color: #16242F !important; }
.rl-i5:hover { background: #8E4C31 !important; color: #FBF8F3 !important; }
.rl-i6:hover { background: #C77A56 !important; color: #FBF8F3 !important; }
.rl-i7:hover { background: rgba(251, 248, 243, 0.1) !important; border-color: #FBF8F3 !important; color: #FBF8F3 !important; }
.rl-i8:hover { border-color: #1F3343 !important; background: #F1EADE !important; color: #16242F !important; }
.rl-i9:hover { background: #26404F !important; }
.rl-i10:hover { transform: translateY(-3px) !important; box-shadow: 0 20px 44px -26px rgba(22, 36, 47, 0.5) !important; color: #16242F !important; }
.rl-i11:hover { transform: translateY(-3px) !important; box-shadow: 0 20px 44px -26px rgba(22, 36, 47, 0.7) !important; color: #FBF8F3 !important; }
.rl-i12:hover { transform: scale(1.05) !important; }
.rl-i13:hover { border-color: #1F3343 !important; background: rgba(255, 255, 255, 0.5) !important; }
.rl-i14:hover { border-color: #8E4C31 !important; transform: translateY(-2px) !important; }
.rl-i15:hover { background: #F1EADE !important; }
.rl-i16:hover { border-color: #1F3343 !important; }
.rl-i17:hover { transform: translateY(-3px) !important; color: #FBF8F3 !important; }
.rl-i18:hover { border-color: #8E4C31 !important; }
.rl-i19:hover { transform: scale(1.06) !important; }
.rl-i20:focus { border-color: #8E4C31 !important; }
.rl-i21:hover { color: #8E4C31 !important; }
.rl-i22:hover { transform: translateY(-2px) !important; color: #FBF8F3 !important; }
.rl-i23:focus { border-color: #8E4C31 !important; background: #FFFFFF !important; }
.rl-i24:hover { background: #8E4C31 !important; }
.rl-i25:hover { border-color: #FBF8F3 !important; background: rgba(251, 248, 243, 0.07) !important; color: #FBF8F3 !important; }