/* ============================================
   BUTTON FIXES FOR HOMEPAGE
   ============================================ */

/* Fix Contact Me button text visibility */
.hero-cta-button,
a.inline-flex.items-center.justify-center.rounded-lg.bg-\[\#1672ce\] {
  background-color: var(--accent-primary) !important;
  color: white !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  /* Ensure text is always white and visible */
}

.hero-cta-button:hover,
a.inline-flex.items-center.justify-center.rounded-lg.bg-\[\#1672ce\]:hover {
  background-color: var(--accent-hover) !important;
  color: white !important;
}

/* Better targeting for the hero section "Contact Me" button */
section[id="hero"] a[href="#contact"],
section a[href="#contact"].inline-flex {
  background-color: var(--accent-primary) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 0.75rem 1.5rem !important;
  border-radius: 0.5rem !important;
  transition: all 0.2s ease !important;
  box-shadow: var(--shadow-md) !important;
}

section[id="hero"] a[href="#contact"]:hover,
section a[href="#contact"].inline-flex:hover {
  background-color: var(--accent-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--shadow-lg) !important;
}

/* Fix Send Message button centering */
form button[type="submit"],
button.inline-flex.items-center.justify-center {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: fit-content !important;
  background-color: var(--accent-primary) !important;
  color: white !important;
  font-weight: 600 !important;
  padding: 0.75rem 1.5rem !important;
  border-radius: 0.5rem !important;
  transition: all 0.2s ease !important;
}

form button[type="submit"]:hover,
button.inline-flex.items-center.justify-center:hover {
  background-color: var(--accent-hover) !important;
  transform: translateY(-1px) !important;
}

/* Ensure contact form container is centered */
form.flex.flex-col.gap-4 {
  max-width: 100% !important;
}

/* Center email text below form */
form ~ p {
  text-align: center !important;
  width: 100% !important;
}

/* Make sure button text is always visible */
button span.truncate {
  color: white !important;
  font-weight: 600 !important;
}

/* Additional fix for any button with accent background */
.bg-\[\#1672ce\],
[class*="bg-[#1672ce]"] {
  background-color: var(--accent-primary) !important;
}

.bg-\[\#1672ce\] *,
[class*="bg-[#1672ce]"] * {
  color: white !important;
}