/* ================================================================
   BOOLYMON v80 -- ADDITIONS CSS
   Purely additive. Does not override any existing v78 rules.
   ================================================================ */

/* -- 1. VIDEO EMBED -- removed in v93 (replaced by Spotify widget) */

/* -- 2. CART TOAST ------------------------------------------------ */
#cb-v80-toast {
  position: fixed;
  bottom: 1.8rem;
  right: 1.8rem;
  z-index: 99999;
  display: none;               /* shown via class */
  padding: .65rem 1.4rem;
  background: var(--cb-menu-green, #23a393);
  color: #fff;
  font-family: 'JetBrains Mono', monospace;
  font-size: .57rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  border-radius: 20px;
  box-shadow: 0 4px 18px rgba(0,0,0,.22);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .28s ease, transform .28s ease;
  pointer-events: none;
  white-space: nowrap;
}
#cb-v80-toast.cb-toast-show {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 480px) {
  #cb-v80-toast { left: 1rem; right: 1rem; bottom: 1rem; border-radius: 14px; }
}

/* -- 3. START SHOPPING BUTTON -- matches site-standard button style -- */
/* Standard site buttons: white bg, palette-colour border+text, pill shape.
   On hover: palette-colour fill, white text. Matches every other button. */
.woocommerce-cart .return-to-shop .button,
.woocommerce .woocommerce-info a.button,
.woocommerce .woocommerce-message a.button {
  background: #fff !important;
  color: var(--cb-right-pill-base, #ff4fa3) !important;
  border: 1px solid var(--cb-right-pill-base, #ff4fa3) !important;
  border-radius: 18px !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: var(--cb-font-small, .57rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: .80rem 1.85rem !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background .25s, color .25s, border-color .25s, box-shadow .25s !important;
  text-decoration: none !important;
}
.woocommerce-cart .return-to-shop .button:hover,
.woocommerce .woocommerce-info a.button:hover,
.woocommerce .woocommerce-message a.button:hover {
  background: var(--cb-right-pill-base, #ff4fa3) !important;
  color: #fff !important;
  border-color: var(--cb-right-pill-base, #ff4fa3) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.10) !important;
}

/* -- 4. PASSWORD EYE -- CSS fallback ------------------------------- */
/* JS in footer.php handles this dynamically; CSS is a safe fallback */
.woocommerce-account .woocommerce-form-row,
.woocommerce-checkout .woocommerce-form-row {
  position: relative;
}

/* -- 5. SESSION-GATE SKIP CLASS ----------------------------------- */
html.cb-skip-gate #cb-star-gate {
  display: none !important;
  visibility: hidden !important;
}

/* -- 6. PRELOAD / PERFORMANCE: skeleton shimmer for images --------- */
.woocommerce ul.products li.product a img {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
}

/* -- 7. STRIPE / GOOGLE PAY button normalisation ------------------- */
#wc-stripe-payment-request-wrapper,
.wc-block-components-express-payment__event-buttons {
  margin-bottom: 1.2rem !important;
}
.stripe-button-el { border-radius: 0 !important; }