/* ==========================================================================
   FunnelKit side-cart (slide-in mini cart) - site-wide tweaks
   FunnelKit's own rules are scoped under `#fkcart-modal` (specificity with an
   id), so both rules below carry the same `#fkcart-modal` prefix to win - a
   plain class selector loses to e.g.
   `#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-title`.
   ========================================================================== */

/* Heading (cart-content title) in bold via CSS, not a <b> in the option value,
   so the setting stays plain text and cannot leak literal tags. */
#fkcart-modal .fkcart-preview-ui .fkcart-slider-heading div.fkcart-title,
#fkcart-modal .fkcart-mini-title {
  font-weight: 700;
}

/* Product line-item title: bold, and no longer a link to the product.
   FunnelKit renders it as `<a class="fkcart-item-title" href="...product...">`.
   The `a.` element bump beats FunnelKit's (1,3,0) rule with (1,3,1).
   pointer-events:none makes it inert (un-clickable) while keeping the markup;
   color:inherit + no underline so it reads as plain bold text, not a link. */
#fkcart-modal .fkcart-item-wrap .fkcart--item a.fkcart-item-title {
  font-weight: 700;
  pointer-events: none;
  cursor: default;
  color: inherit;
  text-decoration: none;
}

/* ===========================================================
   Floating cart bubble vs Blocksy sticky add-to-cart (mobile)
   ===========================================================
   On single product pages Blocksy pins its sticky add-to-cart bar
   (.ct-drawer-canvas > .ct-drawer-inner, 70px tall) at bottom:0.
   FunnelKit's bubble is fixed at bottom:36px with z-index 10999, so it
   sits on top of the bar and covers the right end of the CTA.
   Lift the bubble clear of the bar: 70px bar + 16px breathing room.
   Scoped to product pages because that is the only place the bar exists. */
@media (max-width: 689.98px) {
  body.single-product .fkcart-toggler {
    bottom: 86px !important;
  }
}

/* ===========================================================
   Special Addon (#fkcart-spl-addon)
   ===========================================================
   Template: funnel-builder-pro/modules/cart-for-woocommerce-pro/
             templates/cart/special-addon-html.php
   The heading is rendered as <a class="fkcart-item-title" target="_blank"
   href="{product}">, so both desktop and mobile leak a link out of the cart
   to the addon product page. Same treatment as the cart line items above:
   keep the markup, make it inert. */
#fkcart-spl-addon .fkcart-item-meta a.fkcart-item-title {
  font-weight: 700;
  pointer-events: none;
  cursor: default;
  color: inherit;
  text-decoration: none;
}

/* FunnelKit shrinks the addon thumbnail to 36px on mobile, ignoring the
   60px configured in the cart settings. Nudge it back up a little.
   !important because FunnelKit's own sizing is injected at runtime and
   cannot be beaten on specificity alone. */
@media (max-width: 689.98px) {
  #fkcart-spl-addon .fkcart-spl-addon-image-wrap,
  #fkcart-spl-addon .fkcart-product-image,
  #fkcart-spl-addon .fkcart-product-image img {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
  }
}

/* ===========================================================
   Reward milestone label (progress bar) - stop the 2-line wrap
   ===========================================================
   FunnelKit gives the label `max-width:80px; white-space:normal`, but its
   containing block .fkcart-icon-wrap shrink-wraps to the 36px icon, so the
   shrink-to-fit width lands on 36px and the max-width never applies.
   Japanese breaks between any two characters, so a short label like
   「送料無料」 splits into two lines, exceeds the 46px reserved by
   .fkcart-milestone's padding-bottom, and collides with the first cart
   item's price. One line keeps it inside the reserved space. */
#fkcart-modal .fkcart-milestone .fkcart-label {
  white-space: nowrap;
  max-width: none;
}