/* The button's look on WordPress, loaded after the shared baetes-vah-button.css
   (which this plugin must not edit: it is copied in by
   integrations/shared/vah-button/sync.sh).

   Like Shopify, the button wears the theme's own add-to-cart button: the init
   script copies its classes and computed look across and drops the
   `--unmatched` class. Everything below is only for a page with no
   add-to-cart button to copy (a block theme's product without one, a sold-out
   product), so it takes the block theme's colour presets, falling back to
   black and white. */

[data-baetes-vah] {
  --baetes-vah-icon: url('vah-logo-white.png');
}

[data-baetes-vah] .baetes-vah-button--unmatched {
  padding: 0.667em 1.333em;
  background-color: var(--wp--preset--color--black, #000000);
  color: var(--wp--preset--color--white, #ffffff);
  border: 1px solid var(--wp--preset--color--black, #000000);
  border-radius: 4px;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
}

[data-baetes-vah] .baetes-vah-button--unmatched:hover {
  background-color: var(--wp--preset--color--contrast, #333333);
  border-color: var(--wp--preset--color--contrast, #333333);
  color: var(--wp--preset--color--white, #ffffff);
}