/* ===== Breadcrumb Fix ===== */

/* Override Porto's display:none on woocommerce-breadcrumb */
nav.woocommerce-breadcrumb {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  font-size: 11px !important;
  color: #aaa !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  gap: 2px !important;
  line-height: 1.4 !important;
  margin-bottom: 4px !important;
  direction: rtl !important;
  max-width: 100% !important;
}

nav.woocommerce-breadcrumb a {
  color: #aaa !important;
  text-decoration: none !important;
  font-size: 11px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

nav.woocommerce-breadcrumb a:hover {
  color: #777 !important;
}

nav.woocommerce-breadcrumb > span:last-child,
nav.woocommerce-breadcrumb > a:last-child {
  color: #888 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex-shrink: 1 !important;
  min-width: 0 !important;
}

/* Mobile: place breadcrumb between gallery and badge (above badge) */
@media (max-width: 767px) {
  /* breadcrumb after gallery, before badge */
  .elementor-element-2c7dcb77 {
    order: 1 !important;
    padding: 0 !important;
    margin-bottom: 2px !important;
  }
  /* badge after breadcrumb */
  .elementor-element-33d13910 {
    order: 2 !important;
  }
}