/* VisaTier — interaction states for bundled components.
   Components set their resting style inline; these rules add hover/focus/active. */

.vt-btn:hover:not(:disabled) { filter: brightness(0.96); transform: translateY(-1px); }
.vt-btn:active:not(:disabled) { transform: translateY(0) scale(0.985); }
.vt-btn:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }

.vt-input:focus-within { box-shadow: inset 0 0 0 1.5px var(--primary) !important; }
.vt-input input { font: inherit; color: var(--navy-100); background: transparent; border: none; outline: none; width: 100%; }
.vt-input input::placeholder { color: var(--navy-50); }

.vt-card-hover { transition: transform .2s ease, box-shadow .2s ease; }
.vt-card-hover:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }

.vt-link { color: var(--text-link); text-decoration: none; transition: color .15s ease; }
.vt-link:hover { color: var(--primary-hover); }