/*
 Theme Name:   PBS 2025
 Theme URI:    https://www.premiumbovinesolutions.com/
 Description:  Child Theme for Premium Bovine Solutions
 Author:       markv
 Author URI:   https://www.premiumbovinesolutions.com/
 Template:     generatepress
 Version:      0.0.1
 License:      Commercial
 Text Domain:  pbs25
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
*/

/* Brandon_Grotesque_thin */
@font-face {
  font-display: swap; 
  font-family: 'Brandon Grotesque Thin';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.premiumbovinesolutions.com/pbs25/fonts/Brandon_Grotesque_thin.otf') format('opentype'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* ---------------------------------------------------------------------------
   Breeding data link on lot pages.

   Replaces the old AWA / ABRI <iframe> embeds. Both providers sit behind a
   Cloudflare managed challenge served with X-Frame-Options: SAMEORIGIN, so
   they cannot be framed and showed a grey "refused to connect" box on 110
   lots. Rendered by pbs_breeding_data_button() in functions.php.

   Styling deliberately matches the "Make An Offer" button on the same page.
   --------------------------------------------------------------------------- */
.pbs-breeding-link__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0.25em 0 1.25em;
  padding: 14px 24px;
  border-radius: 50px;
  background: var(--accent, #111111);
  color: var(--base-3, #ffffff);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.pbs-breeding-link__btn:hover,
.pbs-breeding-link__btn:focus-visible {
  color: var(--base-3, #ffffff);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22);
}

.pbs-breeding-link__icon {
  font-size: 1.1em;
  line-height: 1;
}

@media screen and (max-width: 480px) {
  .pbs-breeding-link__btn {
    width: 100%;
    justify-content: center;
  }
}

@media screen and (max-width: 480px) {

}