/* oxford-product-fix.css - Override Elementor's hardcoded flex-direction
 * so the --flex-direction var (set in post-1723.css) actually applies.
 * The local Elementor 4.1.4 frontend.min.css hardcodes `flex-direction: column`
 * on .e-flex, which overrides the var. We restore the var-based behavior.
 */
.e-flex,
.elementor-element.e-flex {
  flex-direction: var(--flex-direction, column) !important;
}
.e-flex > .e-con-inner,
.elementor-element.e-flex > .e-con-inner {
  flex-direction: var(--flex-direction, column) !important;
}

/* e-con needs display: flex when --display:flex is set on the var */
.elementor-1723 .elementor-element[data-e-type="container"] {
  display: var(--display, block);
}

/* Ensure the e-con-boxed container is centered */
.e-con-boxed > .e-con-inner {
  max-width: var(--container-max-width, 1200px);
  margin: 0 auto;
  width: 100%;
}

/* Hide the trailing "Home /" breadcrumb that Elementor Pro's
 * single-product template adds after the body (we already inject
 * the proper breadcrumb-less layout from the target site).
 */
nav.woocommerce-breadcrumb,
.woocommerce-breadcrumb,
body.single-product nav.woocommerce-breadcrumb {
  display: none !important;
}