/* WebKit + <a> tipo botão; hover do menu sem depender do Tailwind. */

button.bg-blue-600,
input[type="submit"].bg-blue-600 {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #2563eb !important;
  color: #fff !important;
}
button.bg-blue-600:hover:not(:disabled),
input[type="submit"].bg-blue-600:hover:not(:disabled) {
  background-color: #1d4ed8 !important;
}
button.bg-blue-600:disabled,
input[type="submit"].bg-blue-600:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

button.bg-green-600,
input[type="submit"].bg-green-600 {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #16a34a !important;
  color: #fff !important;
}
button.bg-green-600:hover:not(:disabled),
input[type="submit"].bg-green-600:hover:not(:disabled) {
  background-color: #15803d !important;
}

button.bg-red-600,
input[type="submit"].bg-red-600 {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #dc2626 !important;
  color: #fff !important;
}
button.bg-red-600:hover:not(:disabled),
input[type="submit"].bg-red-600:hover:not(:disabled) {
  background-color: #b91c1c !important;
}

button.bg-gray-600,
input[type="submit"].bg-gray-600 {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #4b5563 !important;
  color: #fff !important;
}
button.bg-gray-600:hover:not(:disabled),
input[type="submit"].bg-gray-600:hover:not(:disabled) {
  background-color: #374151 !important;
}

button.bg-gray-100,
input[type="submit"].bg-gray-100 {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #f3f4f6 !important;
  color: #374151 !important;
}
button.bg-gray-100:hover:not(:disabled),
input[type="submit"].bg-gray-100:hover:not(:disabled) {
  background-color: #e5e7eb !important;
}

button.bg-white,
input[type="submit"].bg-white {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #fff !important;
  color: #374151 !important;
}
button.bg-white:hover:not(:disabled),
input[type="submit"].bg-white:hover:not(:disabled) {
  background-color: #f3f4f6 !important;
}

button.bg-blue-50,
input[type="submit"].bg-blue-50 {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #eff6ff !important;
  color: #1e40af !important;
}
button.bg-blue-50:hover:not(:disabled),
input[type="submit"].bg-blue-50:hover:not(:disabled) {
  background-color: #3b82f6 !important;
  color: #fff !important;
}

a.bg-blue-600 {
  background-color: #2563eb !important;
  color: #fff !important;
}
a.bg-blue-600:hover {
  background-color: #1d4ed8 !important;
  color: #fff !important;
}

a.bg-green-600 {
  background-color: #16a34a !important;
  color: #fff !important;
}
a.bg-green-600:hover {
  background-color: #15803d !important;
  color: #fff !important;
}

a.bg-red-600 {
  background-color: #dc2626 !important;
  color: #fff !important;
}
a.bg-red-600:hover {
  background-color: #b91c1c !important;
  color: #fff !important;
}

a.bg-gray-600 {
  background-color: #4b5563 !important;
  color: #fff !important;
}
a.bg-gray-600:hover {
  background-color: #374151 !important;
}

a.bg-gray-700 {
  background-color: #374151 !important;
  color: #fff !important;
}
a.bg-gray-700:hover {
  background-color: #4b5563 !important;
}

a.bg-gray-200 {
  background-color: #e5e7eb !important;
  color: #1f2937 !important;
}
a.bg-gray-200:hover {
  background-color: #d1d5db !important;
}

a.bg-green-50 {
  background-color: #f0fdf4 !important;
  color: #166534 !important;
}
a.bg-green-50:hover {
  background-color: #22c55e !important;
  color: #fff !important;
}

.btn-password-toggle {
  color: #6b7280 !important;
  background-color: transparent !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.btn-password-toggle:hover {
  color: #374151 !important;
}

nav[aria-label="Menu principal"] a:not([class*="bg-blue-600"]):hover {
  background-color: #dbeafe !important;
  color: #1e3a8a !important;
}

nav[aria-label="Menu da conta"] a:not([class*="bg-blue-600"]):hover {
  background-color: #dbeafe !important;
  color: #1e3a8a !important;
  border-left-color: #3b82f6 !important;
}

nav[aria-label="Cadastro e acesso"] a:hover {
  background-color: #eff6ff !important;
  border-radius: 0.5rem;
}

nav[aria-label="Cadastro e acesso"] a.text-blue-600:hover {
  color: #1e40af !important;
}

/* Botão hamburger / fechar: área de hover visível */
#menu-toggle:hover,
#menu-close:hover {
  background-color: #f3f4f6 !important;
}