/* Button Fixes - Loaded last to ensure styles take precedence */
/* Base button styles with increased specificity */
body .btn-accent,
body .btn.btn-accent,
body .hero-buttons .btn-accent,
body .about-cta .btn-accent,
body .services-cta .btn-accent,
body .nav-cta .btn-accent,
body .nav-item .btn-accent,
body #main-nav .btn-accent,
body .hero .btn-accent,
body .about-section .btn-accent,
body .services-section .btn-accent,
body .portfolio-section .btn-accent,
body .testimonials-section .btn-accent,
body .contact-section .btn-accent,
body .btn-primary,
body .btn.btn-primary,
body a.btn,
body a.btn-accent,
body button.btn,
body button.btn-accent,
body .btn[class*="btn-"],
body a[class*="btn-"],
body button[class*="btn-"] {
    background-color: #497EE6 !important; /* Blue background */
    color: #ffffff !important; /* White text */
    border-color: #497EE6 !important;
    transition: all 0.3s ease !important;
}

/* Hover state with increased specificity */
body .btn-accent:hover,
body .btn.btn-accent:hover,
body .hero-buttons .btn-accent:hover,
body .about-cta .btn-accent:hover,
body .services-cta .btn-accent:hover,
body .nav-cta .btn-accent:hover,
body .nav-item .btn-accent:hover,
body #main-nav .btn-accent:hover,
body .hero .btn-accent:hover,
body .about-section .btn-accent:hover,
body .services-section .btn-accent:hover,
body .portfolio-section .btn-accent:hover,
body .testimonials-section .btn-accent:hover,
body .contact-section .btn-accent:hover,
body .btn-primary:hover,
body .btn.btn-primary:hover,
body a.btn:hover,
body a.btn-accent:hover,
body button.btn:hover,
body button.btn-accent:hover,
body .btn[class*="btn-"]:hover,
body a[class*="btn-"]:hover,
body button[class*="btn-"]:hover {
    background-color: #ffffff !important; /* White on hover */
    color: #497EE6 !important; /* Blue text on hover */
    border-color: #497EE6 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* Active and focus states with increased specificity */
body .btn-accent:active,
body .btn-accent:focus,
body .btn.btn-accent:active,
body .btn.btn-accent:focus,
body .btn-primary:active,
body .btn-primary:focus,
body .btn[class*="btn-"]:active,
body .btn[class*="btn-"]:focus,
body a[class*="btn-"]:active,
body a[class*="btn-"]:focus,
body button[class*="btn-"]:active,
body button[class*="btn-"]:focus {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2) !important;
}

/* Ensure text remains white in all states */
.btn-accent,
.btn-accent:active,
.btn-accent:focus,
.btn-accent:visited,
.btn-accent:focus-visible {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Override any conflicting styles from other CSS files */
[class*="btn-accent"],
[class*="btn-accent"]:hover,
[class*="btn-accent"]:active,
[class*="btn-accent"]:focus {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}