/* =========================
   Boz Product Blocks Styles
   Unified stylesheet for:
   - .boz-product-header
   - .boz-product-price-download
   ========================= */

/* Section wrappers: force white text for everything in these blocks */
.boz-product-header,
.boz-product-price-download {
  color: #ffffff !important;
}

/* Logo and main image */
.boz-product-header .product-logo,
.boz-product-header .product-image,
.boz-product-price-download .product-logo,
.boz-product-price-download .product-image {
  text-align: center;
  margin: 1.5rem 0;
}

.boz-product-header .product-logo img,
.boz-product-price-download .product-logo img {
  width: var(--logo-width) !important;
  height: auto !important;
  max-width: none !important;
  display: inline-block;
}

.boz-product-header .product-image img,
.boz-product-price-download .product-image img {
  width: var(--image-width);
  height: auto;
  display: inline-block;
}

/* Price block: keep price teal while section text is white */
.boz-product-header .product-price,
.boz-product-price-download .product-price {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 1.5rem 0;
  color: #1a9594 !important;
}

/* Amount styling */
.boz-product-header .product-price .woocommerce-Price-amount,
.boz-product-price-download .product-price .woocommerce-Price-amount {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
}

/* Regular price (strikethrough) */
.boz-product-header .product-price del .woocommerce-Price-amount,
.boz-product-price-download .product-price del .woocommerce-Price-amount {
  opacity: 0.9;
  font-weight: 400;
}

/* Sale price underline fix */
.boz-product-header .product-price ins,
.boz-product-price-download .product-price ins {
  text-decoration: none !important;
}

/* Button groups: flex row, centered, wrapped */
.boz-product-header .wp-block-buttons,
.boz-product-price-download .wp-block-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 1rem 0;
  text-align: center;
}

/* Individual buttons: spacing handled by gap */
.boz-product-header .wp-block-button,
.boz-product-price-download .wp-block-button {
  margin: 0;
}

/* Base button styling (outline default) */
.boz-product-header .wp-block-button__link,
.boz-product-price-download .wp-block-button__link {
  padding: 0.65rem 1.75rem;
  border-radius: 25px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  border-width: 2px;
  border-style: solid;
  border-color: #1a9594;
  color: #1a9594;
  background: transparent;
  box-sizing: border-box;
  transition: all 0.12s ease;
  text-decoration: none !important;
}

/* Ensure links inside buttons don't get underlined or recolored by theme */
.boz-product-header .wp-block-button__link,
.boz-product-price-download .wp-block-button__link {
  text-decoration: none !important;
}

/* Hover for outline buttons (default outline -> filled teal) */
.boz-product-header .wp-block-button__link:hover,
.boz-product-price-download .wp-block-button__link:hover {
  background: #1a9594;
  color: #000;
  border-color: #1a9594;
}

/* =========================
   BUY NOW (primary CTA)
   Filled teal background with white text
   Targets anchors that include add-to-cart and any .buy-now class
   ========================= */

/* Primary selectors with high specificity to beat theme rules */
.boz-product-header .wp-block-button a[href*="add-to-cart"],
.boz-product-price-download .wp-block-button a[href*="add-to-cart"],
.boz-product-header .wp-block-button a.buy-now,
.boz-product-price-download .wp-block-button a.buy-now,
.boz-product-header .wp-block-button button.buy-now,
.boz-product-price-download .wp-block-button button.buy-now {
  background: #1a9594 !important;
  border-color: #1a9594 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* BUY NOW hover (slightly darker) */
.boz-product-header .wp-block-button a[href*="add-to-cart"]:hover,
.boz-product-price-download .wp-block-button a[href*="add-to-cart"]:hover,
.boz-product-header .wp-block-button a.buy-now:hover,
.boz-product-price-download .wp-block-button a.buy-now:hover,
.boz-product-header .wp-block-button button.buy-now:hover,
.boz-product-price-download .wp-block-button button.buy-now:hover {
  background: #157a79 !important;
  border-color: #157a79 !important;
  color: #ffffff !important;
}

/* =========================
   TRY FOR FREE (secondary CTA)
   White text with white outline on dark background, inverts on hover
   Targets .open-login-popup and common variants
   ========================= */

/* Primary Try for Free selectors (anchor or button) */
.boz-product-header .wp-block-button a.open-login-popup,
.boz-product-price-download .wp-block-button a.open-login-popup,
.boz-product-header .wp-block-button button.open-login-popup,
.boz-product-price-download .wp-block-button button.open-login-popup,
.boz-product-header .wp-block-button .open-login-popup,
.boz-product-price-download .wp-block-button .open-login-popup {
  background: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  padding: 0.65rem 1.75rem;
  border-radius: 25px;
  text-decoration: none !important;
  display: inline-block;
  font-weight: 600;
  box-sizing: border-box;
}

/* Try for Free hover: invert to white background with teal text */
.boz-product-header .wp-block-button a.open-login-popup:hover,
.boz-product-price-download .wp-block-button a.open-login-popup:hover,
.boz-product-header .wp-block-button button.open-login-popup:hover,
.boz-product-price-download .wp-block-button button.open-login-popup:hover,
.boz-product-header .wp-block-button .open-login-popup:hover,
.boz-product-price-download .wp-block-button .open-login-popup:hover {
  background: #ffffff !important;
  color: #1a9594 !important;
  border-color: #ffffff !important;
}

/* If Try for Free is rendered as a generic link without the class, target by visible text fallback (less ideal) */
/* Uncomment only if necessary and adjust the text to match exact label */
/*
.boz-product-header .wp-block-button a:contains("Try for Free"),
.boz-product-price-download .wp-block-button a:contains("Try for Free") {
  background: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}
*/

/* Messages and small text */
.boz-product-header .trial-message,
.boz-product-price-download .trial-message {
  text-align: center;
  margin: 0.5rem 0 1rem 0;
  color: #ffffff !important;
}

.boz-product-header .owned-message,
.boz-product-price-download .owned-message {
  text-align: center;
  margin: 1.5rem 0;
  color: #ffffff !important;
}

/* Tagline (header only) */
.boz-product-header .tagline {
  text-align: center;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 1rem auto 1.5rem auto;
  max-width: 900px;
  color: #ffffff !important;
}

/* Accessibility and smoothing */
body .boz-product-header .wp-block-button .open-login-popup,
body .boz-product-price-download .wp-block-button .open-login-popup {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Utility: ensure price links (if any) keep teal color */
.boz-product-header .product-price a,
.boz-product-price-download .product-price a {
  color: #1a9594 !important;
  text-decoration: none !important;
}

/* Final specificity guard: if theme still overrides, these rules will win */
.boz-product-header *:not(.product-price),
.boz-product-price-download *:not(.product-price) {
  color: inherit !important;
}
