/**
 * Kalame Digikala UX — audience-based visibility
 *
 * Digikala-only UI is hidden by default and shown only for Digikala visitors.
 * Digikala visitors: Digify/BWDK UI on, Kalame top banner + WC checkout CTA off.
 * Native visitors: Kalame top banner on, Digify entry UI off.
 */

/* ---------- Digikala-only UI: hidden unless Digikala visitor ---------- */
digify-top-banner,
#bwdk-cart-widget,
#bwdk-checkout-widget,
digify-clickable-box[data-bwdk-context="cart-checkout"],
digify-clickable-box-modal,
digify-clickable-box-modal[data-bwdk-context="product"],
.single-product digify-clickable-box[data-bwdk-context="product"] {
  display: none !important;
}

body.km-visitor-digikala digify-top-banner,
body.km-visitor-digikala #bwdk-cart-widget,
body.km-visitor-digikala #bwdk-checkout-widget,
body.km-visitor-digikala digify-clickable-box[data-bwdk-context="cart-checkout"],
body.km-visitor-digikala digify-clickable-box-modal,
body.km-visitor-digikala digify-clickable-box-modal[data-bwdk-context="product"],
body.km-visitor-digikala .single-product digify-clickable-box[data-bwdk-context="product"] {
  display: revert !important;
}

/* ---------- Digikala audience: hide Kalame chrome ---------- */
body.km-visitor-digikala .header-banner,
body.km-visitor-digikala .header-banner-container,
body.km-visitor-digikala .wd-header-banner,
body.km-visitor-digikala .wc-proceed-to-checkout,
body.km-visitor-digikala a.checkout-button,
body.km-visitor-digikala .checkout-button,
body.km-visitor-digikala .wd-checkout-btn,
body.km-visitor-digikala .wd-cart-checkout {
  display: none !important;
}

/* While cart stock/price validation is pending, block Digify checkout host. */
body.km-cart-guard-pending digify-clickable-box[data-bwdk-context="cart-checkout"],
body.km-cart-guard-pending #bwdk-cart-widget,
body.km-cart-guard-pending #bwdk-checkout-widget {
  pointer-events: none !important;
  opacity: 0.55;
  filter: grayscale(0.2);
}

body.km-cart-guard-pending .km-digikala-ux-guard-note {
  display: block;
}

.km-digikala-ux-guard-note {
  display: none;
  margin: 12px 0;
  padding: 10px 14px;
  border: 1px solid #f0c36d;
  background: #fff8e5;
  color: #6b4e00;
  font-size: 13px;
  line-height: 1.6;
  border-radius: 6px;
}