/* Mini cart: use Montserrat consistently in the header dropdown and its contents. */
.aux-cart-wrapper .aux-card-dropdown,
.aux-cart-wrapper .aux-card-dropdown *,
.aux-cart-wrapper .aux-cart-contents,
.aux-cart-wrapper .aux-cart-contents *,
.aux-offcanvas-cart,
.aux-offcanvas-cart *,
.aux-cart-wrapper .widget_shopping_cart,
.aux-cart-wrapper .widget_shopping_cart * {
  font-family: 'Montserrat', sans-serif !important;
}

/* Keep the Phlox dropdown above page content and unclipped on WooCommerce pages. */
body.woocommerce-cart .aux-header,
body.woocommerce-checkout .aux-header,
body.woocommerce-cart .aux-header-elements-wrapper,
body.woocommerce-checkout .aux-header-elements-wrapper,
body.woocommerce-cart header.elementor,
body.woocommerce-checkout header.elementor {
  position: relative;
  z-index: 10000;
  overflow: visible !important;
}

/* Phlox normally opens this panel by toggling .aux-cart-display-dropdown.
   The direct hover/focus rule provides a reliable fallback on cart and checkout pages. */
body.woocommerce-cart .aux-cart-type-dropdown:hover .aux-card-dropdown,
body.woocommerce-cart .aux-cart-type-dropdown:focus-within .aux-card-dropdown,
body.woocommerce-checkout .aux-cart-type-dropdown:hover .aux-card-dropdown,
body.woocommerce-checkout .aux-cart-type-dropdown:focus-within .aux-card-dropdown {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10001 !important;
  transform: translateY(100%) !important;
  pointer-events: auto !important;
  transition-delay: 0s !important;
}

/* Do not let transparent Elementor/Phlox wrappers cut off the dropdown. */
body.woocommerce-cart .aux-header .elementor-element,
body.woocommerce-checkout .aux-header .elementor-element,
body.woocommerce-cart .aux-header .e-con,
body.woocommerce-checkout .aux-header .e-con {
  overflow: visible !important;
}