/* ONX Buttons Patch - Fix ghost/secondary buttons to stay black on hover */

.onx-btn,
.onx-button,
.button,
.wp-element-button {
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Primary (red) – unchanged */
.onx-btn--primary {
	background:#e50000;
	color:#fff;
	border:1px solid #e50000;
}
.onx-btn--primary:hover {
	background:#b40000;
	border-color:#b40000;
	color:#fff;
}

/* Secondary / Ghost (black) – keep black on hover */
.onx-btn--ghost,
.onx-btn--secondary,
a.onx-btn--ghost,
button.onx-btn--ghost {
	background:#0b0b0b;
	color:#fff;
	border:1px solid rgba(255,255,255,0.18);
}
.onx-btn--ghost:hover,
.onx-btn--secondary:hover,
a.onx-btn--ghost:hover,
button.onx-btn--ghost:hover {
	background:#0b0b0b;            /* do NOT flip to red */
	color:#fff;
	border-color:rgba(255,255,255,0.28);
	box-shadow: 0 0 0 2px rgba(229,0,0,0.15) inset; /* subtle focus feel without red fill */
}

/* If contact buttons are plain .button or .wp-element-button, scope them as ghost */
a.button.contact,
.contact .wp-element-button {
	background:#0b0b0b !important;
	color:#fff !important;
	border:1px solid rgba(255,255,255,0.18) !important;
}
a.button.contact:hover,
.contact .wp-element-button:hover {
	background:#0b0b0b !important;
	color:#fff !important;
	border-color:rgba(255,255,255,0.28) !important;
}