/**
 * Global Button Styles for SKM Plugin
 * Ensures all buttons have consistent styling across the entire plugin
 */

/* Global Button Overrides */
.skm-btn,
.button,
input[type="submit"],
button[type="submit"],
.single_add_to_cart_button,
.add_to_cart_button,
.wp-core-ui .button-primary,
.wp-core-ui .button-secondary,
.woocommerce .button,
.woocommerce .single_add_to_cart_button,
.woocommerce .add_to_cart_button {
    background-color: #202020 !important;
    color: white !important;
    border-radius: 50px !important;
    border: none !important;
    padding: 12px 24px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    cursor: pointer !important;
    display: inline-block !important;
    text-align: center !important;
    line-height: 1.4 !important;
}

.skm-btn:hover,
.button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-secondary:hover,
.woocommerce .button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .add_to_cart_button:hover {
    background-color: #333333 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(32, 32, 32, 0.4) !important;
    color: white !important;
}

/* Small button variant */
.skm-btn-small,
.button-small {
    padding: 8px 16px !important;
    font-size: 12px !important;
}

/* Disabled button state */
.skm-btn:disabled,
.button:disabled,
input[type="submit"]:disabled,
button[type="submit"]:disabled {
    background-color: #6c757d !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

.skm-btn:disabled:hover,
.button:disabled:hover,
input[type="submit"]:disabled:hover,
button[type="submit"]:disabled:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Focus states for accessibility */
.skm-btn:focus,
.button:focus,
input[type="submit"]:focus,
button[type="submit"]:focus {
    outline: 2px solid #202020 !important;
    outline-offset: 2px !important;
}

/* Active states */
.skm-btn:active,
.button:active,
input[type="submit"]:active,
button[type="submit"]:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 6px rgba(32, 32, 32, 0.3) !important;
}