/**
 * Winix 3-Tier Button System
 *
 * Primary:    Blue bg, white text, purple hover — defined in theme.json (default)
 * Secondary:  Purple bg, white text, blue hover
 * Tertiary:   Outline, primary border/text, fills on hover
 * Quaternary: Purple bg, white text, white bg + purple text on hover
 *
 * @package Winix_2026
 * @since 1.0.0
 */

/* --- Secondary: Purple bg, blue hover --- */
.wp-block-button.is-style-secondary .wp-block-button__link {
    background-color: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--white) !important;
    transition: background-color 0.3s ease;
}

.wp-block-button.is-style-secondary .wp-block-button__link:hover,
.wp-block-button.is-style-secondary .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--primary) !important;
}

/* --- Tertiary: Outline, fills on hover --- */
.wp-block-button.is-style-tertiary .wp-block-button__link {
    background-color: transparent !important;
    color: var(--wp--preset--color--primary) !important;
    border: 2px solid var(--wp--preset--color--primary);
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

.wp-block-button.is-style-tertiary .wp-block-button__link:hover,
.wp-block-button.is-style-tertiary .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--white) !important;
}

/* --- Quaternary: Purple bg, white text, reverses on hover --- */
.wp-block-button.is-style-quaternary .wp-block-button__link {
    background-color: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--white) !important;
    border: 2px solid var(--wp--preset--color--secondary);
    font-size: 1.5rem;
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

.wp-block-button.is-style-quaternary .wp-block-button__link:hover,
.wp-block-button.is-style-quaternary .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--secondary) !important;
}

/* --- Dark: Dark gray bg, white text, uppercase, fills primary on hover --- */
.wp-block-button.is-style-dark .wp-block-button__link {
    display: inline-flex;
    justify-content: center;
    min-width: 50%;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 40px;
    background-color: var(--wp--preset--color--dark-gray) !important;
    color: var(--wp--preset--color--white) !important;
    border: 1px solid var(--wp--preset--color--dark-gray);
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease;
}

.wp-block-button.is-style-dark .wp-block-button__link:hover,
.wp-block-button.is-style-dark .wp-block-button__link:focus {
    background-color: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary);
}