(/* Custom reaction button overrides - ensures visibility across light/dark themes */)

/* Make outline (unselected) reaction buttons show a black border and icon on hover/focus
   so the thumb icon is visible even when the default border is light/white. */
.movie-reaction-btn.btn-outline-light:hover,
.movie-reaction-btn.btn-outline-light:focus {
	border-color: #000 !important;
	color: #000 !important;
	background-color: #f8f9fa !important;
}
.movie-reaction-btn.btn-outline-light:hover i,
.movie-reaction-btn.btn-outline-light:focus i {
	color: #000 !important;
}

/* Support active outline-danger for dislike so icon/border use danger color (not white). */
.movie-dislike-btn.active.btn-outline-danger {
	background-color: transparent !important;
	border-color: #dc3545 !important;
	color: #dc3545 !important;
}
.movie-dislike-btn.active.btn-outline-danger i {
	color: #dc3545 !important;
}

/* Support active outline-primary for like if needed (keeps icon colored primary when using outline variant) */
.movie-like-btn.active.btn-outline-primary {
	background-color: transparent !important;
	border-color: #007bff !important;
	color: #007bff !important;
}
.movie-like-btn.active.btn-outline-primary i {
	color: #007bff !important;
}