/* UI review fixes (2026-10-29). Loaded last; additive overrides only. */

/* (2) Floating chat sits above the mobile bottom nav (64px + safe-area)
   and above the product page sticky add-to-cart bar. */
@media (max-width: 1023px) {
  html.has-mobile-nav body:not(.product-page) :is(.pw-chat-launcher, .woot-widget-bubble) {
    inset-block-end: max(var(--pw-chat-bottom, 0px), calc(64px + 12px + env(safe-area-inset-bottom, 0px))) !important;
  }
  body.product-page :is(.pw-chat-launcher, .woot-widget-bubble) {
    inset-block-end: max(var(--pw-chat-bottom, 0px), calc(var(--pw-commerce-cta-height, 96px) + 12px + env(safe-area-inset-bottom, 0px))) !important;
  }
}

/* (5) Uniform product cards: same image box, contain, 2-line names, price row aligned. */
.da-product-card { display: flex; flex-direction: column; }
.da-product-card .da-card-media { aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.da-product-card .da-card-media img { width: 100%; height: 100%; object-fit: contain; }
.da-product-card .da-card-body { display: flex; flex-direction: column; flex: 1 1 auto; }
.da-product-card .da-card-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; min-block-size: calc(2 * 1.6em); line-height: 1.6; }
.da-product-card .da-card-foot { margin-block-start: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; }

/* (6) 44px tap targets for icon-only buttons. */
:is(.da-favorite, .da-quick-add, .da-plain-icon, .pdp-mobile-support-btn, .pw-cart-drawer__qty button, .da-header-actions > a, .da-header-actions > button) {
  min-inline-size: 44px; min-block-size: 44px;
}

/* (7) Scrollable category chips: show there is more to swipe. */
.da-filter-row {
  overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
  -webkit-mask-image: linear-gradient(to left, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
          mask-image: linear-gradient(to left, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
}
.da-filter-row::-webkit-scrollbar { display: none; }
.da-filter-row .da-filter-chip { flex: none; scroll-snap-align: start; }

/* (8) Compact footer on auth pages. */
body.auth-experience .site-footer .footer-nav-section,
body.auth-experience .site-footer .trust-badges-section ~ *:not(.text-center),
body.auth-experience .seo-internal-links { display: none !important; }
body.auth-experience .site-footer > .container { padding-block: 16px !important; }

/* (9) Latin names / prices keep LTR order inside RTL text. */
.da-price, .pdp-price, bdi[dir="ltr"] { unicode-bidi: isolate; }
