:root {
    --pp-public-button-radius: 10px;
}

body :where(
    .wp-block-button__link,
    .wp-element-button,
    .kb-button,
    .wp-block-kadence-singlebtn,
    a.button,
    .pp-action,
    .pp-button,
    .pp-puppies__summary,
    .pp-breed-route-action,
    .pp-breed-direct-button,
    .pp-breed-finder button,
    .pp-breed-finder-contact,
    .pp-breed-finder-available,
    .pp-breed-compare button,
    .pp-breed-compare-primary,
    .pp-breed-compare-secondary,
    .pp-puppy-lightbox footer button,
    .pp-puppy-lightbox footer a
) {
    border-radius: var(--pp-public-button-radius) !important;
    min-height: 44px !important;
}

body form :where(
    button[type="submit"],
    input[type="submit"],
    input[type="button"],
    input[type="reset"]
) {
    border-radius: var(--pp-public-button-radius) !important;
    min-height: 44px !important;
}

/*
 * A dark closing panel uses coral for its first, primary action. Keep the
 * visited state explicit so theme link-history styles cannot restore navy.
 */
body .pp-content-page .pp-content-cta .wp-block-button:not(.is-style-outline) > .wp-block-button__link,
body .pp-content-page .pp-content-cta .wp-block-button:not(.is-style-outline) > .wp-block-button__link:visited,
body .pp-content-page--puppy-advice .pp-advice-closing .pp-advice-actions > .wp-element-button,
body .pp-content-page--puppy-advice .pp-advice-closing .pp-advice-actions > .wp-element-button:visited,
body .pp-content-page--puppy-advice .pp-advice-editorial-cta .pp-advice-actions > .wp-element-button,
body .pp-content-page--puppy-advice .pp-advice-editorial-cta .pp-advice-actions > .wp-element-button:visited {
    background: var(--pp-brand-coral-action);
    border-color: var(--pp-brand-coral-action);
    color: var(--pp-brand-white);
    -webkit-text-fill-color: var(--pp-brand-white);
}

body .pp-content-page .pp-content-cta .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
body .pp-content-page .pp-content-cta .wp-block-button:not(.is-style-outline) > .wp-block-button__link:focus-visible,
body .pp-content-page--puppy-advice .pp-advice-closing .pp-advice-actions > .wp-element-button:hover,
body .pp-content-page--puppy-advice .pp-advice-closing .pp-advice-actions > .wp-element-button:focus-visible,
body .pp-content-page--puppy-advice .pp-advice-editorial-cta .pp-advice-actions > .wp-element-button:hover,
body .pp-content-page--puppy-advice .pp-advice-editorial-cta .pp-advice-actions > .wp-element-button:focus-visible {
    background: var(--pp-brand-coral-action-hover);
    border-color: var(--pp-brand-coral-action-hover);
    color: var(--pp-brand-white);
    -webkit-text-fill-color: var(--pp-brand-white);
}

/*
 * These four homepage elements are non-interactive step markers. Kadence uses
 * button markup for their layout, but they are intentionally circular labels.
 */
body.home span.wp-block-kadence-singlebtn {
    aspect-ratio: 1;
    border-radius: 50% !important;
    height: 64px;
    justify-content: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 64px;
}