/*
GPRO CSS: Button Styles (opt-in)
Description: Sitewide button styling built on the design tokens. Shipped commented-out and inert — uncomment the rules below to activate, then adjust colors per project.
Classes: .et_pb_button, .et_pb_more_button, .woocommerce .button
Apply: This is opt-in via the CSS file itself, not via a Divi class. To activate, copy the rules from buttons.css into your child theme's style.css (or to the uploads override copy) and uncomment them. When active, applies globally to all Divi buttons.
Version: 1.0
Order: 90
*/

/* OPT-IN — uncomment the block below to apply sitewide button styling.
   Uses design tokens for spacing, radius, and transitions.
   Default colors use the accent token; adjust per project.

.et_pb_button,
.et_pb_more_button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    display:          inline-block;
    padding:          var(--gpro-btn-padding-y) var(--gpro-btn-padding-x);
    font-size:        var(--gpro-text-sm);
    font-weight:      var(--gpro-weight-medium);
    letter-spacing:   var(--gpro-tracking-wide);
    text-transform:   uppercase;
    text-decoration:  none;
    border:           var(--gpro-btn-border-w, 2px) solid var(--color-accent);
    border-radius:    var(--gpro-radius-sm);
    background-color: var(--color-accent);
    color:            #FFF !important;
    cursor:           pointer;
    box-shadow:       var(--gpro-shadow-0);
    transition:       background-color var(--gpro-transition-fast),
                      border-color var(--gpro-transition-fast),
                      color var(--gpro-transition-fast);
}
.et_pb_button:hover,
.et_pb_more_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: transparent;
    color:            var(--color-accent) !important;
    border-color:     var(--color-accent);
}

*/