/**
 * SurgeryBD — unified button & CTA hover states
 * Brand: #009E87 · hover: #007a68 · ghost: rgba(0, 158, 135, 0.08)
 * No shadow/scale hovers (per brand guidelines).
 */

/* Ghost / pill hovers — primary-50 is cream and invisible on cream backgrounds */
.hover\:bg-primary-50:hover {
	background-color: rgba(0, 158, 135, 0.08) !important;
}

.hover\:bg-primary-200:hover {
	background-color: rgba(0, 158, 135, 0.14) !important;
}

.dark .dark\:hover\:bg-primary-950\/40:hover,
.dark .dark\:hover\:bg-primary-950\/50:hover {
	background-color: rgba(0, 158, 135, 0.14) !important;
}

/* Outline primary buttons — green tint instead of flat gray in dark mode */
.dark :where(a, button).border-primary-600.dark\:hover\:bg-gray-700:hover,
.dark :where(a, button)[class*='border-primary-600'][class*='dark:hover:bg-gray-700']:hover {
	background-color: rgba(0, 158, 135, 0.14) !important;
}

/* Outline + light ghost hover */
:where(a, button).border-primary-600.hover\:bg-primary-50:hover {
	background-color: rgba(0, 158, 135, 0.08) !important;
	border-color: #009e87 !important;
	color: #007a68 !important;
}

.dark :where(a, button).border-primary-600.hover\:bg-primary-50:hover {
	background-color: rgba(0, 158, 135, 0.14) !important;
	color: #b8e6de !important;
}

/* Neutral secondary buttons — softer gray hover */
.hover\:bg-gray-50:hover {
	background-color: #f8faf9 !important;
}

.dark .dark\:hover\:bg-gray-700:hover {
	background-color: rgba(255, 255, 255, 0.06) !important;
}

.dark .dark\:hover\:bg-gray-900\/70:hover {
	background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Remove shadow growth on button/link hover */
:where(a, button)[class*='hover:shadow']:hover {
	box-shadow: none !important;
}

/* WhatsApp CTAs — keep green family, avoid harsh default green-700 */
:where(a, button).bg-green-600:hover,
.hover\:bg-green-700:hover {
	background-color: #059669 !important;
}