/* Interaction styles of the Django port where the React screens set inline styles from mouse handlers
 * (onMouseEnter / onMouseLeave): the hover values are passed as custom properties on the element. */
.tk-lift-card:hover { transform: translateY(-4px); box-shadow: var(--tk-lift-shadow) !important; }
.tk-hover-bg:hover { background: var(--tk-hover-bg) !important; }
.tk-zoom-img:hover { transform: scale(1.05); box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important; }
.tk-lift:hover { transform: translateY(-2px); }
.tk-grow:hover { transform: scale(1.02); }
.tk-hover-brand:hover { color: #00944D !important; border-color: #00944D !important; }
.tk-lift-shadow:hover { transform: translateY(-2px); box-shadow: var(--tk-lift-shadow) !important; }
.tk-news-loc:hover { color: #1890ff !important; text-decoration: underline; }
.tk-lift-8:hover { transform: translateY(-8px); }
.tk-hover-shadow:hover { box-shadow: var(--tk-shadow) !important; }

/* editProfile.js: password modal Cancel hover (set from mouse handlers in React) */
.tk-pw-cancel:not(:disabled):hover { color: #00944D !important; border-color: #00944D !important; }