/* ===== BUTTON STYLES FIX - CHANGE WHITE TO BLUE ===== */

/* Primary Button Styles */
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

.btn-primary:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

/* Secondary Button Styles */
.btn-secondary,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:hover {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: white !important;
}

.btn-secondary:hover {
    background-color: #545b62 !important;
    border-color: #545b62 !important;
}

/* Success Button Styles */
.btn-success,
.btn-success:focus,
.btn-success:active,
.btn-success:hover {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: white !important;
}

.btn-success:hover {
    background-color: #1e7e34 !important;
    border-color: #1e7e34 !important;
}

/* Info Button Styles */
.btn-info,
.btn-info:focus,
.btn-info:active,
.btn-info:hover {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    color: white !important;
}

.btn-info:hover {
    background-color: #117a8b !important;
    border-color: #117a8b !important;
}

/* Warning Button Styles */
.btn-warning,
.btn-warning:focus,
.btn-warning:active,
.btn-warning:hover {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #212529 !important;
}

.btn-warning:hover {
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
}

/* Danger Button Styles */
.btn-danger,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:hover {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: white !important;
}

.btn-danger:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

/* Light Button Styles */
.btn-light,
.btn-light:focus,
.btn-light:active,
.btn-light:hover {
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
    color: #212529 !important;
}

.btn-light:hover {
    background-color: #e2e6ea !important;
    border-color: #dae0e5 !important;
}

/* Dark Button Styles */
.btn-dark,
.btn-dark:focus,
.btn-dark:active,
.btn-dark:hover {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
    color: white !important;
}

.btn-dark:hover {
    background-color: #23272b !important;
    border-color: #1d2124 !important;
}

/* Outline Button Styles */
.btn-outline-primary,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:hover {
    color: #007bff !important;
    border-color: #007bff !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover {
    color: white !important;
    background-color: #007bff !important;
}

.btn-outline-secondary,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary:hover {
    color: #6c757d !important;
    border-color: #6c757d !important;
    background-color: transparent !important;
}

.btn-outline-secondary:hover {
    color: white !important;
    background-color: #6c757d !important;
}

.btn-outline-success,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-success:hover {
    color: #28a745 !important;
    border-color: #28a745 !important;
    background-color: transparent !important;
}

.btn-outline-success:hover {
    color: white !important;
    background-color: #28a745 !important;
}

.btn-outline-info,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info:hover {
    color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    background-color: transparent !important;
}

.btn-outline-info:hover {
    color: white !important;
    background-color: #17a2b8 !important;
}

.btn-outline-warning,
.btn-outline-warning:focus,
.btn-outline-warning:active,
.btn-outline-warning:hover {
    color: #ffc107 !important;
    border-color: #ffc107 !important;
    background-color: transparent !important;
}

.btn-outline-warning:hover {
    color: #212529 !important;
    background-color: #ffc107 !important;
}

.btn-outline-danger,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger:hover {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
    background-color: transparent !important;
}

.btn-outline-danger:hover {
    color: white !important;
    background-color: #dc3545 !important;
}

/* Large Button Styles */
.btn-lg {
    padding: 0.75rem 1.5rem !important;
    font-size: 1.1rem !important;
    border-radius: 0.5rem !important;
}

/* Small Button Styles */
.btn-sm {
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    border-radius: 0.25rem !important;
}

/* Form Submit Buttons */
input[type="submit"],
button[type="submit"] {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

/* Generic Button Overrides */
button,
.button,
.btn {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

button:hover,
.button:hover,
.btn:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

/* Specific Button Overrides for White Buttons */
.btn-white,
.btn-white:focus,
.btn-white:active,
.btn-white:hover {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

.btn-white:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

/* Payment Option Buttons */
.payment-option {
    border-color: #007bff !important;
}

.payment-option:hover,
.payment-option.selected {
    border-color: #0056b3 !important;
    background-color: #f8f9fa !important;
}

/* Floating Action Buttons */
.floating-action-btn,
.floating-menu-btn {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

.floating-action-btn:hover,
.floating-menu-btn:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

/* Navigation Buttons */
.nav-btn,
.navigation-btn {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

.nav-btn:hover,
.navigation-btn:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

/* Search Buttons */
.search-btn,
.find-services-btn {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

.search-btn:hover,
.find-services-btn:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

/* Action Buttons */
.action-btn,
.action-button {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

.action-btn:hover,
.action-button:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}

/* Override any white backgrounds on buttons */
[style*="background: white"],
[style*="background-color: white"],
[style*="background:white"],
[style*="background-color:white"] {
    background-color: #007bff !important;
    color: white !important;
}

/* Override any white text on buttons */
[style*="color: white"],
[style*="color:white"] {
    color: white !important;
}

/* Force blue color on all buttons */
.btn,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: white !important;
}

/* Specific overrides for problematic elements */
.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Ensure all form buttons are blue */
form button,
form input[type="submit"],
form input[type="button"] {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

/* Override any inline styles */
[style*="background: white"] {
    background-color: #007bff !important;
}

[style*="color: white"] {
    color: white !important;
}

/* Force important on all button styles */
.btn *,
button *,
.button * {
    color: inherit !important;
}

/* Mobile responsive button fixes */
@media (max-width: 768px) {
    .btn,
    button,
    .button {
        padding: 0.75rem 1rem !important;
        font-size: 1rem !important;
    }
}