/* Solar Purple Button Styling - Global Button Color Change */

/* Target all UAGB buttons */
.wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link,
.uagb-buttons-repeater.wp-block-button__link {
    background: #5A0B44 !important;
    border: 2px solid #5A0B44 !important;
    color: white !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

/* Hover effect for all solar purple buttons */
.wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link:hover,
.uagb-buttons-repeater.wp-block-button__link:hover {
    background: #4A0937 !important;
    border-color: #4A0937 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 15px rgba(90, 11, 68, 0.3) !important;
    color: white !important;
}

/* Active state for all solar purple buttons */
.wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link:active,
.uagb-buttons-repeater.wp-block-button__link:active {
    background: #3E072E !important;
    transform: translateY(0) !important;
    color: white !important;
}

/* Focus state for accessibility */
.wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link:focus,
.uagb-buttons-repeater.wp-block-button__link:focus {
    outline: 3px solid rgba(90, 11, 68, 0.5) !important;
    outline-offset: 2px !important;
    color: white !important;
}

/* Ensure button text remains white and visible */
.wp-block-uagb-buttons .uagb-button__link,
.uagb-button__link {
    color: white !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* Target standard WordPress buttons */
.wp-block-button__link,
.wp-block-button .wp-block-button__link,
.button,
.btn,
input[type="submit"],
input[type="button"] {
    background: #5A0B44 !important;
    border: 2px solid #5A0B44 !important;
    color: white !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

/* Hover effect for standard buttons */
.wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:hover,
.button:hover,
.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: #4A0937 !important;
    border-color: #4A0937 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 15px rgba(90, 11, 68, 0.3) !important;
    color: white !important;
}

/* Active state for standard buttons */
.wp-block-button__link:active,
.wp-block-button .wp-block-button__link:active,
.button:active,
.btn:active,
input[type="submit"]:active,
input[type="button"]:active {
    background: #3E072E !important;
    transform: translateY(0) !important;
    color: white !important;
}

/* Focus state for standard buttons */
.wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:focus,
.button:focus,
.btn:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
    outline: 3px solid rgba(90, 11, 68, 0.5) !important;
    outline-offset: 2px !important;
    color: white !important;
}

/* Target SureCart buttons */
.sc-button,
.sc-btn,
.sc-cart-button,
.sc-checkout-button {
    background: #5A0B44 !important;
    border: 2px solid #5A0B44 !important;
    color: white !important;
    transition: all 0.3s ease !important;
}

.sc-button:hover,
.sc-btn:hover,
.sc-cart-button:hover,
.sc-checkout-button:hover {
    background: #4A0937 !important;
    border-color: #4A0937 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 15px rgba(90, 11, 68, 0.3) !important;
    color: white !important;
}

/* Target form submit buttons */
form input[type="submit"],
form button[type="submit"],
.submit-btn {
    background: #5A0B44 !important;
    border: 2px solid #5A0B44 !important;
    color: white !important;
    transition: all 0.3s ease !important;
}

form input[type="submit"]:hover,
form button[type="submit"]:hover,
.submit-btn:hover {
    background: #4A0937 !important;
    border-color: #4A0937 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 15px rgba(90, 11, 68, 0.3) !important;
    color: white !important;
}

/* Target navigation buttons */
.nav-button,
.menu-button,
.navigation-button {
    background: #5A0B44 !important;
    border: 2px solid #5A0B44 !important;
    color: white !important;
    transition: all 0.3s ease !important;
}

.nav-button:hover,
.menu-button:hover,
.navigation-button:hover {
    background: #4A0937 !important;
    border-color: #4A0937 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 15px rgba(90, 11, 68, 0.3) !important;
    color: white !important;
}

/* Target any remaining button classes */
a[class*="button"],
a[class*="btn"] {
    background: #5A0B44 !important;
    border: 2px solid #5A0B44 !important;
    color: white !important;
    transition: all 0.3s ease !important;
}

a[class*="button"]:hover,
a[class*="btn"]:hover {
    background: #4A0937 !important;
    border-color: #4A0937 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 15px rgba(90, 11, 68, 0.3) !important;
    color: white !important;
}

/* Ensure text in all buttons is white and readable */
.wp-block-button__link,
.uagb-button__link,
.button,
.btn,
input[type="submit"],
input[type="button"],
.sc-button,
.sc-btn,
a[class*="button"],
a[class*="btn"] {
    color: white !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    font-weight: 600 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link:hover,
    .uagb-buttons-repeater.wp-block-button__link:hover,
    .wp-block-button__link:hover,
    .button:hover,
    .btn:hover {
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 8px rgba(90, 11, 68, 0.3) !important;
    }
}